*, *::before, *::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: Playfair;
    src: url("../Font/Playfair_Display/static/PlayfairDisplay-Medium.ttf");
}

@font-face {
    font-family: Luxe;
    src: url("../Font/Cinzel/Static/Cinzel-SemiBold.ttf");
}

.product{
    padding: 1em;
    transition-duration: 200ms;
    margin-top:1em;
    border-radius: 15px;
    box-shadow:
            5px 5px 10px rgba(105, 105, 105, 0.3), /* En bas à droite */
            -5px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à gauche */
            5px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à droite */
            -5px 5px 10px rgba(105, 105, 105, 0.3); /* En bas à gauche */
}

.product:hover{
    background-color: rgba(255,197,31,0.08);
    transform: scale(105%);

}
.color{
    box-shadow:
            5px 5px 10px rgba(105, 105, 105, 0.3), /* En bas à droite */
            -5px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à gauche */
            5px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à droite */
            -5px 5px 10px rgba(105, 105, 105, 0.3); /* En bas à gauche */
    background-color: rgba(255,197,31,0.08);
    border-radius: 15px;
    padding: 1em;
    margin-top:1em;
}


.Plus{
    margin-top: 1.3em;
}

img{
    border-radius: 11px;
}

button{
    width: 110px;
    height: 45px;
    border-radius: 6px;
    text-decoration: #495057;
    background-color: rgba(255,206,21,0.08);
    border: none;
    font-size: 0.9em;
}


.formulaire{
    border-radius: 15px;
    padding-top: 20px;
    background-color: rgba(255,197,31,0.08);
    box-shadow:
            5px 5px 10px rgba(105, 105, 105, 0.3), /* En bas à droite */
            -5px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à gauche */
            5px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à droite */
            -5px 5px 10px rgba(105, 105, 105, 0.3); /* En bas à gauche */
;
}




.contactbouton{
    width: 110px;
    height: 33px;
    border-radius: 8px;
    text-decoration: #495057;
    background-color: #e9ecef;
    border: none;
    font-size: 0.8em;
    margin: 1.2em;
}

.contacth2{
    padding: 1.2em;
}

.Quantiter{
    display: inline-block;
}

th, td{
    border: 1px solid #ddd;
    padding: 0.5em;
    font-size: 1.3em;
}

th {
    background-color: #f2f2f2;
}
.total{
    background-color: rgba(255,197,31,0.03);
    box-shadow:
            5px 5px 10px rgba(105, 105, 105, 0.3), /* En bas à droite */
            -5px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à gauche */
            5px -5px 10px rgba(105, 105, 105, 0.3), /* En haut à droite */
            -5px 5px 10px rgba(105, 105, 105, 0.3); /* En bas à gauche */
    padding: 1em;
    margin-top:1em;
    border-radius: 15px;
}


table {
    border-collapse: collapse;
    width: 100%;
}