body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans JP,MS Gothic,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#00000040,#00000040),url(/pont-paris.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}@supports (-webkit-touch-callout: none){body{background-attachment:scroll}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}.App-content{padding-top:20px;padding-bottom:40px;min-height:calc(100vh - 104px);min-height:calc(100dvh - 104px);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:center;overflow:visible}.App-nav{position:fixed;top:0;width:100%;height:64px;background-color:#20232a;padding:.5rem 1rem;z-index:1000;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;overflow:visible}.page-background{position:relative;z-index:0;min-height:92.3dvh;min-height:92.3vh;overflow:visible}.page-background:before{content:"";position:fixed;inset:0;z-index:-1;will-change:transform}@media(hover:none)and (pointer:coarse){.page-background:before{position:absolute;background-attachment:scroll}}.button-group{display:flex;justify-content:flex-end;gap:1rem;align-items:center;flex-wrap:nowrap;min-width:100px}.nav-button{padding:.6rem 1.2rem;font-size:1rem;background-color:#4682b4;color:#282c34;text-decoration:none;border:none;border-radius:6px;transition:background-color .3s ease;text-align:center}.nav-button:hover{background-color:#4682b4;color:#fff}.nav-flag-button{background:none;border:none;padding:0;margin:0;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.nav-flag-button img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .2s ease}.nav-flag-button:hover img{transform:scale(1.1)}.nav-flag-button.active img{outline:2px solid #4682B4;outline-offset:2px}.App-footer{position:fixed;bottom:0;width:100%;height:40px;background-color:#20232a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 -2px 4px #0000001a;z-index:1000}.logo-link-div{display:flex;align-items:center;margin-right:auto;text-decoration:none}.nav-logo{height:55px;width:auto;object-fit:contain;padding:.5rem;margin-top:.5rem}.header-container{max-width:300px;flex-shrink:1}.nav-text-header{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}.dropdown{position:relative;display:inline-block;z-index:1001}.hamburger-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;background:#fff;border:2px solid black;border-radius:8px;cursor:pointer;padding:0}.hamburger-button span{width:5px;height:5px;background-color:#000;border-radius:50%;display:block;transition:background-color .2s ease}.hamburger-button:hover{background:#f2f2f2}.hamburger-button:hover span{background-color:#333}.lang-button{background-color:#4682b4;color:#fff;cursor:pointer;font-size:.9rem}.lang-button:hover{background-color:#ff8c00}.hamburger-button span{display:block;height:3px;background-color:#4682b4;border-radius:2px;transition:all .3s ease}.button-group button,.button-group .hamburger-button,.button-group .lang-button{white-space:nowrap;flex-shrink:0}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #00000026;flex-direction:column;z-index:2000}.dropdown-content.min-width{min-width:160px}.dropdown-content.show{display:flex}.dropdown-content .dropdown-item{color:#fff;padding:.8rem 1rem;text-decoration:none;display:block;transition:background .2s;background-color:#4682b4;border:none}.dropdown-content .dropdown-item:hover{background-color:#000;color:#fff}.blue-box{background:#4682b4e6;color:#fff}.App-logo{height:40vmin;width:40vmin;pointer-events:none;display:block;margin:0 auto;transform-origin:center center}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-group{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.nav-button:hover{background-color:#21a1f1;color:#fff}.root-page{padding:2rem;text-align:center}.two-columns{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:2rem;margin:3rem 0 1rem;width:100%}.column.image-column{display:flex;flex:0 0 20%;justify-content:center;min-width:320px}.portrait-img{width:320px;height:auto;border-radius:8px;object-fit:cover}.column.content-column{display:flex;flex-direction:column;gap:2rem;min-width:300px;flex:1}@media(max-width:768px){.two-columns{flex-direction:column;align-items:center}.column.image-column,.column.content-column{flex:0 0 100%;min-width:unset}.portrait-img{max-width:100%}}.profile-info-2{position:relative;display:flex;flex-direction:column;text-align:justify;font-size:1.5rem;border-radius:12px;padding:1rem}.black-t-box{background:#0009;color:#f0f0f0}.profile-info{display:grid;grid-template-columns:auto 1fr;column-gap:1.5rem;row-gap:1rem;padding:1rem 1.5rem;border-radius:10px}.long-text{width:auto;max-width:1000px;margin:2rem auto;font-size:2rem;line-height:1.6;text-align:justify;border-radius:10px;padding:1rem 1.5rem}.info-item{display:contents}.info-label{font-weight:700;color:#000;font-size:2rem;text-align:right;white-space:nowrap}.info-value{color:#000;font-size:2rem;text-align:left}.contact-container{padding:2rem;max-width:600px;margin:auto;text-align:left;color:#fff;height:90%}.contact-card{display:flex;gap:1.5rem;border-radius:8px;padding:1.5rem 2rem;margin:1rem 0;transition:background .15s ease,transform .15s ease}.contact-card:hover{background:#000;transform:translateY(-2px)}.contact-icon{font-size:2.5rem;color:#fff;flex-shrink:0}.contact-icon:hover{color:#000}.contact-card h3{margin:0;font-size:1.5rem;color:#fff}.contact-card p{margin:.3rem 0 0;font-size:1.2rem;color:#fff}.ribbon-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem 0}.ribbon.left{margin-right:auto;border-radius:0 6px 6px 0}.ribbon.right{margin-left:auto;border-radius:6px 0 0 6px}.ribbon{display:flex;align-items:center;text-align:left;justify-content:flex-start;width:80%;padding:0 1.5rem;color:#fff;font-size:1.4rem;font-weight:700;border-radius:4px;box-sizing:border-box;transition:background .15s ease;min-height:250px}.ribbon-middle{margin-left:1.5rem}@media(max-width:800px){.ribbon-middle{margin-left:1rem}}.list-title{font-size:1.5rem;font-weight:700;color:#fff;background:#ffffff26;padding:.3rem;border-radius:6px;align-self:flex-start;margin:0 0 10px}.ribbon-list{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0;padding:0}.ribbon-list li{position:relative;padding-left:1.5rem;font-size:1.2rem;font-weight:400}.ribbon-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url(/logo.png);background-size:contain;background-repeat:no-repeat}.ribbon:hover{background:#000;color:#fff}.ribbon-img{max-height:250px;width:auto;border-radius:6px;flex-shrink:0}.ribbon-content{margin-left:1rem;display:flex;flex-direction:column;justify-content:center}@media(max-width:900px){.ribbon{flex-direction:column;align-items:center;text-align:center;padding:1rem;width:95%}.ribbon-img{width:100%;max-width:400px;height:auto;margin-bottom:1rem}.ribbon-middle{margin-left:0}.list-title{align-self:center}}