body, html {

  height: 100%;
  margin: 0;
  padding-top: 0px;


}
[class*="col-"], footer {

  border: 0px solid black;
}

.bg {
  /* The image used */
  /*background-image: url("../all_image/web_C42566156_20190307143200798_TIMING");

  /* Full height
    width: 100%;*/

  height: 100%;
  /* Center and scale the image nicely */
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;

}	

.dropdown-item
{
  padding-left: 10px;
  padding-right: 10px;

}

.dropdown
{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;

}
.btn
{
  background-color: rgba(67, 151, 224, 0.6);
  border-color: rgba(108, 117, 125, 0.6);
}
.logo
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px
}
.txtdate
{
  font-size: 15px;
  text-align: center;
  color: white;
  text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
}
#main {
  flex-grow: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main button {
  background-color: rgba(67, 151, 224, 0.6);
  border-color: rgba(108, 117, 125, 0.6);
}
#main button:hover {
  background-color: #6c757d;
  border-color: #6c757d;
}
#main button:focus {
  border-color: white;
  box-shadow: 0px 1px 1px white inset, 0px 0px 8px white;
}
.btdate
{
  width: 100px;
  padding: 3px 5px;
  margin: 0px 0;
  box-sizing: border-box;
}
.boxbtdate
{
  padding-top: 5px;
  text-align: left;
}
.boxbtheure
{
  padding-top:  5px;
  text-align: left;
}

.boxtxt
{
  margin-top: 5%;
}

#selectheure
{
  margin-left: 5%;
}


@media screen and (max-width: 800px)
{
  .bg {
background-size: contain;
}	 
}