html, body {
 /* background: url("../images/pattern1.png");*/
   background: none !important;
   background-color: rgb(0,64,133,1) !important;
}

#header img {
  background-color: transparent;
}

#footer {
  display: none;
}

.ui-state-active {
  border: 1px solid #bababa;
  font-weight: bold;
}

#header img.img-fluid {
  width: 69em;
}

@media screen and (max-width: 1023px) and (orientation: landscape){
   #header img.img-fluid {
      width: 17em;
   }	
}

@media screen and (max-width: 768px) and (orientation: landscape){
   #header img.img-fluid {
      width: 58em;
   }	
}


@media screen and (max-width: 1023px) and (orientation: portrait){
   #header img.img-fluid {
      width: 90vw;
   }
}

@media screen and (max-width : 414px) and (orientation: portrait){
  #header img.img-fluid {
      width: 93vw;
   }
}

#portail-app .btn-outline-dark {
  background-color: white;
}

#portail-app .btn-outline-dark:hover {
  background-color: black;
}