/* ***************************** FONTS **************************** */
@font-face {
  font-family: "Sansation_Regular";

  src: url("../font/Sansation_Regular.ttf");
  font-display: block;
}

@font-face {
  font-family: "Sansation_Italic";

  src: url("../font/Sansation_Italic.ttf");
  font-display: block;
}

@font-face {
  font-family: "Sansation_Bold";

  src: url("../font/Sansation_Bold.ttf");
  font-display: block;
}

@font-face {
  font-family: "Sansation_Bold_Italic";

  src: url("../font/Sansation_Bold_Italic.ttf");
  font-display: block;
}

@font-face {
  font-family: "Sansation_Light";

  src: url("../font/Sansation_Light.ttf");
  font-display: block;
}

@font-face {
  font-family: "Sansation_Light_Italic";

  src: url("../font/Sansation_Light_Italic.ttf");
  font-display: block;
}
/* ***************************** COMMUN **************************** */
body {
  padding-bottom: 40px;
  background-color: #ffffff;
  background-repeat: repeat-x;
  overflow-x: hidden;
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
}

h4 {
  color: #0080FF;
  font-Size: 18px;
  text-align: center;
}

.radioDiv
{
  margin: 0 auto;
  width: auto;
  text-align: left;
  display: table;
}

.row
{
  margin:0.3em;
}

.btn-info {
  color: #007bff;
  background-color: #ffffff;
  border-color: #007bff;
}

/* Désactiver scroll bar des champs input */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.corps{
  margin:30px 10px 10px 10px;
}
/* ***************************** HEADER **************************** */
.banniere {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
  /* background: #0484fc; */
  margin-right: 0;
  background-color: rgba(0, 0, 0, 0.79);
}
.banniere .row {
  width: 100% !important;
}
.logo_entete {
  
  margin-top: 2.5%;
  margin-left: 5%;
  margin-right: 5%;
  width: 207px;
  margin-bottom: 0;
  background-color: transparent;
}
.nomSite_entete {
  color: white;
}
.nomSite_entete h1 {
  font-size: 3em;
  font-family: Sansation_Bold;
}
.nomSite_entete h2 {
  font-size: 2em;
  font-family: Sansation_Italic;
}
.btnHead{
  background-color: white;
  color: #0484fc;
  height: 2.5rem;

}
.appUser{
  color: white;
  font-size: large;
}
/* ***************************** FOOTER **************************** */
.piedPage {
  text-align: center;
  /* Placer en bas de l'ecran */
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.79);
}
.piedPage div:first-child {
  width: 100%;
  text-align: center;
  display: grid;
  font-size: 100%;
  color: #ffffff;
  padding-bottom: 1%;
}
.piedPage_infos {
  margin: auto;
  margin: 0 0.5% 0 0.5%;

}
h3 {
  font-size: 1em;
  font-family: Sansation_Regular;
}

/* ***************************** PAGE DE CONNEXION **************************** */
.authentification{
  margin-top: 100px;
}
.btnValidConnect .btn{
  margin-top: 40px;
  
}
/* ***************************** HOME PAGE **************************** */
.homePage{
  margin-top:100px;
}
.homePage button{
  width: 200px;
  height: 150px;
  margin: 20px 20px 0 20px;
  border-color: #0484fc;
  border-width: 4px; 
  font-size: 1.5em;
  font-family: Sansation_Regular;
}

.homePage button:hover{
  background-color: #0484fc;
  color:white;
}

.mainButton{
  flex-wrap: wrap;
  justify-content: center;
  
}
/* ***************************** VENTES AUX PARTICULIERS **************************** */
/* Recherches */
.rechercheProduits {
  width: auto;
  max-height: 200px;
  margin: 1% 1% 1% 1%;
  font-size: small;
  font-weight: initial;
}
.rechercheProduits form {
  width: 100%;
}
/* Tableau de produits */
.tabResProduits {
  width: 100%;
  max-height: 480px;
  min-height: 80px;
  margin: 1% 1% 1% 1%;
  font-size: small;
  font-weight: initial;
}

.tabResProduits.choixLot {
  width: 70%;
}

.tabResProduits thead th {
  border: 1px solid #0099cd;
  padding-left: 5px;
  text-align: center;
}

.familleProduit,
.ssFamilleProduit,
.marqueProduit {
  width: 80px;
}
.descriptionProduit {
  width: 300px;
}
.inputQteVente,
.formTvaVente .form-control {
  width: 100%;
  height: 30px;
  color: black;
  border: 1px solid black;
  font-size: 14px;
}
.formQteVente {
  width: 100px;
  display: grid;
  grid-template-columns: 50% 50%;
}
.formTvaVente {
  width: 80px;
}
.btnAjouterProduit {
  background: none;
  border: none;
  height: 24px;
}
/* Ticket Panier */
.infoEntreprisePanier{
  margin:0 auto 0 30%;
}
/* Tableau du panier */
.tabResPanier{
  width: 100%;
  max-height: 160px;
  min-height: 80px;
  margin: 0 1% 1% 1%;
  font-size: small;
  font-weight: initial;
}

.tabResPanier th {
  border: 1px solid #0099cd;
  padding-left: 5px;
}

.ticketPanier {
  max-height: 650px;
  min-height: 80px;
  margin: 1% 2% 1% 1%;
  font-size: small;
  font-weight: initial;
  border: 1px solid;
}

.ticketPanier img {
  width: 150px;
  height: auto;
  margin-top: 1%;
}
.contenuPanier {
  width: 90%;
  max-height: 230px;
  min-height: 80px;
  margin: 1% auto 1% auto;
  font-size: small;
  font-weight: initial;
}
.tvaPanier {
  width: 60%;
  margin: 1% auto 1% 5%;
  font-size: small;
  font-weight: initial;
}
/* Erreurs */
.erreurPanier{
  color: white;
  text-align: center;
  background-color: #000000;
  font-size: medium;
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 5px 5px;
  border-top: solid rgb(177, 36, 18);
  border-bottom: solid rgb(177, 36, 18);
  font-family: Sansation_Regular;
}

.totalPanier{
  margin: 2% 6% 1% 1%;
  font-size: medium;
}
.panierDescription{
  width:400px;
}
.tvaTitre{
  border-bottom: dashed ;
  border-width: 0.1rem;
}
.totalTva{
  border-top: dashed ;
  border-width: 0.1rem;
}
.validerVente{
  margin: 40px 40% 20px auto;
}
.bienvenue{
  width: 100%;
  font-size: x-large;
  color: #0484fc;
  margin-bottom: 480px;
}

/* Validation vente / Envoi mail et enregistrement pdf */
.confirmation{
  margin : 20px 0 20px 0;
  color: aliceblue;
  background-color: rgba(255, 0, 255, 0.918);
  font-size: larger;
}
.btnNouvelleVente{
  margin-top: 100px;
  
}
.btnNouvelleVente button{
  background-color: #ffffff;
  color: #0484fc;
}

.btn-default {
  color: #FFFFFF;
  background-color: #007bff;
  border-color: #FFFFFF;
}

.btn.btn-primary {
  background-color: #0080FF;
  color: white;
}