img.banner{width:100%;height:300px;line-height:300px;position:relative;display:inline-block;vertical-align:top;margin-top:25px;border-radius:16px;background-size:cover;background-position:bottom;text-align:center;font-size:64px;font-weight:bold;color:#fff;overflow:hidden;box-shadow:0 0 0 1px #d9d9d9,0 0 32px 0 #e5e5e5}img.banner::before,img.banner::after{content:'';width:400px;height:400px;position:absolute;border-radius:32px;background:#fff;transform:rotate(45deg);opacity:.3}img.banner::before{top:-100px;left:-200px}img.banner::after{bottom:-100px;right:-200px}img.banner.before{background:#09a691}img.banner.progress{background:#922abb}img.banner.after{background:#bb2a6c}@font-face{font-display:'block';font-family:'SAP Icons';src:url('font/SAP-icons.ttf') format('truetype')}@font-face{font-display:'block';font-family:'72';font-style:normal;font-weight:normal;src:url('font/72-Regular.eot');src:url('font/72-Regular.eot?#iefix') format('embedded-opentype'),url('font/72-Regular.woff2') format('woff2'),url('font/72-Regular.woff') format('woff'),url('font/72-Regular.ttf') format('truetype'),url('font/72-Regular.svg#72-Regular') format('svg')}@font-face{font-display:'block';font-family:'72';font-style:italic;font-weight:normal;src:url('font/72-Italic.eot');src:url('font/72-Italic.eot?#iefix') format('embedded-opentype'),url('font/72-Italic.woff2') format('woff2'),url('font/72-Italic.woff') format('woff'),url('font/72-Italic.ttf') format('truetype'),url('font/72-Italic.svg#72-Italic') format('svg')}footer{padding:32px 8px;background:#222;color:#fff}footer .top{line-height:20px;display:flex;justify-content:space-between}footer .top .links a{font-weight:bold;text-decoration:none;color:#999;transition:color 200ms}footer .top .links a:hover{color:#fff}footer .top .links .sep{display:inline-block;margin:0 16px;color:#6a6d70}footer .top .social a{margin-left:8px}footer .top .social a svg{width:20px;height:20px;display:inline-block;vertical-align:top;fill:#999;transition:fill 200ms}footer .top .social a svg:hover{fill:#fff}@media(max-width:360px){footer .top{display:block}footer .top .social{margin:16px 0}footer .top .social a:first-child{margin-left:0}}footer .bottom{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #6a6d70}footer .bottom .sap img{height:52px;vertical-align:top}footer .bottom .legal{text-align:right}footer .bottom .legal h3{margin:0;font-size:14px;color:#999}footer .bottom .legal h4{display:inline}footer .bottom .legal p{line-height:14px;margin:8px 0 0 0;font-size:12px;color:#999}@media(max-width:512px){footer .bottom{flex-direction:column}footer .bottom .legal{margin-top:16px;text-align:left}}html,body{font-family:'72',Arial,Helvetica,sans-serif;font-size:14px;overflow:auto;cursor:default;min-height:100%;background:#222}#content{height:100vh;position:fixed;top:0;right:0;left:0;background:#fff}*{box-sizing:border-box;outline:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::placeholder{font-style:italic;color:#74777a}a{text-decoration:none;color:#0a6ed1;cursor:pointer;outline:0}a:hover{text-decoration:underline;color:#0854a0}a:hover,a:active{text-decoration:underline;color:#0854a0}a:focus{outline:1px dotted;outline-color:#000}input,textarea{-webkit-user-select:initial;user-select:initial}input,textarea,select{height:36px;position:relative;padding:0 8px;border:1px solid #89919a;border-radius:2px;background:#fff;font-family:'72',Arial,Helvetica,sans-serif;font-size:14px;color:#32363a;box-shadow:none;outline:0;-webkit-appearance:none}input[readonly],textarea[readonly],select[readonly]{border-color:#979ea6;background:rgba(242,242,242,0.5);pointer-events:none}input:disabled:hover,textarea:disabled:hover,select:disabled:hover,input:disabled:focus,textarea:disabled:focus,select:disabled:focus{border-color:#bfbfbf}input:hover,textarea:hover,select:hover,input:focus,textarea:focus,select:focus{border-color:#0854a0}button{height:36px;line-height:34px;position:relative;display:inline-block;vertical-align:top;margin:0;box-sizing:border-box;padding:0 10px;border:1px solid transparent;border-radius:4px;background:transparent;font-family:'72',Arial,Helvetica,sans-serif;font-size:14px;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#0854a0;overflow:hidden;pointer-events:all;cursor:pointer}button.standard{border-color:#0854a0;background-color:#fff}button.emphasized{background-color:#0a6ed1;color:#fff}button:active{background-color:#0854a0;color:#fff}button:before,button:after{position:absolute;top:0;right:0;bottom:0;left:0;font-family:'SAP Icons';font-size:16px}button.negative{border-color:#b00;background-color:#fff;color:#b00}button.negative:active{background-color:#b00;color:#fff}button:disabled{opacity:.4}@font-face{font-display:'block';font-family:'72';font-style:normal;font-weight:bold;src:url('font/72-Bold.eot');src:url('font/72-Bold.eot?#iefix') format('embedded-opentype'),url('font/72-Bold.woff2') format('woff2'),url('font/72-Bold.woff') format('woff'),url('font/72-Bold.ttf') format('truetype'),url('font/72-Bold.svg#72-Regular') format('svg')}html{min-height:100%;background:#222}body{margin:0;background:#fff}body::before{content:'';width:100%;height:50%;position:fixed;top:0;left:0;background:#fff;z-index:-1}.section{position:relative;padding:16px;width:100%}.section.withSeparator::after{content:'';position:absolute;margin:auto;right:0;bottom:0;left:0;width:33%;height:1px;background-color:#222}.letterbox{max-width:1024px;margin:0 auto}.letterbox.large{max-width:1280px}header{padding:10px 8px}header>.letterbox{display:flex;align-items:center;justify-content:space-between}header>.letterbox>img.logo{height:48px}header>.letterbox>h1{margin:0 0 0 32px;font-size:24px;color:#32363a}header>.letterbox>h1.small{display:none}header>.letterbox>.spacer{flex:1}header>.letterbox>.lang>button{width:34px;height:24px;border:2px solid #fff;background-position:center;background-repeat:no-repeat;background-size:cover}header>.letterbox>.lang>button:not(:last-child){margin-right:10px}header>.letterbox>.lang>button[data-lang="fr"]{background-image:url(img/flag_fr.svg)}header>.letterbox>.lang>button[data-lang="en"]{background-image:url(img/flag_en.svg)}header>.letterbox>.lang>button.active{box-shadow:0 0 0 2px #0854a0;cursor:default}@media(max-width:650px){header>.letterbox>img.logo{height:32px}header>.letterbox>h1{display:none}header>.letterbox>h1.small{display:block;font-size:16px}header>.letterbox>.lang>button{width:24px;height:18px;border:1px solid #fff}}