/******COLOR*******
*******************/



:root {
  --color1: #eb805c;
  /*#ed6e6c;
  /* Texte des inputs sur filtre et carto*/
  --color1Darker: #ac5453;
  /* */
  --color1-text: #FFFFFF;
  --color1-rgb: 105, 88, 161;
  --color2: #6958A1;
  --color2-text: #FFFFFF;
  --color2-rgb: 105, 88, 16;
  --color3: #6958A1;
  --color3-text: #FFFFFF;
  --color3-rgb: 105, 88, 161;
  --color4: #FFF;
  --color4-text: #454545;
  --bg-btn: #6958A1;
  --color4-rgb: 105, 88, 161;
  --text-color: #666;
  --headerHeight: 71px;
  --buttonRadius: 0;
  --headerLogoWidth: 500px;
  --borderColorInput: #6958A1;
  --cartoBottomPanelHeight: 510px;
  --bg-modal-mea: url('../img/illu-bdat.jpg')
}


.icon-svg-antea {
  background-color: var(--color1)
}

.icon-svg-antea.cynegetique {
  -webkit-mask: var(--svg-cynegetique);
  mask: var(--svg-cynegetique);
}

.icon-svg-antea.suivi {
  -webkit-mask: var(--svg-suivi);
  mask: var(--svg-suivi);
}

.icon-svg-antea.agricole {
  -webkit-mask: var(--svg-agricole);
  mask: var(--svg-agricole);
}

.icon-svg-antea.alerte {
  -webkit-mask: var(--svg-alerte);
  mask: var(--svg-alerte);
}

.icon-svg-antea.climat {
  -webkit-mask: var(--svg-climat);
  mask: var(--svg-climat);
}

.icon-svg-antea.diagnostic {
  -webkit-mask: var(--svg-diagnostic);
  mask: var(--svg-diagnostic);
}

.icon-svg-antea.ice {
  -webkit-mask: var(--svg-ice);
  mask: var(--svg-ice);
}

.icon-svg-antea.sylvicole {
  -webkit-mask: var(--svg-sylvicole);
  mask: var(--svg-sylvicole);
}