* {
    margin: 0;
    padding: 0;


}

header {

background-color: aliceblue;
 height: 8vw;
 width: 100%;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 30px;
display: flex;
flex-direction: column;

}
nav { 
    position: fixed;
    width: 100vw;
    height: 3vw;
    background-color: rgb(26, 26, 26);
    

}

#menu {

    margin-top: 17px;
    align-items: center;
    justify-content: space-evenly;
    height: 1vw;
    display: flex;


}

img {
    margin-top: 20px;
    display: flex;

}

.panier {

    display: flex;
    margin-bottom: 10px;
    margin-left: 20px;
    justify-content: center;
    margin-right: 95vw;
}


#accueil {

    margin-top: 2vw;
    display: flex;
    width: 8.5vw;
    margin-left: 2vw;
}

#problem {

    margin-top: 55px;

}

body {
    

    background-color: rgb(185, 83, 0);

}

h1 {
    
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;

}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
  }

h2 {

    margin-bottom: 15px;
    

}

h3 {

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

a {

    border: 60px;
    border: solid 1px;
    background-color: rgb(179, 149, 110);
    padding: 10px;
    text-decoration: none;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    border-color: black;
    color: black;

}

tr {

    display: flex;
    margin: 20;

}

#retour {

    margin-bottom: 50px;

}

#confirmation {
    
    justify-content: space-evenly;
    margin-top: 2vw;
    display: flex;
    width: 8.5vw;
    margin-left: 2vw;
}

td {

    display: flex;
    margin-left: 20px;

}

th  {

    margin-left: 20px;

}





p {

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 20px;

}

h2 {

    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

}

#buttonid {

    margin-top: 20px;


}

#productinfo {

    margin-top: 20px;


}


.navbar-default.navbar-nav >.active > a,.navbar-default.navbar-nav >.active > a:hover,.navbar-default.navbar-nav >.active > a:focus {
 color: rgb(255, 255, 255);
 background-color: rgb(185, 83, 0);
}

.tip {
    position: fixed;
    bottom : 10vh;
    right : 5vw;
    z-index: 5;
    border-radius: 10px;
}