.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px; }

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0073a8;
  margin: -3px 0 0 -3px; }

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s; }

.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px; }

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s; }

.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px; }

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s; }

.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px; }

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s; }

.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px; }

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s; }

.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px; }

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s; }

.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px; }

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s; }

.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px; }

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s; }

.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px; }

@keyframes lds-roller {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.profil__photo {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.photoUploader-container {
  background: whitesmoke;
  min-height: 130px;
  position: relative; }
  .photoUploader-container .photoUploader {
    display: block;
    position: relative; }
  .photoUploader-container label {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.profil__missing-photo {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

.inputfile {
  width: 0.1px !important;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  padding: 0 !important;
  font-size: 0 !important;
  height: 0.1px !important; }

.inputfile + label {
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  padding: 0.5rem 1rem;
  margin: 0 auto; }

input[type=file] + label {
  zoom: 1;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin-left: initial; }

.no-js .inputfile + label {
  display: none; }

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: none; }

.inputfile + label * {
  pointer-events: none; }

.inputfile-4 + label {
  color: #d3394c;
  display: block; }
  .inputfile-4 + label:hover {
    border-radius: 50%;
    background-color: #FFFFFF; }

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
  color: #722040; }

.inputfile-4 + label figure {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  background-color: #FFFFFF99;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 50px; }

.inputfile-4 + label a {
  color: #d3394c; }

.loader {
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: 30px; }

.loaders.paused-animation .loader {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.loaders.paused-animation {
  -webkit-animation: b .1s ease .5s 1 forwards;
  animation: b .1s ease .5s 1 forwards; }

.loader:nth-child(1) {
  background: #00b3bc; }

.loader:nth-child(2) {
  background: #00838A; }

.loader:nth-child(3) {
  background: #00b3bc; }

.loader:nth-child(4) {
  background: #00838A; }

.loader:nth-child(5) {
  background: #00b3bc; }

.loader:nth-child(6) {
  background: #00838A; }

.loader:nth-child(7) {
  background: #00b3bc; }

.loader:nth-child(8) {
  background: #00838A; }

.loaders-wrapper > :nth-child(1) {
  -webkit-animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 1.4s infinite alternate;
  animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 1.4s infinite alternate; }

.loaders-wrapper > :nth-child(2) {
  -webkit-animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 2.8s infinite alternate;
  animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 2.8s infinite alternate; }

.loaders-wrapper > :nth-child(3) {
  -webkit-animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 4.2s infinite alternate;
  animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 4.2s infinite alternate; }

.loaders-wrapper > :nth-child(4) {
  -webkit-animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 5.6s infinite alternate;
  animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 5.6s infinite alternate; }

.loaders-wrapper > :nth-child(5) {
  -webkit-animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 7s infinite alternate;
  animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 7s infinite alternate; }

.loaders-wrapper > :nth-child(6) {
  -webkit-animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 8.4s infinite alternate;
  animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 8.4s infinite alternate; }

.loaders-wrapper > :nth-child(7) {
  -webkit-animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 9.8s infinite alternate;
  animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 9.8s infinite alternate; }

.loaders-wrapper > :nth-child(8) {
  -webkit-animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 11.2s infinite alternate;
  animation: c 0.8s cubic-bezier(0.77, 0.1, 0.175, 1) infinite 0s alternate, d 0.2s linear 11.2s infinite alternate; }

.loaders-wrapper > :nth-of-type(1) {
  -webkit-transform: rotate(0deg) translate(75px) rotate(0deg) scale(1);
  transform: rotate(0deg) translate(75px) rotate(0deg) scale(1); }

.loaders-wrapper > :nth-of-type(2) {
  -webkit-transform: rotate(45deg) translate(75px) rotate(-45deg) scale(1);
  transform: rotate(45deg) translate(75px) rotate(-45deg) scale(1); }

.loaders-wrapper > :nth-of-type(3) {
  -webkit-transform: rotate(90deg) translate(75px) rotate(-90deg) scale(1);
  transform: rotate(90deg) translate(75px) rotate(-90deg) scale(1); }

.loaders-wrapper > :nth-of-type(4) {
  -webkit-transform: rotate(135deg) translate(75px) rotate(-135deg) scale(1);
  transform: rotate(135deg) translate(75px) rotate(-135deg) scale(1); }

.loaders-wrapper > :nth-of-type(5) {
  -webkit-transform: rotate(180deg) translate(75px) rotate(-180deg) scale(1);
  transform: rotate(180deg) translate(75px) rotate(-180deg) scale(1); }

.loaders-wrapper > :nth-of-type(6) {
  -webkit-transform: rotate(225deg) translate(75px) rotate(-225deg) scale(1);
  transform: rotate(225deg) translate(75px) rotate(-225deg) scale(1); }

.loaders-wrapper > :nth-of-type(7) {
  -webkit-transform: rotate(270deg) translate(75px) rotate(-270deg) scale(1);
  transform: rotate(270deg) translate(75px) rotate(-270deg) scale(1); }

.loaders-wrapper > :nth-of-type(8) {
  -webkit-transform: rotate(315deg) translate(75px) rotate(-315deg) scale(1);
  transform: rotate(315deg) translate(75px) rotate(-315deg) scale(1); }

.loaders-wrapper {
  width: 200px;
  height: 200px;
  padding: 0;
  border-radius: 50%;
  list-style: none;
  box-sizing: content-box;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  right: 0; }

.loaders-wrapper > * {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px; }

.loaders.fadeOutDown {
  -webkit-animation-delay: .4s;
  animation-delay: .4s; }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@keyframes c {
  0% {
    -webkit-transform: translate(0) scale(0.7);
    transform: translate(0) scale(0.7); } }

@keyframes d {
  0%, 100% {
    z-index: 2; } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.imgMetaData {
  position: relative;
  display: inline-block;
  background-color: transparent;
  vertical-align: top;
  padding-left: 1rem; }
  .imgMetaData .row {
    margin: 0 0 1rem; }

.downloadZone {
  border-width: 2px;
  border-style: dashed;
  border-color: darkseagreen;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 10px; }

.copyMessage {
  font-size: 0.7rem;
  font-style: italic;
  font-weight: bold; }
  .copyMessage--error {
    color: #CC0000; }
  .copyMessage--success {
    color: #135413; }

.hide-copy {
  position: absolute;
  font-size: 1px;
  top: -9999px; }

.imgPreview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
  width: 100%;
  min-height: 100px;
  background: lightgray; }
  .imgPreview .imgContainer img {
    opacity: 1;
    display: block;
    width: 100%; }
  .imgPreview .imgContainer .imageLabel {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.4rem;
    background-color: #000;
    color: #FFF;
    font-size: 0.7rem;
    opacity: 0.9; }
  .imgPreview .imgDownloaderContainer {
    position: absolute;
    opacity: 0.5;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 64px;
    height: 64px;
    overflow: hidden; }
    .imgPreview .imgDownloaderContainer:hover {
      opacity: 1; }

.profil__photo {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.terrain-photoDownloader-container {
  position: absolute;
  left: 1rem;
  bottom: -25px; }

.photoDownloader-container {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

.profil__missing-photo {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label {
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  margin: 0 auto; }

.no-js .inputfile + label {
  display: none; }

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: none; }

.inputfile + label * {
  pointer-events: none; }

.inputfile-4 + label {
  color: #d3394c;
  display: block; }

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
  color: #722040; }

.inputfile-4 + label figure {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  background-color: #FFFFFF;
  line-height: 50px;
  position: relative; }

.inputfile-4 + label a {
  color: #d3394c; }

@media screen and (min-width: 768px) {
  .imgMetaData {
    max-width: 45%; } }

select {
  padding: 0.7rem;
  box-sizing: border-box; }

.member-iconTrash {
  right: 1rem !important; }

ul.autocomplete-results li {
  cursor: pointer;
  padding: 0.5rem; }
  ul.autocomplete-results li:nth-child(odd) {
    background-color: whitesmoke; }
  ul.autocomplete-results li:hover {
    background-color: #3A5F3A;
    color: white; }

.wysiwyg-button-bar {
  position: fixed;
  top: 50px;
  background: rgba(230, 230, 230, 0.9);
  padding: 5px;
  box-sizing: border-box;
  border-radius: 4px;
  z-index: 1;
  left: 0;
  right: 0; }
  .wysiwyg-button-bar button {
    position: relative;
    min-width: 35px;
    height: 35px;
    margin-right: 10px;
    vertical-align: top; }
    .wysiwyg-button-bar button.heading {
      font-size: 0.6rem; }

@media screen and (min-width: 768px) {
  .wysiwyg-button-bar button {
    min-width: 25px;
    height: 25px;
    margin-right: 5px; } }

ul.autocomplete-results li {
  cursor: pointer;
  padding: 0.5rem; }
  ul.autocomplete-results li:nth-child(odd) {
    background-color: whitesmoke; }
  ul.autocomplete-results li:hover {
    background-color: #3A5F3A;
    color: white; }

.profil__photo {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.photoUploader-container {
  background: whitesmoke;
  min-height: 130px;
  position: relative; }
  .photoUploader-container .photoUploader {
    display: block;
    position: relative; }
  .photoUploader-container label {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.profil__missing-photo {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

.inputfile {
  width: 0.1px !important;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  padding: 0 !important;
  font-size: 0 !important;
  height: 0.1px !important; }

.inputfile + label {
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  padding: 0.5rem 1rem;
  margin: 0 auto; }

input[type=file] + label {
  zoom: 1;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin-left: initial; }

.no-js .inputfile + label {
  display: none; }

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: none; }

.inputfile + label * {
  pointer-events: none; }

.inputfile-4 + label {
  color: #d3394c;
  display: block; }
  .inputfile-4 + label:hover {
    border-radius: 50%;
    background-color: #FFFFFF; }

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
  color: #722040; }

.inputfile-4 + label figure {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  background-color: #FFFFFF99;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 50px; }

.inputfile-4 + label a {
  color: #d3394c; }

div#layout {
  text-align: center; }

div#container {
  width: 1000px;
  height: 600px;
  margin: auto;
  background-color: #2F4A6D; }

svg {
  width: 100%;
  height: 100%; }

.bar {
  fill: #80cbc4; }

text {
  font-size: 12px;
  fill: #fff; }

path {
  stroke: gray; }

line {
  stroke: gray; }

line#limit {
  stroke: #FED966;
  stroke-width: 3;
  stroke-dasharray: 3 6; }

.grid path {
  stroke-width: 0; }

.grid .tick line {
  stroke: #9FAAAE;
  stroke-opacity: 0.3; }

text.divergence {
  font-size: 14px;
  fill: #2F4A6D; }

text.value {
  font-size: 14px; }

text.title {
  font-size: 22px;
  font-weight: 600; }

text.label {
  font-size: 14px;
  font-weight: 400; }

text.source {
  font-size: 10px; }

button.icon-search {
  cursor: pointer; }