/*@import url(base.css);*/
/*@import url(application.css);*/
/*@import url(layout.css);*/
/*@import url(dockbar.css);*/
/*@import url(navigation.css);*/
/*@import url(portlet.css);*/
/*@import url(extras.css);*/
/*@import url(custom.css);*/
/*@import url(theme_main.scss);*/
.portlet-topper {
  display: none; }

.portlet-body {
  /*min-height: 700px;*/
  /*overflow-x: hidden;*/
  /*padding-top: 150px;*/
  /*z-index: 2;*/ }

#portlet_new-password {
  line-height: 40px;
  margin-left: 34%;
  padding-top: 20px; }

#portlet_new-password button, .MansartisForm button {
  background: #eee none repeat scroll 0 0;
  border: 0 none;
  height: 43px;
  margin-bottom: 65px;
  width: 288px; }

.MansartisForm {
  margin: 0 auto;
  width: 300px;
  padding-bottom: 142px;
  padding-top: 70px; }

.tooltip-help-content.tooltip-content.yui3-widget-stdmod.tooltip-inner {
  display: none; }

/*      code HKI    */
.clearfix, .CookiesAlert, .Header-controls {
  zoom: 1; }

.clearfix:before, .CookiesAlert:before, .Header-controls:before, .clearfix:after, .CookiesAlert:after, .Header-controls:after {
  content: "";
  display: table; }

.clearfix:after, .CookiesAlert:after, .Header-controls:after {
  clear: both; }

.full-size, .full-size-absolute, .full-size-relative {
  width: 100%;
  height: 100%; }

.full-size-absolute {
  position: absolute;
  top: 0;
  left: 0; }

.full-size-relative {
  position: relative;
  top: 0;
  left: 0; }

.center-absolute {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0; }

.smooth-font, .font-default, .font-serif, body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.unglitch-3d {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.font-default, body {
  font-family: Arial, sans-serif; }

.font-serif {
  font-family: Georgia, Times, "Times New Roman", serif; }

html {
  box-sizing: border-box;
  border-collapse: collapse;
  line-height: 1;
  font-family: sans-serif; }

* {
  margin: 0;
  padding: 0;
  border-collapse: inherit; }

*, *:before, *:after {
  box-sizing: inherit; }

*:not(body) {
  background: no-repeat 50%;
  background-size: cover; }

body {
  position: relative; }

[hidden] {
  display: none !important; }

ul, ol, menu {
  list-style: none; }

a {
  color: inherit; }

fieldset {
  border: none; }

html, body {
  overflow-x: hidden;
  position: relative; }

#symbols {
  display: none; }

a {
  text-decoration: none; }

.View {
  z-index: 2; }

.font-size--1 {
  font-size: 10px; }

.font-size--2 {
  font-size: 2.25em; }

@media screen and (max-width: 1400px) {
  .font-size--2 {
    font-size: 1.8em; } }
@media screen and (max-width: 1024px) {
  .font-size--2 {
    font-size: 1.4em; } }
.global-middle-content, .ArrowTitle-content:not(.ArrowTitle-content--full), .Espace-infos, .Espace-input-wrapper {
  width: 46%;
  margin: 0 0 0 34%; }

@media screen and (max-width: 1400px) {
  .global-middle-content, .ArrowTitle-content:not(.ArrowTitle-content--full), .Espace-infos, .Espace-input-wrapper {
    width: 55.199999999999996%;
    margin: 0 0 0 23.8%; } }
@media screen and (max-width: 768px) {
  .global-middle-content, .ArrowTitle-content:not(.ArrowTitle-content--full), .Espace-infos, .Espace-input-wrapper {
    width: 100%;
    margin: 0;
    padding: 0 19px; } }
.global-left-content {
  width: calc(34% - 38px);
  margin-left: 38px; }

@media screen and (max-width: 1400px) {
  .global-left-content {
    width: calc(23.799999999999997% - 38px);
    margin-left: 38px; } }
.global-right-content {
  width: calc(100% - (46% + 34% + 38px)); }

@media screen and (max-width: 1400px) {
  .global-right-content {
    width: calc(100% - (55.199999999999996% + 23.799999999999997% + 38px)); } }
.fund-middle-content {
  width: 59%;
  margin: 0 0 0 22%; }

@media screen and (max-width: 768px) {
  .fund-middle-content {
    width: 100%;
    margin: 0;
    padding: 0 19px; } }
.CookiesAlert {
  position: fixed;
  z-index: 999;
  background-color: #fff;
  top: calc(100vh - 67px);
  left: 0;
  height: 67px;
  width: 100%;
  padding: 1em 2.8vw;
  display: none; }

.CookiesAlert-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 90%;
  height: 100%; }

.CookiesAlert p {
  font-size: .9em;
  opacity: .6;
  line-height: 1.3;
  margin: auto;
  text-align: center;
  padding-right: 30px; }

.CookiesAlert-close {
  float: left;
  width: 10%;
  padding: 10px;
  background-color: #222;
  color: #fff;
  text-align: center;
  cursor: pointer; }

.CookiesAlert-close:hover {
  background-color: #ffb500; }

@media screen and (max-width: 1100px) {
  .CookiesAlert {
    height: 86px;
    top: calc(100vh - 86px); } }
@media screen and (max-width: 768px) {
  .CookiesAlert {
    padding: .7em 2.8vw; }

  .CookiesAlert-close {
    margin-top: 13px; }

  .CookiesAlert p {
    font-size: .7em;
    padding-right: 15px; } }
.Footer {
  background: #222;
  color: #fff;
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden; }

.Footer svg {
  fill: white; }

.Footer-wrapper {
  margin: auto;
  display: table;
  width: calc(100% - 76px); }

.Footer-column {
  display: table-cell;
  vertical-align: middle; }

.Footer-column > div {
  margin: auto; }

.Footer-logo, .Footer-socials, .Footer-text, .Footer-separator {
  position: relative;
  height: 100%;
  white-space: nowrap; }

.Footer-text {
  font-size: 1vw;
  text-align: center; }

.Footer-separator {
  background: #ffb500;
  height: 1px;
  width: 2vw; }

.Footer-logo svg {
  width: 159px;
  fill: #ffb500; }

.Footer-socials {
  line-height: 120px; }

.Footer-socialButton {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 24px;
  height: 16px; }

.Footer-socialButton svg {
  position: absolute;
  width: 100%;
  height: 100%; }

.Footer-socials--linkedin .Footer-socialButton {
  margin-left: 10px;
  top: -2px; }

.Footer-socials--youtube .Footer-socialButton {
  margin-left: 10px; }

.Footer-copyrights {
  font-size: 12px;
  opacity: .5;
  line-height: 18px; }

body.is-ie11 .Footer-column, body.is-ie10 .Footer-column {
  position: relative;
  top: -14px; }

@media screen and (max-width: 1200px) {
  .Footer-column {
    position: relative;
    top: 20px; }

  .Footer-logo {
    display: block;
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }

  .Footer-logo + .Footer-column {
    display: none; }

  .Footer-separator {
    width: 10px; }

  .Footer-text {
    font-size: 12px; }

  .Footer-copyrights {
    width: 110px;
    white-space: normal; }

  .Footer-copyrights p {
    margin-left: 10px; } }
@media screen and (max-width: 1024px) {
  .Footer-wrapper {
    width: calc(100% - 38px); } }
@media screen and (max-width: 768px) {
  .Footer {
    display: none; } }
.Header {
  background: transparent;
  width: 100%;
  z-index: 10000;
  top: 0;
  left: 0;
  color: #fff;
  text-transform: uppercase;
  padding: 76px 38px;
  position: fixed;
  -webkit-transition: padding 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.1s;
  transition: padding 0.5s cubic-bezier(0.19, 1, 0.22, 1), background 0.1s; }

.Header-wrapper {
  position: relative;
  height: 100%; }

.Header-logo {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 10%;
  min-width: 170px;
  height: 100%; }

.Header-logo svg {
  width: 100%;
  height: 100%;
  fill: #ffb500; }

.Header-controls {
  position: absolute;
  right: 38px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 12px; }

.Header-controlButton {
  height: 50px;
  display: block;
  float: left;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0 16px;
  line-height: 50px;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-weight: bold;
  cursor: pointer; }

.Header-controlButton--contact:hover {
  border-left: 1px solid #ffb500;
  border-top: 1px solid #ffb500;
  border-bottom: 1px solid #ffb500; }

.Header-controlButton--contact:hover + .Header-controlButton--social {
  border-left: 1px solid #ffb500; }

.Header-controlButton--contact:hover ~ .Header-controlButton--lang {
  border-left: 1px solid #ffb500; }

.Header-controlButton:last-child:hover {
  border: 1px solid #ffb500; }

.Header-controlButton--social {
  display: none; }

.Header-controlButton:hover {
  color: #ffb500; }

.Header-controlButton:hover svg {
  fill: #ffb500; }

.Header-controlButton--white {
  background: #fff;
  color: #222;
  border: none; }

.Header-controlButton--white:hover {
  color: #222;
  background-color: #ffb500; }

.Header-controlButton:last-child {
  border-right: 1px solid white; }

.Header-controlButton svg {
  width: 26px;
  height: 48px; }

.Header-controlButton svg {
  fill: #fff;
  -webkit-transition: fill .3s;
  transition: fill 0.3s; }

.Header-mobileMenuButton {
  position: absolute;
  width: 30px;
  display: none;
  right: 19px;
  top: 10px; }

.Header-mobileMenuButton svg {
  fill: #fff;
  width: 100%;
  height: 100%; }

.Header--dark {
  color: #222; }

.Header--dark .Header-mobileMenuButton svg {
  fill: #222222; }

.Header--dark .Header-controlButton {
  border-left: 1px solid #222;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222; }

.Header--dark .Header-controlButton:hover svg *, .Header--dark .Header-controlButton:hover svg {
  fill: #ffb500; }

.Header--dark .Header-controlButton--client:hover {
  border-left: 1px solid #ffb500;
  border-top: 1px solid #ffb500;
  border-bottom: 1px solid #ffb500;
  color: #222;
  background-color: #ffb500; }

.Header--dark .Header-controlButton--contact:hover {
  border-left: 1px solid #ffb500;
  border-top: 1px solid #ffb500;
  border-bottom: 1px solid #ffb500; }

.Header--dark .Header-controlButton--contact:hover ~ .Header-controlButton--lang {
  border-left: 1px solid #ffb500; }

.Header--dark .Header-controlButton:last-child:hover {
  border: 1px solid #ffb500; }

.Header--dark .Header-controlButton--white {
  background: #222;
  color: white; }

.Header--dark .Header-controlButton:last-child {
  border-right: 1px solid #222222; }

.Header--dark .Header-controlButton svg *, .Header--dark .Header-controlButton svg {
  fill: #222;
  -webkit-transition: fill .3s;
  transition: fill 0.3s; }

.Header--contacts .Header-controlButton--contact {
  background: #222; }

.Header--contacts .Header-controlButton--contact svg * {
  fill: #ffb500; }

.Header--contacts .Header-mobileMenuButton svg {
  fill: #222222; }

.Header--scrolled {
  background: #fff;
  padding: 19px 38px; }

.Header--scrolled .Header-mobileMenuButton {
  top: 5px; }

body.is-ie11 .Header, body.is-ie10 .Header {
  padding: 14px 38px; }

body.is-ie11 .Header.Header--scrolled .Header-logo svg, body.is-ie10 .Header.Header--scrolled .Header-logo svg {
  max-height: 40px; }

@media screen and (max-width: 1300px) {
  .Header-controls {
    font-size: 10px; } }
@media screen and (max-width: 1024px) {
  .Header {
    padding: 19px; }

  .Header-mobileMenuButton {
    display: block; }

  .Header .Menu {
    display: none;
    padding-top: 20px;
    padding-left: 0; }

  .Header-controls {
    -webkit-transform: none;
    transform: none;
    font-size: 12px;
    display: none; } }
@media screen and (max-width: 768px) {
  .Header-mobileMenuButton {
    right: 9px;
    top: 5px; }

  .Header-logo {
    min-width: 120px; } }
.Header--mobileOpened {
  position: fixed;
  color: #222;
  background-color: #fff;
  height: 100%;
  z-index: 100;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.Header--mobileOpened svg {
  fill: #222222; }

.Header--mobileOpened .Header-controlButton {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  border-left: 1px solid #222;
  padding: 0 12px;
  display: table-cell;
  vertical-align: middle;
  float: none; }

.Header--mobileOpened .Header-controlButton svg {
  display: block;
  margin: auto; }

.Header--mobileOpened .Header-controlButton--client {
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  background-color: #222222; }

.Header--mobileOpened .Header-controlButton--lang {
  color: #fff;
  background-color: #222;
  text-align: center;
  border-right: 1px solid #222222; }

.Header--mobileOpened .Header-controlButton--social {
  padding: 0 5px; }

.Header--mobileOpened .Header-controlButton--social:hover {
  border-left: 1px solid #ffb500;
  border-top: 1px solid #ffb500;
  border-bottom: 1px solid #ffb500; }

.Header--mobileOpened .Header-controlButton--social:hover + .Header-controlButton--social {
  border-left: 1px solid #ffb500; }

.Header--mobileOpened .Header-controlButton--social:hover + .Header-controlButton--lang {
  border-left: 1px solid #ffb500; }

.Header--mobileOpened .Header-controlButton--social svg {
  width: 20px;
  height: 48px; }

.Header--mobileOpened .Header-controlButton:last-child:hover {
  border: 1px solid #ffb500;
  color: #fff;
  background: #ffb500; }

.Header--mobileOpened .Header-logo {
  height: auto; }

.Header--mobileOpened .Header-controls {
  display: table !important;
  bottom: 38px;
  top: auto;
  left: 0;
  right: auto;
  width: 100%; }

.View {
  min-height: 700px;
  overflow-x: hidden; }

.FluidTitle {
  text-transform: uppercase;
  font-size: 1.5vw;
  overflow: hidden;
  padding: 0 20px; }

.FluidTitle span {
  display: inline-block;
  position: relative;
  margin: 6px 0;
  z-index: 1; }

.FluidTitle span:before {
  content: '';
  position: absolute;
  z-index: -1;
  height: 1px;
  top: .2vw;
  left: -150%;
  min-width: 2000px;
  width: 300%;
  background: #e5e5e5; }

.FluidTitle span:after {
  content: '';
  position: absolute;
  z-index: -1;
  height: 1px;
  bottom: .29vw;
  left: -150%;
  min-width: 2000px;
  width: 300%;
  background: #e5e5e5; }

.FluidTitle--big {
  font-size: 3vw;
  overflow: initial;
  padding: 0 2.8vw; }

.FluidTitle--big span {
  margin: 7px 0; }

.FluidTitle--big span:before {
  top: .55vw;
  min-width: 4000px;
  left: -1000px; }

.FluidTitle--big span:after {
  left: -1000px;
  min-width: 4000px;
  bottom: 0.65vw; }

@media screen and (min-width: 1700px) {
  .FluidTitle--big span:before {
    top: 0.55vw; }

  .FluidTitle--big span:after {
    bottom: 0.65vw; } }
@media screen and (max-width: 1024px) {
  .FluidTitle {
    font-size: 1.2em;
    padding: 0 20px; }

  .FluidTitle span:before {
    top: 0.105em; }

  .FluidTitle span:after {
    bottom: 0.125em; }

  .FluidTitle--big {
    font-size: 2.2em;
    padding: 0 20px; }

  .FluidTitle--big span:before {
    top: 0.105em; }

  .FluidTitle--big span:after {
    bottom: 0.155em; } }
@media screen and (max-width: 768px) {
  .FluidTitle {
    font-size: 14px;
    line-height: 15px; }

  .FluidTitle span:before {
    display: none; }

  .FluidTitle span:after {
    display: none; }

  .FluidTitle--big {
    font-size: 1.7em;
    line-height: 1;
    padding: 0 0; }

  .FluidTitle--big h2 {
    width: calc(100% - 45px);
    font-size: 20px; }

  .FluidTitle--big span {
    margin: 2px 0; } }
@media screen and (max-width: 500px) {
  .FluidTitle--big {
    font-size: 1.2em; } }
.ArrowTitle {
  color: #222;
  position: relative;
  z-index: 2;
  padding: 3.36vw 0; }

.ArrowTitle-content {
  position: relative;
  top: 0.3vw; }

.ArrowTitle .Arrow {
  position: absolute;
  left: -69px;
  bottom: 4.4vw;
  z-index: 2; }

.ArrowTitle--arrowRight .Arrow {
  position: absolute;
  left: auto;
  right: -1px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.ArrowTitle--oneliner .ArrowTitle-line--bottom {
  display: none; }

@media screen and (min-width: 1700px) {
  .ArrowTitle .Arrow {
    bottom: 4.3vw; } }
@media screen and (max-width: 1024px) {
  .ArrowTitle .Arrow {
    bottom: 17px; } }
@media screen and (max-width: 768px) {
  .ArrowTitle {
    padding: 19px 0; }

  .ArrowTitle .Arrow {
    position: absolute;
    left: auto;
    right: 19px;
    bottom: 0; } }
.Arrow {
  position: relative;
  width: 69px;
  height: 202px; }

.Arrow-element {
  position: absolute;
  top: 0;
  width: 69px;
  height: 202px;
  background: #222;
  overflow: hidden; }

.Arrow-element--highlighted {
  background: #ffb500;
  clip: rect(0, 69px, 0, 0); }

.Arrow-element--highlighted .Arrow-line {
  background: #222222; }

.Arrow-element--highlighted .Arrow-triangle {
  border-color: #222222 transparent transparent transparent; }

.Arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.Arrow-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #fff;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.Arrow-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-color: #fff transparent transparent transparent;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.Arrow-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffb500;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

@media screen and (max-width: 768px) {
  .Arrow {
    width: 49px;
    height: 152px; }

  .Arrow-element {
    position: absolute;
    top: 0;
    width: 49px;
    height: 152px; } }
@media screen and (max-width: 500px) {
  .Arrow {
    width: 39px;
    height: 102px; }

  .Arrow-element {
    width: 39px;
    height: 102px; }

  .Arrow-triangle {
    border-width: 5px 5px 0 5px; } }
.FourVerticalLines {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none; }

.FourVerticalLines-line {
  width: 1px;
  background: #e5e5e5;
  height: 100%;
  top: 0;
  position: absolute; }

.FourVerticalLines-line--one {
  left: 38px; }

.FourVerticalLines-line--two {
  left: 34%; }

.FourVerticalLines-line--three {
  left: 80%; }

.FourVerticalLines-line--four {
  right: 38px; }

.FourVerticalLines--centered .FourVerticalLines-line--three {
  left: 67%; }

.FourVerticalLines--fusions .FourVerticalLines-line--three {
  left: 74%; }

.FourVerticalLines--fund .FourVerticalLines-line--two {
  left: 22%; }

.FourVerticalLines--fund .FourVerticalLines-line--three {
  left: 81%; }

@media screen and (max-width: 1400px) {
  .FourVerticalLines-line--one {
    left: 38px; }

  .FourVerticalLines-line--two {
    left: 23.8%; }

  .FourVerticalLines-line--three {
    left: 79%; }

  .FourVerticalLines-line--four {
    right: 38px; }

  .FourVerticalLines--centered .FourVerticalLines-line--three {
    left: 56.8%; }

  .FourVerticalLines--fusions .FourVerticalLines-line--three {
    left: 74%; }

  .FourVerticalLines--fund .FourVerticalLines-line--two {
    left: 22%; }

  .FourVerticalLines--fund .FourVerticalLines-line--three {
    left: 81%; } }
@media screen and (max-width: 768px) {
  .FourVerticalLines {
    display: none !important; } }
.Menu {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 2vw; }

.Menu-button {
  font-size: .9vw;
  margin-right: 1vw;
  -webkit-transition: color .3s;
  transition: color .3s;
  display: inline-block;
  position: relative;
  letter-spacing: .01em; }

.Menu-button:hover, .Menu-button--selected {
  color: #ffb500; }

.Menu-button--selected {
  font-weight: bold; }

.Menu--white {
  color: #222222; }

.Header--mobileOpened .Menu {
  display: block !important;
  margin: 30px 0; }

.Header--mobileOpened .Menu-button {
  display: block;
  font-size: 20px;
  margin-bottom: 26px; }

@media screen and (max-width: 1400px) {
  .Menu-button {
    font-size: 1vw; } }
@media screen and (max-width: 1024px) {
  .Menu-button {
    font-size: 18px !important;
    margin-right: 1em; } }
@media screen and (max-width: 768px) {
  .Menu-button {
    font-weight: bold; } }
.Espace {
  background-color: #fff;
  color: #222;
  /*padding-top: 230px;*/ }

.Espace-wrapper {
  position: relative;
  padding-bottom: 2.8vw; }

.Espace-infos {
  padding: 0 2.8vw 2.8vw 2.8vw; }

.Espace-infos p {
  margin-bottom: 20px;
  font-size: .94em;
  line-height: 1.4em; }

.Espace form {
  width: 100%; }

.Espace-input {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px; }

.Espace-input-wrapper {
  border: none;
  font-size: 1.125em; }

.Espace-input input {
  padding: 20px 2.8vw;
  background: #eeeeee; }

.Espace-input [type="radio"]:not(:checked), .Espace-input [type="radio"]:checked, .Espace-input [type="checkbox"]:not(:checked), .Espace-input [type="checkbox"]:checked {
  display: none; }

.Espace-input [type="radio"]:not(:checked), .Espace-input [type="radio"]:checked + label, .Espace-input [type="checkbox"]:not(:checked) + label, .Espace-input [type="checkbox"]:checked + label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 40px;
  cursor: pointer;
  /*line-height: size;*/
  padding-top: 4px;
  width: 80px;
  height: 58px;
  margin-left: 20px;
  background-color: #eeeeee; }

.Espace-input [type="radio"]:not(:checked) + label:before, .Espace-input [type="radio"]:checked + label:before, .Espace-input [type="checkbox"]:not(:checked) + label:before, .Espace-input [type="checkbox"]:checked + label:before {
  content: " ";
  position: absolute;
  top: 17px;
  left: 24px;
  width: 30px;
  height: 23px;
  background-color: #fff;
  border: 1px solid black; }

.Espace-input [type="radio"]:not(:checked) + label:after, .Espace-input [type="radio"]:checked + label:after, .Espace-input [type="checkbox"]:not(:checked) + label:after, .Espace-input [type="checkbox"]:checked + label:after {
  content: '╳';
  position: absolute;
  top: 22px;
  left: 31px;
  font-size: 14px;
  color: #000;
  -webkit-transition: all .2s;
  transition: all 0.2s; }

.Espace-input [type="radio"]:not(:checked) + label:after, .Espace-input [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.Espace-input [type="radio"]:checked + label:after, .Espace-input [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.Espace-input--checkbox > div {
  padding: 0 0 0 2.8vw; }

.Espace-input--checkbox span {
  padding: 20px 0;
  display: inline-block;
  vertical-align: middle; }

.Espace-submit {
  float: right;
  width: 40%; }

.Espace-submit button {
  width: 100%;
  border: none;
  background: #eeeeee; }

.Espace-submit span {
  display: inline-block;
  text-decoration: underline;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold; }

.Espace-submit-triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
  padding: 0 !important;
  top: 0;
  margin-right: 15px;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #222222; }

.Espace-linkLostPass {
  display: inline-block;
  padding: 20px 0;
  margin: 0 0 0 calc(34% + 2.8vw);
  text-decoration: underline; }

@media screen and (max-width: 1400px) {
  .Espace-linkLostPass {
    margin: 0 0 0 calc(23.799999999999997% + 2.8vw); } }
@media screen and (max-width: 768px) {
  .Espace {
    padding-top: 80px; }

  .Espace .Arrow, .Espace br {
    display: none; }

  .Espace form, .Espace-infos {
    padding: 0 19px; }

  .Espace-linkLostPass {
    margin-left: 19px;
    font-size: 12px; }

  .Espace-input {
    border: 0; }

  .Espace-input input {
    padding: 10px; }

  .Espace-input-wrapper span {
    font-size: 12px; }

  .Espace-input--checkbox > div {
    padding: 0; }

  .Espace [type="radio"]:not(:checked), .Espace [type="radio"]:checked + label, .Espace [type="checkbox"]:not(:checked) + label, .Espace [type="checkbox"]:checked + label {
    padding-left: 40px;
    width: 70px;
    height: 43px; }

  .Espace [type="radio"]:not(:checked) + label:before, .Espace [type="radio"]:checked + label:before, .Espace [type="checkbox"]:not(:checked) + label:before, .Espace [type="checkbox"]:checked + label:before {
    top: 11px;
    left: 21px; } }
@media screen and (max-width: 500px) {
  .Espace-submit {
    float: none;
    width: 100%;
    margin: 10px 0; } }
div.alert.alert-error {
  margin: 0 0 0 34%;
  color: red; }