@keyframes animNextTabValid {
    from {color: #337ab7;}
    to {color: #96c7f1;}
}
input[type='text'] {
  /*border: 0;
  border-bottom: solid 1px grey;
  background: none;*/
}
.bg {
  background-color: rgba(255, 255, 255, 0.85);
}
.bg-inverted {
  background-color: rgba(34, 34, 34, 0.85);
}
.wizardOFF {
    margin: 20px auto;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 30px;
    padding: 20px 0;
}

    .wizard .wizard-inner {
        position: relative;
    }

    .wizard .navi {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      //width: 80%;
      margin: 0 auto;
    }
    .wizard .navi > li > a,
    .wizard .navi > li > a:hover,
    .wizard .navi > li > a:focus {
        background: none;
        padding: 0;
    }

    .wizard .navi .tab.valid > a { color: #8bc34a; }
    .wizard .navi .tab.active:not(.complete) > a { color: #fec503; }

    .wizard .navi .tab.ready > a {
      animation: animNextTabValid 1s ease-in 5s infinite alternate;
    }


.connecting-line {
    height: 2px;
    background: #bababa;
    position: absolute;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
   //z-index: 1;
}


.wizard .tab-pane {
    position: relative;
    //-padding-top: 50px;
}

.wizard h3 {
    //-margin-top: 0;
}

 @media( max-width : 585px ) {

    .wizardOFF {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
    section {
      font-size: .8em;
    }
}

.checkbox label:after,
.radio label:after,
.radio-inline:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr,
.radio-inline .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    margin-top: 2px;
}

.radio .cr,
.radio-inline .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon,
.radio-inline .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 20%;
    left: 20%;
}

.radio .cr .cr-icon,
.radio-inline .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"],
.radio-inline input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon,
.radio-inline input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon,
.radio-inline input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr,
.radio-inline input[type="radio"]:disabled + .cr {
    opacity: .5;
}
bodyOFF {
  padding: 50px;
  font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

@font-face {
    font-family: 'sver';
    src: url('/fonts/sver.ttf') format('truetype');
}

#bgvideo {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#bgvideo > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#content-wrapper {
  position: relative;
  padding: 0 5%;
  text-align: center;
  /*z-index: 2;*/
}
/* 1. Pas de support d'object-fit */
@media (min-aspect-ratio: 16/9) {
  #bgvideo > video {
    height: 300%;
    top: 0%;
  }
}
@media (max-aspect-ratio: 16/9) {
  #bgvideo > video {
    width: 300%;
    left: 0%;
  }
}
/* 2. En cas de support d'object-fit, écrase les règles en (1) */
@supports (object-fit: cover) {
  #bgvideo > video, #bgvideo > img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: 20%;
  }
  #bgvideo > img {
    object-position: 40%; 
  }
}
.noms {
  padding: 20vh 0;
  color:white;
  font-size: 5em;
  font-family: sver;
  text-shadow: 3px 3px 2px #444444;
  user-select: none;
  -ms-user-select: none;
}
/*#firstimeDialog, .modaldialog {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.5);
  height: 100%;
  width: 100%;
  z-index: 1050;
  overflow-x: hidden;
  overflow-y: auto;}
  #firstimeDialog .wrapper, .modaldialog .wrapper {
    background-color: white;
    margin: 5%;
  }
  #firstimeDialog .content, .modaldialog .content {
    padding: 100px 2em;
  }*/
/*Preventing vertical dividers from appearing collapsed*/
@media (max-width: 420px) {
.navbar-collapse .nav > .divider-vertical {
    display: none;
  }
}

/*Defining the vertical dividers*/
.navbar .divider-vertical {
  height: 50px;
  margin: 0 9px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #DADADA;
}

.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

@media (min-width: 730px) {
    .navbar-collapse .collapse {
        display: block;
    }

    .navbar-header {
        float: left;
    }

    .navbar-toggle {
        display: none;
    }
    .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
    }
    .navbar-nav {
       float: left;
       margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
       padding-top: 15px;
       padding-bottom: 15px;
    }
    .navbar-right {
        float: right!important;
    }
}

@media (max-width: 730px) {
     .navbar-collapse .collapse {
        display: none;
     }

     .navbar-header {
        display: block;
     }
}