@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");
.pull-right {
  float: right !important;
}

.hide {
  display: none;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.bg-primary {
  background-color: #44687d !important;
}

.bg-secondary {
  background-color: #06b09c !important;
}

.bg-info {
  background-color: #f5c827 !important;
}

.bg-warning {
  background-color: #ef7060 !important;
}

.bg-danger {
  background-color: #d83534 !important;
}

.btn-primary {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #44687d;
  --bs-btn-border-color: #375364;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #4d768e;
  --bs-btn-hover-border-color: #56839e;
  --bs-btn-focus-shadow-rgb: 85, 109, 123;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #365364;
  --bs-btn-active-border-color: #293e4b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #44687d;
  --bs-btn-disabled-border-color: #375364;
}

.btn-secondary {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #06b09c;
  --bs-btn-border-color: #058b7b;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #07c9b2;
  --bs-btn-hover-border-color: #08e1c8;
  --bs-btn-focus-shadow-rgb: 43, 156, 143;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #058d7d;
  --bs-btn-active-border-color: #04685c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #06b09c;
  --bs-btn-disabled-border-color: #058b7b;
}

.btn-info {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #f5c827;
  --bs-btn-border-color: #ebba0b;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #f6ce3f;
  --bs-btn-hover-border-color: #f7d458;
  --bs-btn-focus-shadow-rgb: 238, 196, 48;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c4a01f;
  --bs-btn-active-border-color: #b08c08;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f5c827;
  --bs-btn-disabled-border-color: #ebba0b;
}

.btn-warning {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #ef7060;
  --bs-btn-border-color: #ec513d;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #f18577;
  --bs-btn-hover-border-color: #f49a8e;
  --bs-btn-focus-shadow-rgb: 239, 107, 90;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bf5a4d;
  --bs-btn-active-border-color: #b13d2e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ef7060;
  --bs-btn-disabled-border-color: #ec513d;
}

.btn-danger {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #d83534;
  --bs-btn-border-color: #c12625;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #dc4a49;
  --bs-btn-hover-border-color: #e0605f;
  --bs-btn-focus-shadow-rgb: 202, 71, 70;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ad2a2a;
  --bs-btn-active-border-color: #911d1c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d83534;
  --bs-btn-disabled-border-color: #c12625;
}

.border-right-primary {
  border-right: 0.25rem solid #44687d !important;
}

.border-right-secondary {
  border-right: 0.25rem solid #06b09c !important;
}

.border-right-info {
  border-right: 0.25rem solid #f5c827 !important;
}

.border-right-warning {
  border-right: 0.25rem solid #ef7060 !important;
}

.border-right-danger {
  border-right: 0.25rem solid #d83534 !important;
}

::selection {
  color: #FFF;
  background: #44687d;
}

.link-secondary {
  text-decoration: none !important;
  color: #06b09c !important;
}
.link-secondary:hover, .link-secondary:active {
  color: #03584e !important;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef;
  border-left-width: 0.25rem;
  border-radius: 0.25rem;
  background-color: #FFF;
}
.bd-callout h4 {
  margin-top: 0;
}
.bd-callout p:last-child {
  margin-bottom: 0;
}

.bd-callout-info {
  border-left-color: #5bc0de;
}

.bd-callout-warning {
  border-left-color: #f0ad4e;
}

.bd-callout-danger {
  border-left-color: #d9534f;
}

* {
  font-family: "Source Sans Pro", sans-serif;
  margin: 0;
  padding: 0;
}

body {
  background-color: #E6E6E6;
}

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
  }
}
h1 {
  color: #06b09c;
  margin-bottom: 20px;
  padding-left: 10px;
  font-weight: 600;
}

h2 {
  color: #44687d;
  font-weight: 600;
}

h3 {
  color: #d83534;
  font-weight: 600;
}

h4 {
  color: #44687d;
  font-weight: 600;
}

h5 {
  color: #d83534;
  font-weight: 600;
}

h6 {
  color: #d83534;
  font-weight: 600;
}

a {
  text-decoration: none !important;
}

.red-star {
  color: #e32;
}

.important {
  color: #d83534;
  font-weight: bold;
}

.avatar {
  width: 25px;
  border-radius: 50%;
  border: 0.135em solid #06b09c;
}

.carte {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.progress {
  margin-bottom: 15px;
}
.progress .progress-bar {
  background-color: #44687d;
}

label {
  font-weight: bold;
}
label.form-check-label {
  font-weight: normal;
}

.pagination {
  float: right;
  padding-top: 10px !important;
}

.alert {
  width: 100%;
}

.btn-labeled {
  display: flex;
  padding: 0;
  margin: 5px 0 10px;
  white-space: initial;
  align-items: stretch;
  width: 100%;
}
.btn-labeled .btn-label {
  float: left;
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px 0 0 3px;
}
.btn-labeled .btn-text {
  padding: 6px;
  text-align: center;
  width: 85%;
}

/*************** error ****************/
.app-msg-errors {
  width: 30%;
  margin: 10px auto;
}
.app-msg-errors h5 {
  text-align: center;
}

.modal-header.error {
  background-color: #d83534;
}
.modal-header.error h4 {
  color: #FFF;
}

#errorModal .modal-body {
  text-align: center;
}
#errorModal .modal-body h5 {
  color: #000;
}

.invalid-tooltip {
  right: 0;
}

/*************** menu ****************/
.navbar {
  background-image: linear-gradient(67deg, #06b09c, #03584e 150%);
  box-shadow: 0 4px 7px -4px #000;
  margin-bottom: 20px;
  padding: 0.25rem 1rem;
}
.navbar li {
  color: #FFF;
}
.navbar li a {
  color: #FFF;
}
.navbar li a:hover, .navbar li a:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar .dropdown-menu {
  --bs-dropdown-link-active-bg: #44687d;
}
.navbar .dropdown-menu .dropdown-item {
  color: #000;
}
.navbar .dropdown-menu .dropdown-item:active {
  color: #FFF;
}
.navbar .container-fluid h1 {
  color: #FFF;
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 3px #000;
  display: none;
}
.navbar .container-fluid .anneeCourante {
  padding-left: 10px;
  font-style: italic;
  color: #333;
}
@media (max-width: 1200px) and (min-width: 320px) {
  .navbar .container-fluid h1 {
    display: block;
    font-size: 100%;
  }
  .navbar .container-fluid .anneeCourante {
    padding-left: 0;
  }
}

.navbar-logo {
  height: 75px;
  background-color: #416176;
  background-image: url("../assets/images/fond-EC_grand.svg");
  background-repeat: no-repeat;
  background-position-x: -1160px;
  background-position-y: -20px;
}
.navbar-logo .navbar-titles {
  padding: 15px 15px 0 15px;
  float: left !important;
}
.navbar-logo .navbar-titles img {
  height: 50px;
  float: left;
  filter: drop-shadow(1px 1px 2px #111);
}
.navbar-logo .navbar-titles .navbar-title {
  padding-top: 5px;
  font-size: 1em;
}
.navbar-logo .navbar-titles .navbar-title h1 {
  font-size: 24px;
  color: #FFF;
  margin: 0;
  padding-left: 300px;
  text-shadow: 1px 1px 3px #000;
}
@media (max-width: 1199.98px) {
  .navbar-logo .navbar-titles .navbar-title h1 {
    display: none;
  }
}
.navbar-logo .navbar-users {
  height: 100%;
  float: right !important;
  color: #FFF;
}
.navbar-logo .navbar-users .navbar-user {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.navbar-logo .navbar-users .navbar-user .iconeUser {
  color: #f5c827;
}
.navbar-logo .navbar-users .navbar-user .infoUser {
  white-space: nowrap;
  margin: 0 30px 0 5px;
  line-height: normal;
}
.navbar-logo .navbar-users .navbar-user .iconeExit {
  text-align: center;
}
.navbar-logo .navbar-users .navbar-user .iconeExit div {
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-color: #ee3a39;
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .navbar-logo .navbar-users .navbar-user .iconeUser,
  .navbar-logo .navbar-users .navbar-user .infoUser {
    display: none;
  }
}
@media (max-width: 320px) {
  .navbar-logo .navbar-users .navbar-user .iconeExit {
    display: none;
  }
}

@media (min-width: 1200px) {
  .navbar-brand {
    display: none;
  }
}
/*************** container ****************/
.textcontainer {
  margin-bottom: 10px;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}
.imgcontainer .logo {
  width: 150px;
}
.imgcontainer .logo_inspe {
  height: 75px;
}
.imgcontainer div {
  width: 150px;
  height: 150px;
  background-color: #d83534;
  margin: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imgcontainer div i {
  color: #FFF;
  text-shadow: 7px 7px 4px #6c1a1a;
}

/*************** fieldset ****************/
fieldset {
  border: none;
  border-radius: 4px;
  background: rgb(218, 218, 218);
  padding: 20px;
  margin-top: 10px;
}
fieldset legend {
  border: none;
  background: #06b09c;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  width: auto;
  font-size: 20px;
  margin-bottom: 0;
  float: none;
}

/*************** legende ****************/
.legende li {
  list-style: none;
}
.legende li:before {
  content: "·";
  font-size: 90px;
  vertical-align: top;
  line-height: 18px;
}
.legende li span {
  color: #000;
}

/*************** card ****************/
.card {
  margin-bottom: 15px;
}
.card .card-subtitle {
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.card .card-icon {
  color: #eeeeee;
}
.card .card-icon .icon {
  table-layout: fixed;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.card [type=button],
.card [type=submit] {
  margin-bottom: 15px;
}

/*************** accueil ****************/
.accueil h1 {
  color: #3a3a3a;
  text-align: center;
  margin-bottom: 20px;
}
.accueil .accueilAide {
  margin: 10px 0;
}
.accueil .buttons div {
  margin-top: 30px;
}
.accueil .buttons div a.box {
  width: 100%;
  font-size: 20px;
  padding: 50px 0;
  border-radius: 0;
}
.accueil .buttons div a.box i {
  transition: 0.5s ease;
}
.accueil .buttons div a.box:hover i {
  -webkit-transform: scale(1.1) rotate(10deg);
  transform: scale(1.1) rotate(10deg);
}
.accueil .buttons div h3 {
  text-align: center;
}
.accueil .content {
  background-color: #F2F3F2;
  margin-top: 25px;
  padding: 25px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}
.accueil .content h1 {
  text-align: center;
  text-transform: uppercase;
}
.accueil .content h1 span {
  margin: 5px 0;
  font-size: 15px;
  color: #555;
  word-spacing: 1px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: 27px;
  grid-gap: 20px;
  align-items: center;
}
.accueil .content h1 span:after, .accueil .content h1 span:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #f5c827;
  border-top: 2px solid #f5c827;
  height: 5px;
  background-color: transparent;
}
.accueil .content h1 span i {
  text-shadow: none;
}
.accueil .content .last_demande .card {
  height: 100%;
}

/*************** Modal ****************/
.modal .demandeModal-header#titreIntervention {
  background-color: #44687d;
}
.modal .demandeModal-header#titreCourse {
  background-color: #ef7060;
}
.modal .demandeModal-header#titreHotellerie {
  background-color: #f5c827;
}
.modal .demandeModal-header#titreEspacesVerts {
  background-color: #06b09c;
}
.modal .demandeModal-header#titreReprographie {
  background-color: #d83534;
}
.modal .demandeModal-header h4 {
  color: #FFF;
}
.modal.z-important {
  z-index: 1061 !important;
}
.modal#loadingModal .modal-header {
  background-color: lightgray !important;
}

/*************** Logs ****************/
.journal {
  height: 600px;
  overflow: auto;
  background-color: #fff;
  padding: 15px;
}

/*************** aide et contact ****************/
#aideEnLigneModal h6 {
  color: #000;
  font-weight: bold;
}
#aideEnLigneModal h6::before {
  content: "\f061";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  margin: 0 5px;
}

/*************** footer ****************/
.footer {
  text-align: right;
  padding-top: 20px;
  clear: both;
}

/*************** carte ****************/
.blocCarte{
  display: inline-block;
}

#carte{
	min-height: 600px;
	width: 100%;
}

.legende-content{
    background: #fff;
    width: 100%;
    border: 2px solid black;
    padding: 10px;
}

#legende ul{
    margin: 0;
    padding: 0;
}
 
#renseignement{
	width: 46%;
	margin-right:1%;
	padding : 5px;
	border: 2px solid #233245;	
  
  float: right;
	background-color: #fff;
}