body {
  background: antiquewhite;
  padding: 2em 0;
  /* height: 100vh; */
}

.coin {
  width: 144px;
  height: 144px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.bg-bas {
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: bottom left;
  background-image: url('img/adg_bas.png');
}
.bg-haut {
  position: absolute;
  top: 0;
  right: 0;
  background-position: top right;
  background-image: url('img/adg_haut.png');
}

.img-titre {
  aspect-ratio: 2 / 1;
  width: 400px;
  /* height: 200px; */
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('img/titre.svg');
  color: transparent;
}

.icon-eng {
  padding-top: 1em;
  padding-left: 0.5em;
  padding-right: 1em;
}

.titre {
  width: 19em;
  margin: 1em auto;
  position: relative;
}
.elections {
  font-size: 115%;
  position: absolute;
  right: 0;
  top: 0;
}
.date {
  font-weight: bold;
  line-height: 80%;
}
.deuxiemetour{
  line-height: 80%;
  font-size: 67%;
}

.appel {
  font-size: 200%;
  margin-bottom: 1.5em;
}
.adg {
  position: relative;
}
.votez {
  text-align: start;
  line-height: 100%;
}
.alliance {
  font-weight: bolder;
  font-size: 2em;
  line-height: 1em;
  z-index: 100;
  position: relative;
}
.gauche {
  transform: rotate(-5deg);
  background: red;
  color: white;
  font-weight: bold;
  display: inline-block;
  padding: 0 0 2% 2%;
  position: absolute;
  bottom: -65%;
  right: -25%;
  font-size: 1.3em;
  line-height: 100%;
  z-index: 10;
}

.bg-rouge {
  background-color: red;
}

.bg-vert {
  background-color: #84B414;
}

.bg-violet {
  /*foncé #68266c */
  /*clair #ed6e9c */
  background-color: #68266c;
}

.logos {
  height: 144px;
  padding-left: 144px;
}

.logo {
  width: 100%;
  max-width: 150px;
  height: 100px;
  background-color: white;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom;
  /* filter: grayscale(1); */
}

img.logo:hover {
  border-width: 2px !important;
}

.border-ec {
  border-color: #68266c !important;
  /* background-image: url('img/logo_ig.svg'); */
}
.border-fr {
  border-color: red !important;
}
.border-lv {
  border-color: #84B414 !important;
}

.flyer {
    width: 420px;
    height: 592px;
    background-color: white;
    background-size: 420px auto;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('img/flyer_placer.png');
}

.c-mark {
  height: 1em;
  width: 1em;
  vertical-align: text-top;
}
.c-mark.ec {
  /* background-image: url('img/mark_ig.svg'); */
}
.c-mark.fr {
  /* background-image: url('img/mark_fr.svg'); */
}
.c-mark.lv {
  /* background-image: url('img/mark_lv.svg'); */
}

.nom {
  font-weight: bold;
  text-transform: uppercase;
  background: transparent;
  padding-left: 2%;
  line-height: 1.2em;
  display: inline-block;
  vertical-align: text-top;
  /* padding: 1px; */
}
.nom>span {
  font-size: 50%;
  color: #666;
  padding-left: 2.5em;
  font-style:italic;
}
.role {
  color: #666;
  font-style:italic;
  font-size: 50%;
  line-height: 125%;

}

/* .nom:before {
  content:'';
  display: inline-flex;
  background-image: url('img/mark.svg');
  fill: blue;
  background-size: 1em 1em;
  height: 1em;
  width: 1em;
} */


.nom-ec {
  /* background: white; */
  color: #68266c;
}
/* .nom-ec:before {
  filter: brightness(0) saturate(100%) invert(19%) sepia(55%) saturate(1590%) hue-rotate(264deg) brightness(94%) contrast(96%);
} */
.nom-fr {
  /* background: white; */
  color: red;
}
/* .nom-fr:before {
  filter: brightness(0) saturate(100%) invert(19%) sepia(84%) saturate(6704%) hue-rotate(357deg) brightness(122%) contrast(120%);
} */
.nom-lv {
  /* background: #e10078;
  color: white; */
  /* background: white; */
  color: #84B414;
}
/* .nom-lv:before{
  filter: brightness(0) saturate(100%) invert(68%) sepia(69%) saturate(3089%) hue-rotate(38deg) brightness(99%) contrast(84%);
  filter: brightness(0) saturate(100%) invert(14%) sepia(66%) saturate(7366%) hue-rotate(319deg) brightness(87%) contrast(106%);
} */

.wrap-bulletin {
  /* position: relative; */
  /* left: 50%;
  transform: translate(-50%,-50%); */
}

.bulletin {
  width: 50%;
  box-shadow: 0 1em 3em rgb(0, 0, 0);
  position: relative;
}

.candidats {
  max-width: 18em;
}

@media (max-width: 1199.98px) {
  .bulletin {
    width: 75%;
  }
}
@media (max-width: 767.98px) {
  .bulletin {
    width: 95%;
  }
}
@media (max-width: 575.98px) {
  .img-titre {
    width: 80%;
  }
  .titre {
    width: 10em;
  }
  .elections {
    position: relative;
    margin-bottom: 10%;
  }
  .date, .deuxiemetour {
    line-height: 100%;
  }
  .appel {
    font-size: 120%;
  }
  .coin {
    width: 72px;
    height: 72px;
  }
  .logos {
  height: 72px;
    padding-left: 72px;
  }
  .logo {
    height: 50px;
  }
  /* .wrap-bulletin {
    top: 0;
    margin: 1em 0;
  } */
}