@charset "UTF-8";

body {
  padding-top: 10px; /*  distance entre le menu et le premier titre*/
}

/* =========== Maximum 480 Cellulaire verticale =============== */

@media screen and (max-width: 480px) {
 
  /* ====== page principale ====== */
  .img-top-menu {
        text-align: center;
        margin-top: 5px;
        padding-bottom: 15px;
    }

  .img-size-menu {
        margin: 0 auto;
        width: 70%;
    }

  .nav-text-menu{
      padding-bottom: 10px;
      text-align: center;
    }

  .nav-text-menu .navbar {
        display: flex;
        justify-content: center;
    }

  .nav-text-menu .navbar-nav {
        margin-left: 0 !important;
    }

  .nav-drop-menu {
      font-size: 13.5px;
      color: #3F3F42;
      padding-top: 50px;
    }

  .container-stats{
    padding-top: 10px;
    width: 99%;
    padding-bottom: 0px;
  }

 .stats{
    font-size: 16.5px;
  }

  .stats2{
    font-size:9px;
  }

  .container-home {
    width: 90%;
    padding-top: 0px;
  }

  .retire-br{
    display:none;
  }

  .mark1{
    font-size: 15px;
  }

  .outline{
    width: 100%;
    padding-top: 50px;
  }
  
  .form-inscription input[type=text], .form-inscription input[type=email], .form-inscription input[type=submit], .form-inscription input[type=password] {
    max-width: 100%;
  }
  
  .form-inscription button{
    max-width: 100%;
  }

  .radio-group{
    width: 100%;
  }

  .page-agrandir{
    padding-top: 40px; 
  }

  .container-connection {
    width: 87%;
  } 

  .title-connection{
    font-size: 28px;
  }

  .b-connection {
    width: 100%;
  }

  .oublie-connection {
    margin-top: -15px;
    margin-left: 0px;
  }
  
  .checkbox-connection {
    margin-top: -25px;
    margin-left: 0px;
  }

  .retour-connection{
    display: initial;
  }

  .retour-connection2{
    display: initial;
  }

  /* ------------- page conditions --------- */

  .container-conditions {
    width: 90%;
    margin: auto;
    padding-top: 0px;
  }

  .titre-utilisation{
    font-size: 26px;
  }

  .container-conditions p {
    font-size: 15px;
  }
    

} 

/* ----------- 481 À 767  Cellulaire horizontal et vertical --------------- */
@media screen and (min-width: 481px) and (max-width: 767px) {
  
  .img-top-menu {
        text-align: center;
        margin-top: 5px;
        padding-bottom: 15px;
    }

  .img-size-menu {
        margin: 0 auto;
        width: 325px;
    }

  .nav-text-menu{
      padding-bottom: 10px;
      text-align: center;
    }

  .nav-text-menu .navbar {
        display: flex;
        justify-content: center;
    }

  .nav-text-menu .navbar-nav {
        margin-left: 0 !important;
    }

  .nav-drop-menu {
      font-size: 13.5px;
      color: #3F3F42;
      padding-top: 50px;
    }

  .container-stats{
    padding-top: 10px;
    width: 99.5%;
    padding-bottom: 0px;
  }

 .stats{
    font-size: 16.5px;
  }

  .stats2{
    font-size:10.5px;
  }

  .container-home {
    width: 90%;
    padding-top: 0px;
  }
  
  .retire-br{
    display:initial;
  }

  .outline{
    width: 100%;
    padding-top: 50px;
  }
  
  .form-inscription input[type=text], .form-inscription input[type=email], .form-inscription input[type=submit], .form-inscription input[type=password] {
    max-width: 100%;
  }
  
  .form-inscription button{
    max-width: 100%;
  }

  .radio-group{
    width: 100%;
  }

  .page-agrandir{
    padding-top: 40px; 
  }

  .container-connection {
    width: 85%;
  } 

  .title-connection{
    font-size: 28px;
  }
  .oublie-connection {
    margin-top: -20px;
    margin-left: 0px;
  }
  .retour-connection2{
    display: initial;
  }

  /* ------------- page conditions --------- */

 .container-conditions {
    width: 90%;
    margin: auto;
    padding-top: 0px;
  }

  .titre-utilisation{
    font-size: 26px;
  }

  .container-conditions p {
    font-size: 15px;
  }
    

} 

/* ============= 768 à 991 =========== */

  @media screen and (min-width: 768px) and (max-width: 991px) {

    .img-top-menu {
        text-align: center;
        margin-top: 5px;
        padding-bottom: 15px;
    }

  .img-size-menu {
        margin: 0 auto;
        width: 325px;
    }

  .nav-text-menu{
      padding-bottom: 10px;
      text-align: center;
    }

  .nav-text-menu .navbar {
        display: flex;
        justify-content: center;
    }

  .nav-text-menu .navbar-nav {
        margin-left: 0 !important;
    }

  .nav-drop-menu {
      font-size: 13.5px;
      color: #3F3F42;
      padding-top: 50px;
    }

  .container-stats{
    padding-top: 10px;
    width: 99%;
    padding-bottom: 0px;
  }

 .stats{
    font-size: 23px;
  }

  .stats2{
    font-size:11px;
  }

  .container-home {
    width: 90%;
    padding-top: 0px;
  }
  
  .retire-br{
    display:initial;
  }

  .outline{
    width: 100%;
    padding-top: 50px;
  }
  
  .form-inscription input[type=text], .form-inscription input[type=email], .form-inscription input[type=submit], .form-inscription input[type=password] {
    max-width: 100%;
  }
  
  .form-inscription button{
    max-width: 100%;
  }

  .radio-group{
    width: 100%;
  }

  .page-agrandir{
    padding-top: 40px; 
  }

  .container-connection {
    width: 85%;
  } 

  .title-connection{
    font-size: 28px;
  }
  .oublie-connection {
    margin-top: -20px;
    margin-left: 0px;
  }
  .retour-connection2{
    display: initial;
  }

  /* ------------- page conditions --------- */

  .container-conditions {
    width: 90%;
    margin: auto;
    padding-top: 0px;
  }

  .titre-utilisation{
    font-size: 26px;
  }

  .container-conditions p {
    font-size: 15px;
  }
      
  }

  /* ============== 992 à 1199 Tablette verticale ================= */
  @media screen and (min-width: 992px) and (max-width: 1199px) {

    .img-top-menu {
        
        margin-top: 5px;
        padding-bottom: 0px;
    }

  .img-size-menu {
        margin: 0 auto;
        width: 350px;
    }

  .nav-text-menu{
      padding-bottom: 0px;
      text-align: right;
    }

  .nav-text-menu .navbar {
        display: flex;
        justify-content: right;
    }

  .nav-text-menu .navbar-nav {
        margin-left: 0 !important;
    }

  .nav-drop-menu {
      font-size: 13.5px;
      color: #3F3F42;
      padding-top: 50px;
    }

  .container-stats{
    padding-top: 10px;
    width: 99%;
    padding-bottom: 0px;
  }

 .stats{
    font-size: 26px;
  }

  .stats2{
    font-size:12px;
  }

  .container-home {
    width: 90%;
    padding-top: 0px;
  }
  
  .retire-br{
    display:initial;
  }

  .outline{
    width: 100%;
    padding-top: 50px;
  }
  
  .form-inscription input[type=text], .form-inscription input[type=email], .form-inscription input[type=submit], .form-inscription input[type=password] {
    max-width: 100%;
  }
  
  .form-inscription button{
    max-width: 100%;
  }

  .radio-group{
    width: 100%;
  }

  .page-agrandir{
    padding-top: 40px; 
  }

  .container-connection {
    width: 85%;
  } 

  .title-connection{
    font-size: 28px;
  }
  .oublie-connection {
    margin-top: -20px;
    margin-left: 0px;
  }
  .retour-connection2{
    display: initial;
  }

  /* ------------- page conditions --------- */

  .container-conditions {
    width: 90%;
    margin: auto;
    padding-top: 0px;
  }

  .titre-utilisation{
    font-size: 26px;
  }

  .container-conditions p {
    font-size: 15px;
  }
  
  }

  /* ============== 1200 à 1599 ================= */
  @media screen and (min-width: 1200px) and (max-width: 1599px) {

    .img-top-menu {
        margin-top: 5px;
        padding-bottom: 0px;
    }

  .img-size-menu {
        margin: 0 auto;
        width: 350px;
    }

  .nav-text-menu{
      padding-bottom: 0px;
      text-align: right;
    }

  .nav-text-menu .navbar {
        display: flex;
        justify-content: right;
    }

  .nav-text-menu .navbar-nav {
        margin-left: 0 !important;
    }

  .nav-drop-menu {
      font-size: 13.5px;
      color: #3F3F42;
      padding-top: 50px;
    }

  .container-stats{
    padding-top: 10px;
    width: 99%;
    padding-bottom: 0px;
  }

 .stats{
    font-size: 30px;
  }

  .stats2{
    font-size:13px;
  }

  .container-home {
    width: 90%;
    padding-top: 0px;
  }
  
  .retire-br{
    display:initial;
  }

  .outline{
    width: 100%;
    padding-top: 50px;
  }
  
  .form-inscription input[type=text], .form-inscription input[type=email], .form-inscription input[type=submit], .form-inscription input[type=password] {
    max-width: 100%;
  }
  
  .form-inscription button{
    max-width: 100%;
  }

  .radio-group{
    width: 100%;
  }

  .page-agrandir{
    padding-top: 40px; 
  }

  .container-connection {
    width: 85%;
  } 

  .title-connection{
    font-size: 28px;
  }
  .oublie-connection {
    margin-top: -20px;
    margin-left: 0px;
  }
  .retour-connection2{
    display: initial;
  }

  /* ------------- page conditions --------- */

  .container-conditions {
    width: 90%;
    margin: auto;
    padding-top: 0px;
  }

  .titre-utilisation{
    font-size: 26px;
  }

  .container-conditions p {
    font-size: 16px;
  }

  }