@charset "UTF-8";
/** transition sur plusieurs propriétés :
 * exemple :  @include transition-multiple(z-index 3s linear, background 2s linear, ... );
 */
@keyframes slideShowBackground {
  0% {
    background-image: url(../img/signinup_background_1.jpg);
    transform: scale(1); }
  40% {
    background-image: url(../img/signinup_background_1.jpg); }
  50% {
    background-image: url(../img/signinup_background_2.jpg);
    transform: scale(1.1); }
  90% {
    background-image: url(../img/signinup_background_2.jpg); }
  100% {
    background-image: url(../img/signinup_background_1.jpg);
    transform: scale(1); } }
#sign_in_up {
  display: none;
  height: 100vh;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  font-size: 16px !important; }
  #sign_in_up::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/signinup_background_1.jpg), url(../img/signinup_background_2.jpg); }
  #sign_in_up::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/sprite.png) repeat 0 0; }
  #sign_in_up .content {
    position: relative;
    z-index: 2; }
    #sign_in_up .content .tooltip {
      min-width: 145px;
      max-width: 200px; }
      #sign_in_up .content .tooltip.top {
        max-width: 100%;
        white-space: nowrap; }
  #sign_in_up h1 {
    position: relative; }
    #sign_in_up h1:not(.lightbox-header)::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      background: #ffd801;
      padding-right: 5px;
      transition: height 0.15s ease; }
    #sign_in_up h1 a {
      position: relative;
      z-index: 2;
      font-size: 100px;
      line-height: 45px;
      color: white; }
    #sign_in_up h1:hover::after {
      height: 66.66667px; }
  #sign_in_up form .btn_princ {
    margin-top: 20px; }
    @media (max-height: 650px) {
      #sign_in_up form .btn_princ {
        margin-top: 12px; } }
  #sign_in_up #container_sign_in_up {
    position: relative;
    z-index: 2;
    transition: transform 0.35s ease, opacity 0.35s ease 0.15s;
    max-width: 340px;
    margin: 0 auto; }
    #sign_in_up #container_sign_in_up .close {
      font-weight: bold;
      position: absolute;
      top: -110px;
      right: -60px;
      font-size: 20px;
      margin: 20px; }
    #sign_in_up #container_sign_in_up p:not(.input) {
      margin: 15px 0; }
      #sign_in_up #container_sign_in_up p:not(.input) a:not(.show_lightbox_sign_in):hover::after {
        border-color: white; }
      #sign_in_up #container_sign_in_up p:not(.input) a:not(.show_lightbox_sign_in):hover::before {
        opacity: 0; }
    #sign_in_up #container_sign_in_up #formTeacher .checkbox {
      margin: 13px 0; }
    #sign_in_up #container_sign_in_up #formTeacher .btn_princ {
      margin-top: 10px; }
    #sign_in_up #container_sign_in_up #slogan {
      margin: 30px 0 20px 3px;
      color: white; }
  #sign_in_up #footer_sign_in_up {
    z-index: 1;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100vh; }
    #sign_in_up #footer_sign_in_up .close {
      font-weight: bold;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 20px;
      color: #000000;
      z-index: 10;
      margin: -2% 20px;
      transform: translate(0, 100%);
      opacity: 0;
      transition: all 0.15s ease; }
    #sign_in_up #footer_sign_in_up::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      top: 47%;
      width: 100%;
      height: 117%;
      background: #ffd801;
      padding: 0 16%;
      transform: translate(-50%, -50%) rotate(-3deg); }
    #sign_in_up #footer_sign_in_up p:not(.input) {
      margin: 10px auto; }
    @media (max-height: 650px) {
      #sign_in_up #footer_sign_in_up .content_1 p, #sign_in_up #footer_sign_in_up .content_1 h2 {
        display: none; } }
    #sign_in_up #footer_sign_in_up .content {
      padding: 5% 0; }
      @media (max-height: 650px) {
        #sign_in_up #footer_sign_in_up .content {
          padding: 0; } }

.type_inscription_list {
  font-size: 0;
  margin: 0 40px; }
  .type_inscription_list ul li {
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
    width: 33.33333%;
    box-sizing: border-box;
    padding: 0 20px; }
    .type_inscription_list ul li p {
      max-width: 275px;
      min-height: 40px; }
      @media (max-height: 650px) {
        .type_inscription_list ul li p {
          display: none; } }

.buttons_list {
  width: 100%;
  display: inline-block;
  vertical-align: top; }
  .buttons_list ul li {
    margin-bottom: 10px; }
  .buttons_list .tooltip {
    max-width: 360px; }

#sign_in_up[data-content] #container_sign_in_up {
  transform: translate(0, 60px); }
#sign_in_up[data-content] #footer_sign_in_up {
  transition: all 0.35s ease;
  transform: translate(0, 8%); }
  #sign_in_up[data-content] #footer_sign_in_up .content {
    transform: translate(0, 100px);
    opacity: 0;
    transition: all 0.35s ease; }
#sign_in_up[data-content] .container .content {
  display: none;
  transform: translate(0, 100px);
  opacity: 0;
  transition: all 0.35s ease; }
#sign_in_up[data-content="0"] .container .content_0 {
  display: block; }
  #sign_in_up[data-content="0"] .container .content_0.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="0"] #footer_sign_in_up .content_0 {
  display: block; }
  #sign_in_up[data-content="0"] #footer_sign_in_up .content_0.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="1"] .container .content_1 {
  display: block; }
  #sign_in_up[data-content="1"] .container .content_1.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="1"] #footer_sign_in_up .content_1 {
  display: block; }
  #sign_in_up[data-content="1"] #footer_sign_in_up .content_1.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="2"] .container .content_2 {
  display: block; }
  #sign_in_up[data-content="2"] .container .content_2.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="2"] #footer_sign_in_up .content_2 {
  display: block; }
  #sign_in_up[data-content="2"] #footer_sign_in_up .content_2.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="3"] .container .content_3 {
  display: block; }
  #sign_in_up[data-content="3"] .container .content_3.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="3"] #footer_sign_in_up .content_3 {
  display: block; }
  #sign_in_up[data-content="3"] #footer_sign_in_up .content_3.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="4"] .container .content_4 {
  display: block; }
  #sign_in_up[data-content="4"] .container .content_4.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="4"] #footer_sign_in_up .content_4 {
  display: block; }
  #sign_in_up[data-content="4"] #footer_sign_in_up .content_4.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="5"] .container .content_5 {
  display: block; }
  #sign_in_up[data-content="5"] .container .content_5.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="5"] #footer_sign_in_up .content_5 {
  display: block; }
  #sign_in_up[data-content="5"] #footer_sign_in_up .content_5.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="6"] .container .content_6 {
  display: block; }
  #sign_in_up[data-content="6"] .container .content_6.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="6"] #footer_sign_in_up .content_6 {
  display: block; }
  #sign_in_up[data-content="6"] #footer_sign_in_up .content_6.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="7"] .container .content_7 {
  display: block; }
  #sign_in_up[data-content="7"] .container .content_7.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="7"] #footer_sign_in_up .content_7 {
  display: block; }
  #sign_in_up[data-content="7"] #footer_sign_in_up .content_7.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="8"] .container .content_8 {
  display: block; }
  #sign_in_up[data-content="8"] .container .content_8.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="8"] #footer_sign_in_up .content_8 {
  display: block; }
  #sign_in_up[data-content="8"] #footer_sign_in_up .content_8.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="9"] .container .content_9 {
  display: block; }
  #sign_in_up[data-content="9"] .container .content_9.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="9"] #footer_sign_in_up .content_9 {
  display: block; }
  #sign_in_up[data-content="9"] #footer_sign_in_up .content_9.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="10"] .container .content_10 {
  display: block; }
  #sign_in_up[data-content="10"] .container .content_10.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="10"] #footer_sign_in_up .content_10 {
  display: block; }
  #sign_in_up[data-content="10"] #footer_sign_in_up .content_10.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="11"] .container .content_11 {
  display: block; }
  #sign_in_up[data-content="11"] .container .content_11.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="11"] #footer_sign_in_up .content_11 {
  display: block; }
  #sign_in_up[data-content="11"] #footer_sign_in_up .content_11.active {
    opacity: 1;
    transform: translate(0, 0); }
#sign_in_up[data-content="0"] #container_sign_in_up {
  opacity: 0; }
#sign_in_up[data-content="0"] #footer_sign_in_up {
  transform: translate(0, 120vmax); }
  #sign_in_up[data-content="0"] #footer_sign_in_up .content_1 {
    display: block; }
#sign_in_up:not([data-content="1"]) .close {
  opacity: 1 !important; }
#sign_in_up[data-content="1"] .container .content {
  opacity: 1; }
#sign_in_up[data-content="1"] #container_sign_in_up {
  opacity: 1;
  transform: translate(0, 120px); }
  #sign_in_up[data-content="1"] #container_sign_in_up .btn_princ:hover {
    color: #000000;
    background: #ffd801; }
  #sign_in_up[data-content="1"] #container_sign_in_up .content {
    transform: translate(0, 0); }
  #sign_in_up[data-content="1"] #container_sign_in_up p:not(.input) {
    margin: 17px 0 15px 0;
    color: white; }
#sign_in_up[data-content="1"] #footer_sign_in_up {
  transform: translate(0, 460px);
  position: absolute;
  top: 0;
  left: 0;
  height: 65vh; }
  @media (max-height: 650px) {
    #sign_in_up[data-content="1"] #footer_sign_in_up {
      transform: translate(0, 430px); } }
  #sign_in_up[data-content="1"] #footer_sign_in_up .close {
    margin: 0 20px; }
  #sign_in_up[data-content="1"] #footer_sign_in_up .content {
    opacity: 1;
    transform: translate(0, -55px); }
    #sign_in_up[data-content="1"] #footer_sign_in_up .content.active {
      transform: translate(0, -55px); }
#sign_in_up[data-content="2"] #container_sign_in_up .btn_princ:hover {
  color: #000000;
  background: #ffd801; }
#sign_in_up[data-content="2"] #footer_sign_in_up {
  transform: translate(0, 400px);
  position: absolute;
  top: 0;
  left: 0;
  height: 65vh; }
  #sign_in_up[data-content="2"] #footer_sign_in_up .close {
    transform: translate(0, 0);
    opacity: 1;
    margin: 0 20px; }

@media (max-height: 600px) {
  .footer_landing {
    display: none; } }

.container.disabled:nth-child(1) {
  transform: translate(0, -100vmax) !important; }
.container.disabled:nth-child(2) {
  transform: translate(0, 120vmax) !important; }

.notransition {
  transition: none !important; }

#svg_inner {
  opacity: 0;
  transition: all 0.3s ease; }
  #svg_inner.show {
    display: block !important;
    opacity: 1; }

#sign_in_up h1, .landing h1 {
  font-size: 25px;
  line-height: 28px; }
#sign_in_up h2, .landing h2 {
  font-family: 'berthold_akzidenz_grotesk_bBd';
  font-size: 22px;
  line-height: 28px; }
  @media (max-height: 650px) {
    #sign_in_up h2, .landing h2 {
      font-size: 18px;
      line-height: 30px; } }
#sign_in_up .btn_princ, .landing .btn_princ {
  background: white; }
  #sign_in_up .btn_princ:hover, .landing .btn_princ:hover {
    color: white;
    background: #000000; }
  @media (max-height: 650px) {
    #sign_in_up .btn_princ[data-target-content="2"], .landing .btn_princ[data-target-content="2"] {
      margin-top: 50px; } }

#landing_browsers {
  display: none;
  max-width: 470px;
  margin: 0 auto; }
  #landing_browsers .logo_clip {
    max-width: 250px;
    max-height: 150px; }
  #landing_browsers li {
    margin: 5px 0; }

.logo_clip {
  margin: 0 auto; }

.landing {
  width: 100%;
  min-height: 100%;
  text-align: center;
  box-sizing: border-box;
  background-color: #ffd801; }
  .landing .footer_landing {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    width: 100%; }
    .landing .footer_landing ul {
      font-size: 0; }
      .landing .footer_landing ul li {
        cursor: pointer; }
        .landing .footer_landing ul li path {
          fill: #998201;
          transition: fill 0.15s ease; }
        .landing .footer_landing ul li a {
          display: block;
          font-size: 16px;
          font-family: 'berthold_akzidenz_grotesk_bBd', Helvetica;
          color: #998201;
          transition: color 0.15s ease; }
        .landing .footer_landing ul li:hover a {
          color: black; }
        .landing .footer_landing ul li:hover path {
          fill: black; }

#landing {
  padding: 150px 80px; }
  #landing h2 {
    margin: 0 0 25px 5px;
    line-height: 28px; }
  #landing p {
    font-size: 15px;
    margin: 0;
    line-height: 22px; }
  #landing .btn_princ {
    margin-top: 25px; }
  #landing .footer_landing ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px; }
    #landing .footer_landing ul li svg {
      margin-right: 0px; }

.bubble,
#infos_landing {
  transition: all 0.6s ease;
  opacity: 0; }
  .bubble.show,
  #infos_landing.show {
    opacity: 1 !important; }

#infos_landing {
  transition-delay: 0.5s;
  transform: translate3d(-50%, -40%, 0); }
  #infos_landing.show {
    transform: translate3d(-50%, -50%, 0); }

.bubble {
  transition-delay: 1s;
  transform: translate3d(0, -5px, 0); }
  .bubble p {
    display: block;
    width: 100%;
    text-align: center; }
  .bubble.show {
    transform: translate3d(0, 0, 0); }

.landing.anim_test #svg_logo path {
  transition: all 2s ease;
  transform: translate(300%, 0) scale(60); }
.landing.active .bubble,
.landing.active .footer_landing,
.landing.active #infos_landing {
  opacity: 0; }
@keyframes scale {
  50% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0; }
  51% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; } }
#svg_logo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%; }
  #svg_logo path {
    transform-origin: center center; }
  #svg_logo svg {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    position: absolute; }
  #svg_logo .img {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffd801;
    transform: scale(100.1%, 100.1%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: center center; }
    #svg_logo .img::before {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      background: #000000;
      opacity: 0;
      top: 0;
      left: 0;
      transition: opacity 1s ease;
      transition-delay: 0.2s; }
    #svg_logo .img.cover::before {
      opacity: 0.7; }
  #svg_logo .credits {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.15s linear;
    text-align: center;
    z-index: 1;
    font-size: 16px;
    max-width: 100%;
    padding: 10px 0;
    box-sizing: border-box; }
    #svg_logo .credits span {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      padding: 10px 0;
      transition: opacity 0.35s ease; }
      #svg_logo .credits span.active {
        opacity: 1; }

#landing_start[data-content="1"] .img {
  background-image: url("../img/landing1.jpg"); }
#landing_start[data-content="2"] .img {
  background-image: url("../img/landing2.jpg"); }
#landing_start[data-content="3"] .img {
  background-image: url("../img/landing3.jpg"); }
#landing_start[data-content="4"] .img {
  background-image: url("../img/landing4.jpg"); }
#landing_start[data-content="5"] .img {
  background-image: url("../img/landing5.jpg"); }
#landing_start[data-content="6"] .img {
  background-image: url("../img/landing6.jpg"); }
#landing_start[data-content="7"] .img {
  background-image: url("../img/landing7.jpg"); }
#landing_start[data-content="8"] .img {
  background-image: url("../img/landing8.jpg"); }
#landing_start[data-content="9"] .img {
  background-image: url("../img/landing9.jpg"); }
#landing_start[data-content] #infos_landing {
  color: white; }
  #landing_start[data-content] #infos_landing .link {
    color: white; }
    #landing_start[data-content] #infos_landing .link::before {
      border-color: white; }
    #landing_start[data-content] #infos_landing .link:hover::after {
      border-color: #ffd801; }
#landing_start[data-content] .credits {
  opacity: 1; }
#landing_start[data-content="0"] #infos_landing {
  color: black; }
  #landing_start[data-content="0"] #infos_landing .link {
    color: black; }
    #landing_start[data-content="0"] #infos_landing .link::before {
      border-color: black; }
    #landing_start[data-content="0"] #infos_landing .link:hover::after {
      border-color: white; }
#landing_start[data-content="0"] .img {
  background-image: none; }
#landing_start[data-content="0"] .credits {
  opacity: 0; }

.zone_click {
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  top: 33%;
  left: 50%;
  cursor: pointer;
  z-index: 2;
  height: 180px;
  width: 555px; }

.bubble {
  width: 100px;
  height: 100px;
  background: black;
  position: absolute;
  top: -100px;
  right: -100px;
  border-radius: 50%;
  text-align: center;
  color: #ffd801;
  display: flex;
  align-items: center; }
  .bubble p {
    line-height: 15px !important; }
    .bubble p span {
      display: none; }
  .bubble::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    background-image: url(../img/arrow_bubble.svg); }

#infos_landing {
  position: absolute;
  top: 48%;
  left: 50%;
  padding-top: 250px; }

/*# sourceMappingURL=signinup.css.map */