/*!
 * Start Bootstrap - Full (https://startbootstrap.com/template-overviews/full)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
 */

  body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }

  .container {
    min-width : 320px; 
  }

  .navbar {
    background-color: #06a9e0;
  }

  #menu {
    background-color: lightblue;
    border: solid 1px black;
  }

  .col-sm-8 {
    margin-top: 3%;
  }

  #img-enreg {
    width: 90%;
  }

  #check { 
    margin-left: 1%;
    vertical-align: center;
    position: relative;
  }

   #choix {
    color: white;
    white-space: nowrap;
  }

  #verif-2 {
    margin-left: 3.5%;
    margin-top: 0.7%;
    max-height: 30px;
    background-color: #006bb3;
  }

  #verif-3 {
    margin-left: 4%;
    margin-top: 0%;
    column-width: 200%;
  }

  .cond {
    color: white;
    text-decoration: underline;
    cursor: pointer;
    font-size: 70%;
  }

  #condi {
    display: none;
    text-align: justify;
    color: white;
  }

@media all and (min-width: 1366px) {

  body {
    background: url('../images/fond_pc.png') no-repeat center center fixed;
    background-size: cover;
  }

  .navbar .left { 
    max-height: 40px;
    max-width: 30%; 
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0; 
  }

  .bienvenue {
    margin-top: 30%;
    width: 85%;
  }

  .bienvenue_2 {
    display: none;
  }

  #enreg {
    margin-left: 1.5%;
    margin-top: 9%;
  }

  #verif-1 {
    margin-left: 3%;
    margin-top: 1%;
    width: 84%;
  }

  #mail {
    width:100%;
  }

  #verif-2 {
    width: 93%;
  }

  #check { 
    transform: scale(1.2);
  }

  #choix {
    font-size: 1em;
  }

  #condi {
    font-size: 80%;
    width: 80%;
  }

  #connexion {
    margin-top: 11%;
    margin-left: -2%;
  }

  .connect {
    border: transparent;
    background: url("../images/se_connecter.png");
    height: 91px;
    width: 347px;
  }
}

@media all and (min-width: 780px) and (max-width: 1366px) {

  body {
    background: url('../images/fond_pc.png') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
  }

  .navbar .left { 
    max-height: 40px;
    max-width: 30%; 
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0; 
  }

  .bienvenue {
    margin-top: 14%;
    width: 85%;
  }

  .bienvenue_2 {
    display: none;
  }

  #enreg {
    margin-left: 1.5%;
    margin-top: 9%;
  }

  #verif-1 {
    margin-left: 3%;
    margin-top: 1%;
    width: 84%;
  }

  #mail {
    width:100%;
  }

  #verif-2 {
    width: 93%;
  }

  #check { 
    transform: scale(1.2);
  }

  #choix {
    font-size: 1em;
  }

  #condi {
    font-size: 80%;
    width: 80%;
  }

  #connexion {
    margin-top: 11%;
    margin-left: -2%;
  }

  .connect {
    border: transparent;
    background: url("../images/se_connecter.png");
    height: 91px;
    width: 347px;
  }
}

@media all and (min-width: 500px) and (max-width: 780px) {

  body {
    background: url('../images/fond_pc.png') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
  }

  .navbar .left { 
    background-color: #06a9e0;
    max-height: 40px;
    max-width: 30%; 
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 2%;
    margin-top: 4%; 
  }

  .bienvenue {
    margin-top: 25%;
    margin-left: 10%;
    width: 85%;
  }

  .bienvenue_2 {
    display: none;
  }

  #img_logo{
    margin-left: -2%;
  }

  #enreg {
    margin-left: 14%;
    margin-top: 9%;
  }

  #verif-1 {
    margin-left: 3%;
    margin-top: 1%;
    width: 84%;
  }

  #mail {
    width:100%;
  }

  #check { 
    transform: scale(1.2);
  }

  #verif-2 {
    width: 93%;
  }

  #choix {
    font-size: 1em;
  }

  #condi {
    font-size: 80%;
    width: 100%;
  }

  #connexion {
    margin-top: 17%;
    margin-left: 13%;
  }

  .connect {
    border: transparent;
    background: url("../images/se_connecter.png");
    height: 91px;
    width: 347px;
  }
}

@media all and (min-width: 420px) and (max-width: 500px) {

  body {
    background-color: #06a9e0;
  }

  .navbar .left { 
    max-height: 30px;
    max-width: 30%; 
    margin-left: 12%;
    margin-top: 8%;
  }

  .nav_logo_1 {
    display: none;
  }

  .nav_logo_2 {
    display: none;
  }

  .nav_logo_3 {
    display: none;
  }

  #img_logo{
    margin-left: 7.5%;
    margin-top: 10%;
    width: 90%;
  }

  .bienvenue_2 {
    margin-top: 40%;
    margin-left: 12%;
    width: 75%;
  }

  .bienvenue {
    display:  none;
  }

  #enreg {
    margin-left: 14%;
    margin-top: 9%;
  }

  #verif-1 {
    margin-left: 3%;
    margin-top: 2%;
    width: 100%;
  }

  #mail {
    margin-left: -0.5%;
    width:88%;
  }

  #check { 
    transform: scale(1.0);
  }

  #verif-2 {
    width: 81%
  }

  #choix {
    font-size: 76%;
  }

  #condi {
    margin-top: 0%;
    margin-left: 10%;
    font-size: 80%;
    max-width: 80%;
  }

  #connexion {
    margin-top: 15%;
    margin-left: 7%;
  }

  .connect {
    border: transparent;
    background: url("../images/se_connecter.png");
    background-repeat: no-repeat;
    height: 97px;
    width: 115%;
  }
}

@media all and (min-width: 357px) and (max-width: 420px) {

  body {
    background-color: #06a9e0;
  }

  .navbar .left { 
    max-height: 30px;
    max-width: 30%; 
    margin-left: 8%;
    margin-top: 8%;
  }

  .nav_logo_1 {
    display: none;
  }

  .nav_logo_2 {
    display: none;
  }

  .nav_logo_3 {
    display: none;
  }

  .bienvenue_2 {
    margin-top: 43%;
    margin-left: 5%;
    width: 90%;
  }

  .bienvenue {
    display: none;
  }

  #img_logo {
    margin-left: 1%;
    margin-top: 10%;
    width: 90%;
  }

  #enreg {
    margin-left: 14%;
    margin-top: 9%;
  }

  #img-enreg {
    width: 100%;
    margin-left: -8%;
  }

  #verif-1 {
    margin-left: 3%;
    margin-top: 2%;
    width: 100%;
  }

  #mail {
    margin-left: -6%;
    width:94%;
  }

  #check { 
    transform: scale(1.0);
  }

  #verif-2 {
    width: 87%;
    margin-left: -1.75%;
  }

  #choix {
    font-size: 76%;
  }

  #condi {
    margin-top: 0%;
    margin-left: 10%;
    font-size: 80%;
    max-width: 80%;
  }

  #connexion {
    margin-top: 15%;
    margin-left: 14%;
  }

  .connect {
    border: transparent;
    background: url("../images/se_connecter_2.png");
    height: 62px;
    width: 250px;
  }
}

@media all and (min-width: 340px) and (max-width: 357px) {

  body {
    background-color: #06a9e0;
  }

  .navbar .left { 
    max-height: 30px;
    max-width: 30%; 
    margin-left: -1%;
    margin-top: 8%;
  }

  .nav_logo_1 {
    display: none;
  }

  .nav_logo_2 {
    display: none;
  }

  .nav_logo_3 {
    display: none;
  }

  #img_logo {
    width: 100%;
    margin-left: 0%;
    margin-top: 10%;
  }

  .bienvenue_2 {
    margin-top: 43%;
    margin-left: 5%;
    width: 90%;
  }

  .bienvenue {
    display: none;
  }

  #enreg {
    margin-left: 12%;
    margin-top: 9%;
  }

  #img-enreg {
    width: 100%;
    margin-left: -6%;
  }

  #verif-1 {
    margin-left: 3%;
    margin-top: 2%;
    width: 100%;
  }

  #mail {
    margin-left: -5%;
    width:95%;
  }

  #check { 
    transform: scale(1.0);
  }

  #verif-2 {
    width: 86.5%;
    margin-left: 0%;
  }

  #choix {
    font-size: 74%;
  }

  #condi {
    margin-top: 0%;
    margin-left: 10%;
    font-size: 80%;
    max-width: 80%;
  }

  #connexion {
    margin-top: 15%;
    margin-left: 10%;
  }

  .connect {
    border: transparent;
    background: url("../images/se_connecter_2.png");
    height: 62px;
    width: 250px;
  }
}

@media all and (min-width: 321px) and (max-width: 340px) {

  body {
    background-color: #06a9e0;
  }

  .navbar .left { 
    max-height: 30px;
    max-width: 30%; 
    margin-left: -5.5%;
    margin-top: 8%;
  }

  .nav_logo_1 {
    display: none;
  }

  .nav_logo_2 {
    display: none;
  }

  .nav_logo_3 {
    display: none;
  }

  #logos {
    display: none;
    max-height: 10px;
  }

  #img_logo {
    margin-left: -1.5%;
    margin-top: 10%;
    width: 87%;
  }

  .bienvenue_2 {
    margin-top: 40%;
    margin-left: 7%;
    width: 80%;
  }

  .bienvenue {
    display:  none;
  }

  #enreg {
    margin-left: 9%;
    margin-top: 9%;
    width: 84%;
  }

  #verif-1 {
    margin-left: 3%;
    margin-top: 2%;
    width: 80%;
  }

  #mail {
    margin-left: -2%;
    width:108%;
  }

  #check { 
    transform: scale(1.0);
  }

  #verif-2 {
    width: 98%
  }

  #choix {
    font-size: 74%;
  }

  #condi {
    margin-top: 0%;
    margin-left: 5%;
    font-size: 80%;
    max-width: 85%;
  }

  #connexion {
    margin-top: 15%;
    margin-left: 6%;
  }

  .connect {
    border: transparent;
    background: url("../images/se_connecter_2.png");
    height: 62px;
    width: 250px;
  }
}

@media all and (max-width: 321px) and (orientation: portrait) {

  body {
    background-color: #06a9e0;
  }

  .navbar .left { 
    max-height: 30px;
    max-width: 30%; 
    margin-left: -5.5%;
    margin-top: 8%;
  }

  .nav_logo_1 {
    display: none;
  }

  .nav_logo_2 {
    display: none;
  }

  .nav_logo_3 {
    display: none;
  }

  #logos {
    display: none;
    max-height: 10px;
  }

  #img_logo {
    margin-left: 4%;
    margin-top: 10%;
    width: 87%;
  }

  .bienvenue_2 {
    margin-top: 45%;
    margin-left: 6%;
    width: 90%;
  }

  .bienvenue {
    display:  none;
  }

  #enreg {
    margin-left: 9%;
    margin-top: 9%;
    width: 84%;
  }

  #img-enreg {
  	width: 100%;
  }

  #verif-1 {
    margin-left: 3%;
    margin-top: 2%;
    width: 110%;
  }

  #mail {
    margin-left: 1%;
    width: 95%;
  }

  #check { 
    transform: scale(1.0);
  }

  #verif-2 {
  	width: 86.6%;
  	margin-left: 5.3%;
  }

  #choix {
    font-size: 74%;
  }

  #condi {
    margin-top: 0%;
    margin-left: 5%;
    font-size: 80%;
    max-width: 85%;
  }

  #connexion {
    margin-top: 15%;
    margin-left: 11%;
  }

  .connect {
    border: transparent;
    background: url("../images/se_connecter_2.png");
    height: 62px;
    width: 250px;
  }
}