geopf-extensions-openlayers/src/packages/CSS/DSFRgeneralWidget.css

French Geoportal Extensions for OpenLayers libraries

/*
 * Liste des surcharges du mode DSFR
 */
:root {
  --size-per-row: 44px;
}

.gpf-widget {
  position: absolute;
  pointer-events: auto;
  /* display: flex;*/
  padding: 2px;
}

.gpf-widget-button {
  width: 40px;
}

.gpf-panel {
  position: relative;
  background-color: unset;
  width: max-content;
  max-height: 100%;
}

.gpf-panel form {
  overflow: auto;
  padding: 0 2rem 2rem 2rem;
}

.gpf-panel--hidden {
  display: none;
}

.gpf-panel__body {
  overflow: unset;
  position: relative;
  max-height: 100% !important;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.gpf-panel__header {}

.gpf-panel__title {
  text-align: left;
}

.gpf-panel__footer {
  background-color: transparent;
  padding: 0;
  margin-top: 0;
  justify-content: center;
}

.gpf-panel__footer > input[type="submit"] {
  width: 100%;
}

.gpf-panel__content {
  padding: unset;
  margin-bottom: unset;
}

.gpf-panel--close,
.gpf-panel--reduce,
.gpf-panel--info {
  position: relative;
  cursor: pointer;
}

/********/
/* flex */
/********/

.gpf-flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-evenly;
}

.gpf-flex-column {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.gpf-flex-padding {
  padding: 5px;
}

.gpf-hidden {
  display: none;
  visibility: hidden;
  opacity: 0%;
}

.gpf-visible {
  display: block;
  visibility: visible;
  opacity: 100%;
}

/***********/
/* waiting */
/***********/

.gpf-waiting {
  position: absolute;
  height: inherit;
  top: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 1.5em;
  font-weight: bold;
  overflow: hidden;
}

.gpf-waiting--hidden {
  display: none;
}

.gpf-waiting--visible {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  z-index: 4000;
}

.gpf-waiting_info {
  margin: auto;
}

/***********/
/* button  */
/***********/

.container-buttons-plugin {
  display: flex;
  flex-direction: column;
}

.container-buttons-plugin > div > button {
  width: 224px;
}

.gpf-btn-icon.gpf-btn--secondary,
.gpf-btn-icon.gpf-btn--tertiary {
  background-color: var(--background-default-grey);
}

.gpf-widget > .gpf-btn-icon[aria-pressed="true"] {
  background-color: var(--hover-tint);
  position: relative;
}

.gpf-widget-button:has(> .gpf-btn-icon[aria-pressed="true"])::after {
  background-color: var(--background-action-high-blue-france);
  content: "";
  width: 3px;
  height: 40px;
  left: 44px;
  position: absolute;
  transform: translateY(-40px);
}

.gpf-btn-group {
  display: flex;
  justify-content: center;
}

@supports(-moz-appearance:none) {
  .gpf-widget:has(.gpf-btn-icon[aria-pressed="true"])::after {
    transform: unset;
  }
}

/* Affichage du tooltip au survol du bouton */

.gpf-widget > .gpf-btn-icon[aria-label]:hover::before {
  content: attr(aria-label);
  position: absolute;
  top: 0;
  color: var(--text-default-grey);
  font-size: .75rem;
  width: fit-content;
  white-space: nowrap;
  padding: .5rem .5rem 0.5rem 1.25rem;
  background-size: .375rem .5rem,.375rem .5rem,1px, 100%,calc(100% - 0.5rem) 100%;
  background-repeat: no-repeat;
  background-position: 0.125rem 50%, 0% 50%,0.375rem 100%,0.375rem 100%;
  filter: drop-shadow(0 2px 6px rgba(0,0,18,.16));
  filter: drop-shadow(var(--overlap-shadow));
  background-image: conic-gradient(from 56.31deg at 0% 50%,transparent 0deg,var(--background-overlap-grey) 0deg,var(--background-overlap-grey) 67.38deg,transparent 67.38deg),conic-gradient(from 56.31deg at 0% 50%,transparent 0deg,var(--border-default-grey) 0deg,var(--border-default-grey) 67.38deg,transparent 67.38deg),linear-gradient(90deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(90deg,var(--background-overlap-grey),var(--background-overlap-grey));
}

.position-container-top-left .gpf-widget > .gpf-btn-icon[aria-label]:hover::before,
.position-container-bottom-left .gpf-widget > .gpf-btn-icon[aria-label]:hover::before {
  transform: translateX(24px);
}

.position-container-top-right .gpf-widget > .gpf-btn-icon[aria-label]:hover::before,
.position-container-bottom-right .gpf-widget > .gpf-btn-icon[aria-label]:hover::before {
  transform: translateX(calc(-100% - 16px));
  padding: .5rem 1.25rem .5rem .5rem;
  background-size: .375rem .5rem, .375rem .5rem, 1px 100%, 100%;
  background-position: calc(100% - 0.125rem) 50%, 100% 50%, calc(100% - 0.375rem) 0, calc(100% - 0.375rem) 0;
  background-image: conic-gradient(from 236.31deg at 100% 50%, transparent 0deg, var(--background-overlap-grey) 0deg, var(--background-overlap-grey) 67.38deg, transparent 67.38deg), conic-gradient(from 236.31deg at 100% 50%, transparent 0deg, var(--border-default-grey) 0deg, var(--border-default-grey) 67.38deg, transparent 67.38deg), linear-gradient(90deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(90deg, var(--background-overlap-grey), var(--background-overlap-grey));
}

div:not(.position) > .gpf-widget > .gpf-btn-icon[aria-label]:hover::before {
  display: none;
}


.gpf-btn--primary,
.gpf-btn--secondary,
.gpf-btn--tertiary {
  position: relative;
}

.gpf-btn--primary::after,
.gpf-btn--tertiary::after,
.gpf-btn--secondary::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--text-action-high-blue-france);
  -webkit-mask: linear-gradient(#0000, #0000);
  mask: linear-gradient(#0000, #0000);
}

.gpf-btn--primary::after {
  background-color: var(--text-inverted-blue-france);
}

.gpf-btn--primary:disabled:after,
.gpf-btn--tertiary:disabled:after,
.gpf-btn--secondary:disabled::after {
  background-color: var(--text-disabled-grey);
}

.position-container-top-left .gpf-button-no-gutter,
.position-container-top-right .gpf-button-no-gutter {
  margin-bottom: -5px;
}

.gpf-button-no-gutter + .gpf-widget-button > .gpf-btn-icon {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.gpf-button-no-gutter:has(+ .gpf-widget-button) > .gpf-btn-icon {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.position-container-bottom-left .gpf-button-no-gutter,
.position-container-bottom-right .gpf-button-no-gutter {
  margin-top: -5px;
}

.gpf-btn--hidden {}

.gpf-btn-icon-return {}

.gpf-btn-icon-submit {}

.gpf-btn-icon-reverse {}

/* positionnement absolu en haut à droite du bouton "fermer" */
.gpf-btn-icon-close {
  float: right;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.gpf-btn-icon-return {
  float: left;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

.gpf-btn-icon-return::after {
  /* INFO : utiliser l'icone DSFR "fr-icon-arrow-go-back-fill fr-btn--sm fr-btn--icon" */
  -webkit-mask: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAANVJREFUKJGd07EuREEYxfGzK0hsQSOhkKxoZButR9B5FJ3Gc2gUKPU6CkGx0XgGuhsaDVH5aSxjc+9u9p7kK74z8/9OJjPTQdqq25qcAPeTDKbSGK8BhjitWftX48nbSU6S7CZZSbKaZDnJ3LTkLdz50xsecYsz7GGxTC7hY3xp1ieO0K2D13FTbH7BPR5Q/QyusFMHBxvFgAvMYwE9HOIDB01wsFmcs/SXcInzSXCwhn6Nv4/rpqsaqUryVOMPkzyPmlmf52uSq1HTMfvH6CV5bwv/6htI1GwnhVkfqAAAAABJRU5ErkJggg==') center no-repeat;
  mask: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAANVJREFUKJGd07EuREEYxfGzK0hsQSOhkKxoZButR9B5FJ3Gc2gUKPU6CkGx0XgGuhsaDVH5aSxjc+9u9p7kK74z8/9OJjPTQdqq25qcAPeTDKbSGK8BhjitWftX48nbSU6S7CZZSbKaZDnJ3LTkLdz50xsecYsz7GGxTC7hY3xp1ieO0K2D13FTbH7BPR5Q/QyusFMHBxvFgAvMYwE9HOIDB01wsFmcs/SXcInzSXCwhn6Nv4/rpqsaqUryVOMPkzyPmlmf52uSq1HTMfvH6CV5bwv/6htI1GwnhVkfqAAAAABJRU5ErkJggg==') center no-repeat;
}

.gpf-btn-icon {
  width: inherit;
  caret-color: transparent;
  border-radius: 4px;
  box-shadow: var(--raised-shadow);
}

.gpf-btn-icon-reset::after {
  -webkit-mask:
    linear-gradient(#fff 0 0) top /100% 1px,
    linear-gradient(#fff 0 0) bottom/100% 1px,
    linear-gradient(#fff 0 0) left /1px 100%,
    linear-gradient(#fff 0 0) right /1px 100%,
    url('data:image/png;base64,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IHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDo4ZDc5MTIyYy0xNDNiLTQwMDItOGExOS02ODEyYTA4ZmRiMzgiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N2FlNWZmMzEtNzVlYS00NWQ0LWI5MzktOWVkYmE3N2M0YjQ3IgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDU3NDBkYTQtYmZlMS00YWFlLThjMDEtZDliZDVhOWY0ZTBiIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iTGludXgiCiAgIEdJTVA6VGltZVN0YW1wPSIxNzEzNTM5MDc3OTM4NDkxIgogICBHSU1QOlZlcnNpb249IjIuMTAuMzAiCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjJmYTMwMGMtZWRlMy00YWNhLTkyODQtYmRiMTI4NDFiMWIxIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNC0wNC0xOVQxNzowNDozNyswMjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz69OJaNAAAABmJLR0QAAAAAAJF+SxitAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH6AQTDwQlpds7gAAAAYdJREFUWMPtl11OwkAURs8tK2AZvrknNVJB3EK3wE/9gz355jZ4N6GfDxSc1DJMaUs0mfPU0Ena03uZ7w5EIpFIJBKJ/CUk3Ul6k5R41pikhaRJd0+eCWYiyxLP29lhXQAWIgu8AgmwBu7NrKjKAgtgDAiYmtmyvaxDthmQZcVv2XnltyevUxLw5Gtn3S2wLAVd2byU3X/Eq87bLBtud4I+2dOECE8At1op8C4pcSqbOvdXwGN7w2nNu82LXXsfkc02g9Yt7VRxXsrvWQNfwENFdlRt+Ra7R3gVa1v+TGGPNP3JNpAOlG0kfEK6djO7iHQD2dD/cMhHMv4JScPqLpzd2OUG8OZ0by2dDbf+nD5D+IjsqowjnMjqWDpw02ognbSQHZXxs+xH2hc9NZEVKB0yaeWV6HkBxmamyuDhZvGzmY07nbQO2WzyV7/9pPUBFE5lJ3tZgPJ67FRawGf3k9Zm8CMLu+tp0svOJimVlLsj5ZHDQy4p7fzwgKyrw0MkEolEIpHIxfgGwh3Z0ws3xlMAAAAASUVORK5CYII=') -25px center;
  mask:
    linear-gradient(#fff 0 0) top /100% 1px,
    linear-gradient(#fff 0 0) bottom/100% 1px,
    linear-gradient(#fff 0 0) left /1px 100%,
    linear-gradient(#fff 0 0) right /1px 100%,
    url('data:image/png;base64,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IHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDo4ZDc5MTIyYy0xNDNiLTQwMDItOGExOS02ODEyYTA4ZmRiMzgiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N2FlNWZmMzEtNzVlYS00NWQ0LWI5MzktOWVkYmE3N2M0YjQ3IgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDU3NDBkYTQtYmZlMS00YWFlLThjMDEtZDliZDVhOWY0ZTBiIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iTGludXgiCiAgIEdJTVA6VGltZVN0YW1wPSIxNzEzNTM5MDc3OTM4NDkxIgogICBHSU1QOlZlcnNpb249IjIuMTAuMzAiCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjJmYTMwMGMtZWRlMy00YWNhLTkyODQtYmRiMTI4NDFiMWIxIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNC0wNC0xOVQxNzowNDozNyswMjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz69OJaNAAAABmJLR0QAAAAAAJF+SxitAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH6AQTDwQlpds7gAAAAYdJREFUWMPtl11OwkAURs8tK2AZvrknNVJB3EK3wE/9gz355jZ4N6GfDxSc1DJMaUs0mfPU0Ena03uZ7w5EIpFIJBKJ/CUk3Ul6k5R41pikhaRJd0+eCWYiyxLP29lhXQAWIgu8AgmwBu7NrKjKAgtgDAiYmtmyvaxDthmQZcVv2XnltyevUxLw5Gtn3S2wLAVd2byU3X/Eq87bLBtud4I+2dOECE8At1op8C4pcSqbOvdXwGN7w2nNu82LXXsfkc02g9Yt7VRxXsrvWQNfwENFdlRt+Ra7R3gVa1v+TGGPNP3JNpAOlG0kfEK6djO7iHQD2dD/cMhHMv4JScPqLpzd2OUG8OZ0by2dDbf+nD5D+IjsqowjnMjqWDpw02ognbSQHZXxs+xH2hc9NZEVKB0yaeWV6HkBxmamyuDhZvGzmY07nbQO2WzyV7/9pPUBFE5lJ3tZgPJ67FRawGf3k9Zm8CMLu+tp0svOJimVlLsj5ZHDQy4p7fzwgKyrw0MkEolEIpHIxfgGwh3Z0ws3xlMAAAAASUVORK5CYII=') -25px center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--text-action-high-blue-france);
}

.gpf-btn-icon-info {
  width: 40px;
  height: 40px;
}

/*************/
/* elements  */
/*************/

.gpf-label {}

.gpf-select {}

.gpf-input {
  padding-left: 5px;
}

.gpf-radio-group {}

.gpf-radio-btn-group {
  display: flex;
  gap: 1em;
}

.gpf-upload {}

/*************/
/* panel     */
/*************/

.gpf-panel__list,
.gpf-panel__advancedlist {
  z-index: 2;
  /* width: inherit; */
  /* display: none; */
  position: absolute;
  max-height: 140px;
  background-color: #FFF;
  border: 1px solid #999;
  overflow-y: hidden;
}

.gpf-panel__advancedlist {
  width: calc(100% - 28px);
  border-top: none;
  font-size: 0.9em;
}

.gpf-panel__items:hover {
  color: #000000;
  background-color: #CEDBEF
}

.gpf-panel__items {
  width: 100%;
  height: 28px;
  line-height: 16px;
  padding: 6px 10px;
  color: #5E5E5E;
  font-size: 1.0em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.gpf-panel::after {
  height: unset;
  flex: 0;
}

.gpf-panel::before {
  height: unset;
  flex: 0;
}

/***********/
/* position*/
/***********/
:root {
  --size-per-row: 50px;
}

.position-container-top-left,
.position-container-top-right,
.position-container-bottom-left,
.position-container-bottom-right {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* crée un décalage sur le searchEngine */
  /* align-items: center; */
  /* + 5px pour l'indicateur "bouton actif" */
  width: calc(var(--size-per-row) + 4px);
  min-height: var(--size-per-row);
  /* padding: 5px; */
  height: calc(100% - 8px);
}

.position-container-top-left,
.position-container-top-right {
  top: 4px;
}

.position-container-top-left {
  float: left;
  left: 8px;
}

.position-container-top-right {
  float: right;
  right: 4px;
}

.position-container-bottom-left,
.position-container-bottom-right {
  bottom: 4px;
  justify-content: flex-end;
}

.position-container-bottom-right {
  float: right;
  right: 4px;
}

.position-container-bottom-left {
  float: left;
  left: 8px;
}

/* tooltips */
#gpf-tooltips-html {
  position: fixed;
  background: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  max-width: 300px;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s;
}

/**********************/
/* Feature info popup */
/**********************/

.gp-feature-info-div {
  bottom: 17px;
  position: relative;
  max-width: calc(100vw - 80px);
  padding: 10px;
  /* border-radius: 10px; */
  font-size: 0.75em;
  /* font-family: "Open Sans", sans-serif;
  color: #002A50; */
  background-color: var(--background-default-grey);
  box-shadow: 0 0 5px var(--text-default-grey);
}

.gp-feature-info-div::before {
  content: "";
  position: absolute;
  border-top: 15px solid var(--background-default-grey);
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  bottom: -15px;
  margin-left: -14px;
  left: 50%;
}

.gp-feature-info-div .remove,
.gp-feature-info-div .closer {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  border: none;
  cursor: pointer;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--background-default-grey);
}

.gp-feature-info-div .remove {
  right: 16px;
}
.gp-feature-info-div .remove::after,
.gp-feature-info-div .closer::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--text-action-high-blue-france);
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMCA4NDEuOWg1OTUuM1YwSDB2ODQxLjl6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09Im1hdHJpeCguMDIzNTIgMCAwIC0uMDIzNTIgMSAxOCkiIGZpbGw9IiMwMDAwOTEiPjxwYXRoIGQ9Ik0zNjguNCA0MjAuOWwyMTIuMiAyMTIuMmMxOS41NCAxOS41NCAxOS41NCA1MS4yMSAwIDcwLjc1cy01MS4yMSAxOS41NC03MC43NSAwbC0yMTIuMi0yMTIuMy0yMTIuMiAyMTIuM2MtMTkuNTQgMTkuNTQtNTEuMjEgMTkuNTQtNzAuNzUgMC0xOS41My0xOS41NC0xOS41My01MS4yMSAwLTcwLjc1TDIyNyA0MjAuOSAxNC44IDIwOC43Yy0xOS41My0xOS41NC0xOS41My01MS4yMSAwLTcwLjc1IDE5LjU0LTE5LjU0IDUxLjIxLTE5LjU0IDcwLjc1IDBsMjEyLjIgMjEyLjIgMjEyLjItMjEyLjJjMTkuNTMtMTkuNTQgNTEuMjEtMTkuNTQgNzAuNzUgMHMxOS41NCA1MS4yMSAwIDcwLjc1TDM2OC41IDQyMC45eiIvPjwvZz48L3N2Zz4=') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMCA4NDEuOWg1OTUuM1YwSDB2ODQxLjl6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09Im1hdHJpeCguMDIzNTIgMCAwIC0uMDIzNTIgMSAxOCkiIGZpbGw9IiMwMDAwOTEiPjxwYXRoIGQ9Ik0zNjguNCA0MjAuOWwyMTIuMiAyMTIuMmMxOS41NCAxOS41NCAxOS41NCA1MS4yMSAwIDcwLjc1cy01MS4yMSAxOS41NC03MC43NSAwbC0yMTIuMi0yMTIuMy0yMTIuMiAyMTIuM2MtMTkuNTQgMTkuNTQtNTEuMjEgMTkuNTQtNzAuNzUgMC0xOS41My0xOS41NC0xOS41My01MS4yMSAwLTcwLjc1TDIyNyA0MjAuOSAxNC44IDIwOC43Yy0xOS41My0xOS41NC0xOS41My01MS4yMSAwLTcwLjc1IDE5LjU0LTE5LjU0IDUxLjIxLTE5LjU0IDcwLjc1IDBsMjEyLjIgMjEyLjIgMjEyLjItMjEyLjJjMTkuNTMtMTkuNTQgNTEuMjEtMTkuNTQgNzAuNzUgMHMxOS41NCA1MS4yMSAwIDcwLjc1TDM2OC41IDQyMC45eiIvPjwvZz48L3N2Zz4=') center no-repeat;
  -webkit-mask-size: 14px 14px;
  mask-size: 14px 14px;
}

.gp-feature-info-div .remove::after {
  width: 30px;
  height: 30px;
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUgxN0wxNS41NzE1IDE5Ljg4ODlIOC40Mjg0N0w3IDlaIiBmaWxsPSIjMDAwMDkxIiBzdHJva2U9IiMwMDAwOTEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iNiIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxsaW5lIHgxPSIxMC41IiB5MT0iNC41IiB4Mj0iMTMuNSIgeTI9IjQuNSIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K') center no-repeat;
  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgOUgxN0wxNS41NzE1IDE5Ljg4ODlIOC40Mjg0N0w3IDlaIiBmaWxsPSIjMDAwMDkxIiBzdHJva2U9IiMwMDAwOTEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iNiIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxsaW5lIHgxPSIxMC41IiB5MT0iNC41IiB4Mj0iMTMuNSIgeTI9IjQuNSIgc3Ryb2tlPSIjMDAwMDkxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K') center no-repeat;
}

.gp-features-content-div {
  max-width: 420px;
  min-width: 260px;
  max-height: 340px;
  overflow: auto;
}

.gp-features-content-div h5,
.gp-features-content-div h6,
.gp-features-content-div p,
.gp-features-content-div ul {
  margin: 0;
}

.gp-features-content-div ul {
  padding: 0;
  list-style-type: none;
}

.geoportail-popup-content h5,
.geoportail-popup-content h6,
.geoportail-popup-content p,
.gp-att-name-div,
.gp-att-description-div,
.gp-att-others-div {
  padding: 0 10px;
}

.geoportail-popup-content h5:not(:last-child),
.geoportail-popup-content h6:not(:last-child),
.geoportail-popup-content p:not(:last-child),
.gp-att-description-div:not(:last-child),
.gp-att-others-div:not(:last-child) {
  margin-bottom: 15px;
}

.geoportail-popup-content h5:last-child,
.geoportail-popup-content h6:last-child,
.geoportail-popup-content p:last-child,
.gp-att-description-div:last-child,
.gp-att-others-div:last-child,
.gp-att-name-div {
  margin-bottom: 10px;
}

.geoportail-popup-content h5:first-child,
.geoportail-popup-content h6:first-child,
.geoportail-popup-content p:first-child,
.gp-att-name-div:first-child,
.gp-att-description-div:first-child,
.gp-att-others-div:first-child {
  margin-top: 10px;
}

.gp-att-name-div,
.gp-features-content-div h5 {
  padding-right: 35px;
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #0B6BA7;
}

.gp-features-content-div h6 {
  font-size: 1.1em;
}

.gp-att-description-div:not(:last-child),
.gp-att-others-div:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px dotted #666;
}

/* surcharge css OpenLayers */
.ol-disabled {
  --idle: transparent;
  --hover: var(--background-disabled-grey-hover);
  --active: var(--background-disabled-grey-active);
  background-color: var(--background-disabled-grey);
  color: var(--text-disabled-grey);
  cursor: not-allowed;
  /* instead of display: none */
  display: block;
}

.ol-scale-bar, .ol-scale-line {
  z-index: -1;
}

/* surcharge DSFR pour coller aux règles et au rendu de https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/accordeon/ */
/* FIXME: pourquoi on a besoin de faire ça ?? normalement ces règles devraient être importées avec le reste... */
.fr-collapse {
  --collapse-max-height: none;
}

.fr-collapse:not(.fr-collapse--expanded):not(.fr-collapsing) {
  --collapse-max-height: 0;
}

@media (max-width: 576px) {
  .gpf-mobile-fullscreen > button[aria-pressed="true"] ~ dialog {
      width: 100vw !important;
  }

  .gpf-mobile-fullscreen form div, .gpf-mobile-fullscreen form p {
    margin: auto;
    text-align: center;
  }

  .gpf-mobile-fullscreen .gpf-mobile-form {
    max-height: unset;
    height: 100vh;
  }

  .position-container-top-right .gpf-mobile-fullscreen > button[aria-pressed="true"] ~ dialog,
  .position-container-bottom-right .gpf-mobile-fullscreen > button[aria-pressed="true"] ~ dialog,
  .position-container-top-left .gpf-mobile-fullscreen > button[aria-pressed="true"] ~ dialog,
  .position-container-bottom-left .gpf-mobile-fullscreen > button[aria-pressed="true"] ~ dialog {
      top: -4px !important;
      left: -8px !important;
      right: unset !important;
  }

  .position-container-top-right .gpf-mobile-fullscreen > button[aria-pressed="true"] ~ dialog,
  .position-container-bottom-right .gpf-mobile-fullscreen > button[aria-pressed="true"] ~ dialog {
      right: -4px !important;
      left: unset !important;
  }
}