/* Primary #0E6251 14, 98, 81*/
/* Secondary #E17B20 */
/*
font-family: 'Outfit', sans-serif;
font-family: 'Plus Jakarta Sans', sans-serif;

@media (min-width: 960px) {

}

:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px;
}
*/

html {
  color: #000;
}

.htmx-indicator{
  display:none;
}
.htmx-request .htmx-indicator{
  display:inline;
}
.htmx-request.htmx-indicator{
  display:inline;
}

a, a:hover {
	color: #E17B20;
	text-decoration: underline;
}

.osc-sigle {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  color: #1D1D1B;
  font-size: 14px;
}

.osc-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
}

.osc-title a {
  text-decoration: none;
  color: #000;
}

.osc-categ a, .osc-categ a:hover {
  text-decoration: none;
  color: #000;
}

.bloc-line {
  background-color: #0E6251;
  color: #fff;
  padding: 15px;
  margin-bottom: 15px;
}

.eye-icon, .eye-pass-icon, .eye-passagain-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

.titre-detail {
  background-color: #0E6251;
  color: #fff;
}

.titre-detail h1{
  color: #fff;
}

.uk-heading-divider {
  padding-bottom: calc(5px + 0.1em);
  border-bottom: calc(0.2px + 0.05em) solid #0E6251;
}

#ysearch {
  /*background-image: url('../docs/background_yoonu.png');*/
  background-image: url('../docs/back.svg');
  background-position: center;
}

.search-title {
  font-weight: 700;
  line-height: 65px;
  font-size: 56px;
  color: black;
}

.round-image {
  border: 2px solid #0E6251;
  border-radius: 50%;
  height: 100px;
  width: 100px;
}

@media (max-width: 960px) {
  .search-title {
    font-weight: 700;
    line-height: 45px;
    font-size: 38px;
    color: black;
  }

  .round-image {
    border: 2px solid #0E6251;
    border-radius: 50%;
    height: 75px;
    width: 75px;
  }
}

/**/
.bloc-gauche {
  background-color: rgba(14, 98, 81, 0.1);
  border-radius: 5px;
  padding: 30px;
}

.category, .category:focus {
	border: solid 0px transparent;
}

.langueverte, .langueverte:focus {
	background-color: #0E6251;
	color: #fff;
}

.uk-card-secondary {
  background-color: #0E6251;
}

.uk-input, .uk-select, .uk-textarea {
  border: solid 2px #0E6251;
}

/* Focus */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  color: #000;
  border: solid 2px #0E6251;
}

.uk-form-danger,
.uk-form-danger:focus {
  color: #000;
  border: solid 2px #f0506e;
}

.uk-search-navbar .uk-search-input {
  background-color: white;
  font-size: 1.1rem;
  font-weight: 300;
}

.uk-button {
  border-radius: 5px;
	text-transform: none;
	padding: 0 20px;
}

 /* Primary
 */
.uk-button-primary {
  background-color: #0E6251;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-primary:hover {
  background-color: #0E6251;
  color: #fff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #0E6251;
  color: #fff;
}

/* Primary
 */
.uk-button-inverse {
  background-color: transparent;
  color: #0E6251;
  border: 2px solid #0E6251;
}
/* Hover */
.uk-button-inverse:hover {
  background-color: #0E6251;
  color: #fff;
}
/* OnClick + Active */
.uk-button-inverse:active,
.uk-button-inverse.uk-active {
  background-color: #0E6251;
  color: #fff;
}

/*
 * Secondary
 */
.uk-button-secondary {
  background-color: #FED116;
  color: #000;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-secondary:hover {
  background-color: #FED116;
  color: #000;
}
/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #FED116;
  color: #000;
}

/* Pagination  */
.uk-pagination > * > * {
  /* 2 */
  padding: 5px 6px;
  color: #0E6251;
  transition: color 0.1s ease-in-out;
  text-decoration: none;
  /*border-radius: 50%;
  border: 1px solid #0E6251;*/
}
/* Hover */
.uk-pagination > * > :hover {
  color: #666;
  text-decoration: underline;
}
/* Active */
.uk-pagination > .uk-active > * {
  color: #fff;
  border-radius: 5px;
  background-color: #0E6251;
  /*border: 2px solid #0E6251;*/
}
/* Disabled */
.uk-pagination > .uk-disabled > * {
  color: #999;
}

#last_pied, #pied {
  color: #fff;
}

#last_pied a, #pied a {
  color: #E17B20;
  text-decoration: none;
}

.image-container {
  position: relative; /* Required for padding trick */
  padding-bottom: 56.25%; /* 9 / 16 * 100% */
  overflow: hidden; /* Clip image if it doesn't fit the ratio */
}

.image-container img {
  position: absolute; /* Required for padding trick */
  top: 0;
  left: 0;
  width: 100%; /* Ensures image fills container */
  /*height: 100%;  Ensures image fills container */
}