/******COLOR*******
*******************/
:root {
  --color1: #339999;
  --color1Darker: #04716D;
  --color1-text: #FFFFFF;
  --color1-rgb: 4, 113, 109;
  --color2: #339999;
  --color2-text: #FFFFFF;
  --color2-rgb: 76, 86, 69;
  --color3: #165151;
  --color3-text: #FFFFFF;
  --color3-rgb: 22, 81, 81;
  --color4: #04716D;
  --color4-text: #FFFFFF;
  --bg-btn: #04716D;
  --color4-rgb: 4, 113, 109;
  --text-color: #666;
  --headerHeight: 0px;
  /* Espace menu au dessus de l'UI principal */
  --buttonRadius: 0;
  --headerLogoWidth: 430px;
  --borderColorInput: #339999;
  --cartoBottomPanelHeight: 510px;
  --bg-modal-mea: url('../img/illu-bdetm.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);
}