@font-face {
  font-family: Forta;
  src: url("../webfonts/Forta.ttf");
  font-display: swap;
}

html,body{
  overflow-x:hidden;
  height:100%;
  font-family: 'Montserrat',sans-serif !important;
}

a, a:visited {
  color: var(--color);
  text-decoration: none;
}
a:hover {
  color: var(--color2);
  text-decoration: none;
}
.blague{
  display:none;
}
label {
  display: inline-block;
  user-select: none;
}
.accordion-button:not(.collapsed) {
    color: var(--color);
    background-color: var(--color-20);
}
.form-check-input:checked {
  background-color: var(--color) !important;
  border-color: var(--color) !important;
}
.alert-territoire {
    color: var(--color);
    background-color: var(--color-20);
    border-color: var(--color-40);
}
.btnTerritoire,.btnTerritoire:visited,.btnTerritoire:hover,.btnTdt,.btnTdt:visited,.btnTdt:hover,.btnEspacesTrail,.btnEspacesTrail:visited,.btnEspacesTrail:hover{
  color: white;
  background-color: var(--color);
  border-color: var(--color);
  font-family: 'Montserrat', sans-serif;
  border-radius: 2em;
  font-size:.9em;
  padding: .75em 1em;
  -webkit-appearance:none;
}
.btnGrey,.btnGrey:visited,.btnGrey:hover{
  color: white;
  background-color: #4E4E4E;
  border-color: #4E4E4E;
  font-family: 'Montserrat', sans-serif;
  border-radius: 2em;
  font-size:.9em;
  padding: .75em 1em;
  -webkit-appearance:none;
}
.btnTerritoireSmall,.btnTerritoireSmall:visited,.btnTerritoireSmall:hover{
  color: white;
  background-color: var(--color);
  border-color: var(--color);
  font-family: 'Montserrat', sans-serif;
  border-radius: 1.5em;
  font-size:.7em;
  padding: .5em .5em;
  -webkit-appearance:none;
}
.btnTerritoireWhite,.btnTerritoireWhite:visited,.btnTerritoireWhite:hover{
  color: var(--color);
  background-color: white;
  border-color: white;
  font-family: 'Montserrat', sans-serif;
  border-radius: 1.5em;
  font-size:.7em;
  padding: .5em .75em;
  -webkit-appearance:none;
}
.btnTerritoire:hover,.btnTdt:hover.btnTerritoireSmall:hover{
  background-color: var(--color);
  border-color: var(--color2);
  -webkit-appearance:none;
}
.btnTerritoire.inactive{
  filter: contrast(60%);
  opacity:0.75;
}
.btnYoomigoBlack,.btnYoomigoBlack:visited,.btnYoomigoBlack:hover{
  color: #ffffff !important;
  background-color: #1c1c1c;
  font-family: 'Montserrat', sans-serif;
  border-radius: 2em;
  font-size:.9em;
  padding: .75em 1em;
  font-weight: 400;
  letter-spacing: 1px;
  border:none;
  text-decoration: none;
  -webkit-appearance:none;
}
.action{
  text-align:center;
  color:var(--color);
  cursor: pointer;
}
.couleurEt{
  height:2.4em;
}
.choix,.choixradio{
  background-color:  #ffffff;
  color: var(--color);
  border: solid 1px   var(--color);
  border-radius: 3px;
  text-align: center;
  display: flex;
  font-size: .8em;
  cursor: pointer;
  user-select: none;
}
.choix.active{
    background-color: var(--color);
    color:#ffffff;
}
.choixradio.active{
    background-color: var(--color-40);
    color:#ffffff;
}
.choixradio > span,.choix > span{
  margin: auto;
}
.bg-primary {
    background-color: var(--color) !important;
    font-size:.6em;
}
.sloganTexte{
  background-color: var(--color);
  color: white;
  font-family: Forta,helvetica, arial, serif;
  font-size: .9em;
}
.sloganTexteLight{
  background-color: var(--color);
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-size: .7em;
  text-transform: uppercase;
}
.divider>img{
  display:block;
}
.divider{
  width: 100%;
  position: absolute;
  bottom:-0.1em;
}
.titreTerritoire{
  font-size:1.4em;  font-family: 'Montserrat',sans-serif;
  text-align:center;
  color:--var(-color);
}
.titreForm {
  font-weight: 700;
  font-size: .9em;
}
.card-yoomigo-type > span {
  background-color: var(--color) !important;
}
.traceDiff{
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: inline-block;
  vertical-align: sub;
  margin-right: .2em;
}
.traceDiff1{
	background-color:rgba(102,197,71,1);
}
.traceDiff2{
	background-color:rgba(28,96,157,1);
}
.traceDiff2\.5{
	background-color:rgba(255,165,0,1);
}
.traceDiff3{
	background-color:rgba(189,65,74,1);
}
.traceDiff4{
	background-color:rgba(0,0,0,1);
}
.etatParcours:first-letter{
    text-transform: uppercase;
}
.etatParcours{
  font-variant: small-caps;
  display: block;
  font-size: .8em;
  font-weight: 500;
  text-align: center;
}
.etat_ouvert{
	color:#66C547 !important;
}
.etat_fermé{
	color:rgb(255,0,0) !important;
}
.etat_vigilance{
	color:#fe7800 !important;
}
@media (min-width: 576px) {
  .divider{
    bottom:-0.2em;
  }
  .titreTerritoire{
    font-size:1.6em;
  }
}
@media (min-width: 768px) {
  .divider{
    bottom:-0.5em;
  }
  .titreTerritoire{
    font-size:1.8em;
  }
}

@media (min-width: 992px) {
  .titreTerritoire{
    font-size:2em;
  }
}

@media (min-width: 1200px) {
  .titreTerritoire{
    font-size:2.2em;
  }
}