/*************************   ShowPanier       ***************/
.Panier
{ 
  width:90%;
  margin-left:5%;
  padding: 1%;
  padding-bottom: 2%;
  display: flex;
}

.Shadow { box-shadow: 0px 0px 1px grey; }
.Petit { max-height: 20px ! important max-width:20px ! important; }

.head2Panier
{ 
  width: 100%;
  text-align:center;
}

.Ph1 { width: 30%; text-align:center}
.Ph2 { width: 55%; text-align:center; font-size: 21px; }
.Ph3 { width: 7%; text-align:center; margin-left:10%}
.Ph2 img { width: 6%; margin-top:-2%}

.Close
{
 width: 30%; 
 margin-left:30%
}

.Close p { text-align:center; }
.Close img { width: 16%; margin-left:39% }
.Smal30 { max-width:30%, margin-left:30% }
.Smal50 { max-width:50% }

.pexit, .exit { cursor: pointer; }
.exit img { width:25% }
.pexit img { width:5%; margin-left:-20% }

.Pb1, .Pb2, .Pb3, .Pb4 { min-width: 25%; }
.Pb4 { text-align:right}

.Pb1 img{ width:55%; min-height:155px ! important; }

.Pleft 
{ 
    min-width:20%;
    margin-left:20%; 
    text-align:right;
}

.Show
{
  z-index:999;
  padding-bottom:20px ! important;
}

.artvide
{
  max-width:13%;
  color:red;
  margin-left:85%;
  text-align:center;
  display:none;
  box-shadow: 0px 5px 5px grey;
  padding:0.50%;
  display:none;
  position:fixed;
}

.Vides
{
  margin-top:-4% ! important;
  margin-left:73% ! important;
  z-index:1000 ! important;
  position:fixed;
  background-color:#F4F3F3;
  color:red;
  font-size:15px ! important;
}

.artvide img , .Alerts img
{
  width:15%;
  margin-right:5px;
  border-radius: 50%;
  float:left;
}

.Inpanier 
{ 
  font-size:16px;
  margin-right:1%;
  margin-top:-5%;
}

.Size_Head, .Size_Foot
{
  height: 7vh;
  padding:0;
/* haut | droit | bas | gauche */
  padding: 1% 1% 0 3%;
}

.PanSep
{
  margin-top:9px;
  max-height: 3px ! important;
  width:88% ! important;
  margin-left:6%;
}

.artdoms
{
  margin-left:-60%;
  min-width:150px;
  position:absolute;
}

.Stock { margin-top:20% ! important; height:40% }

.BotonContainer
{
    min-height:20%;
    padding-bottom:0% ! important;
}

.BtnBy 
{
  width:12rem ! important;
  height:3rem;
  padding-bottom:10px;
}

.BtnPm 
{
  min-width:30px;
  max-height:10px ! important;
  margin-left:6px;
  margin-top:-5px;
  padding-bottom:30px ! important
}

.Caches 
{
    position: relative;
    width: 100% ! important;
    height: 12% ! important;
}

.T2AinP {
    position: absolute;
    height: 31px ! important;
    width: 100% ! important;
    padding:3%;
}

.Alerts{
    z-index: 1;
    background:black ! important;
    position: absolute;
    height: 31px ! important;
    width: 100% ! important;
    padding:3%;
    color:white;
    display:none;
}

.Closes { text-align:center; } 
.Closes img { width:5% }
.warning { width:25%; margin-left:39%; margin-top:7% }
.warning img { width:20%; margin-left:40%; }
#warning-modal-body { text-align:center ! important; }

/******************   By It *************************/
.ByIt
{ 
  width:98%;
  margin-left:1%;
  padding: 1%;
  display: flex;
}

.By1, .By2, .By3 { min-width: 33%;margin-right:1%; }

.Border { border: 1px solid #ccc; }
.BorderBas { border-bottom: 1px solid #ccc; }
.Centre { text-align:center }

.ByItUl { list-style-type: none ; }
.ByIt plist{ font-size:22px ; }
.ByIt titre{ font-size:25px ; 
    text-align: center;
}

/*
.Brdd { border-bottom: 1px solid green; }
.Tb { color:black }
.BtCmd {
    background:yellow ! important;
    position: absolute;
    height: 31px ! important;
    width: 100% ! important;
    margin-top:50%;
    padding:3%;
    color:white;
}
*/