.f{display: flex;}
.c{flex-direction: column;}
.r{flex-direction: row;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.tac{text-align: center;}

body{
    margin: 0;
    background-color: rgb(240, 240, 235);
}


/* le padding auto de la page à gauche et à droites de x% */
.vcenter{
    width: calc(36%-100vw);
    padding: 0 18% 0 18%;
    transition: padding .5s;
}

@media only screen and (max-width: 1250px) {
    .vcenter{
        padding: 0 5%;
    }
    #menu-tags{
        padding: 0 5px!important;
        overflow: auto;
        max-width: 100%;
    }
}
@media only screen and (max-width: 640px) {
    #search{display: none;}
}


/* --------- */
/* Login.css et register.css */
/* --------- */

#login-box, #register-box{
    width:400px;
    margin:0 auto;
    margin-top:10%;
}
#login-box form, #register-box form {
    width:100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#login-box h1, #register-box h1{
    width: 38%;
    margin: 0 auto;
    padding-bottom: 10px;
}
#login-box form>input[type=text], #login-box form>input[type=password], 
#register-box form>input[type=text], #register-box form>input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#login-box input[type=submit], #register-box input[type=submit] {
    background-color: #53af57;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
#login-box input[type=submit]:hover, #register-box input[type=submit]:hover {
    background-color: white;
    color: #53af57;
    border: 1px solid #53af57;
}
/*footer.html*/
footer{
    background-color: rgb(38, 36, 36);
    padding-left: 30px;
    position: fixed;
    bottom: 0;
    width: 100%;
}
footer p{
    padding: 40px;
    color: rgb(255, 255, 255);
}

/* --ScroolBare */

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
  }

.panier img{
    width: 300px;
    margin: 0 auto;
}
.panier h3{
    text-align: center;
    font-size: 50px;
}