:root
{
  --rouge-plg:  #CC0033;
  --jaune-plg:  #F6A800;
  --gris-fonce: #454646;
  --gris-clair: #e6e6e6;
}
html, body {
  margin: 0;
  padding: 0;
}
ul,li {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
.plg-menu-top {
  background-color: black;
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}
.plg-menu-top img {
  margin-right: 6px;
}
.plg-menu-top a {
  color:white;
}
.plg-offcanvas-top {
  font-family: "verdana";
  padding: 0 !important;
  z-index: 10000;
  height: fit-content !important;
  max-height: 100%; 
}
.plg-offcanvas-top .offcanvas-body{
  padding-top: 6px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  border-bottom: solid 6px var(--jaune-plg);
}
.plg-offcanvas-top .plg-close {
  display: flex;
	flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.plg-offcanvas-top .plg-close a {
  color: var(--rouge-plg);
}
.plg-offcanvas-top .col-md-6 {
  padding: 2px;
}
.plg-offcanvas-top .col-md-6 a {
  position: relative;
  display: block;
  background-color: black;
}
.plg-offcanvas-top .col-md-6 a img{
  opacity: 0.6; 
}
.plg-offcanvas-top .col-md-6 a span.texte{
  position: absolute;
  color: white;
/*  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  bottom: 0;
  left: 0;
  z-index: 10;
  font-size: 80%;
  width: 100%;
  padding: 10px;

 
}
.plg-offcanvas-top .col-md-6 a span.titre{
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 140%;
}






/*.plg-offcanvas-top .vignette{
  font-size: 90%;
  padding: 12px;
  border: solid 2px var(--rouge-plg);
  margin-bottom: 24px;
}
.plg-offcanvas-top .vignette .intro {
  display: block;
  color: #333333;
  font-weight: normal;
  font-size: 90%;
}
.container-fluid {
  padding-left: 36px;
  padding-right: 36px;
}


.plg-offcanvas-top .vignette.couleur1 {
  border-color: black;
  color: black;
}
.plg-offcanvas-top .vignette.couleur2{
  border-color: #CC0033;
  color: #CC0033;
}
.plg-offcanvas-top .vignette.couleur3{
  border-color: #E2007A;
  color: #E2007A;
}
.plg-offcanvas-top .vignette.couleur4{
  border-color: #FFD400;
  color: #FFD400;
}
.plg-offcanvas-top .vignette.couleur5{
  border-color: #F6A800;
  color: #F6A800;
}
*/