/*
Theme Name: child
Description: dt-the7
Template: dt-the7
Version: 1.1
*/

/* rouge : #f36c5a
jaune : #f2ed59
blanc : white
vert : #027a0b
bleu : #1b51cc
noir header : #1d2a33
*/

@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

html, body {
  touch-action: manipulation; /* empêche double-tap zoom sur certains navigateurs */
}

.container_get_image
{
  display:flex;
  flex-direction: row;
  gap:15px;
  padding-bottom:15px;
  align-items: center;
  padding:10px;
  padding-left:40px;
  background-color:#1d2a33;
  color:#FFF;
  font-weight: bold;
  border:2px white solid;
  border-radius: 10px;
  margin-bottom: 20px;
  margin-top: 10px;
  width: fit-content;
}
.info_plantenet
{
  position: absolute;
      top: 20px;
      left: 20px;

}
.suggestions_recherche
{
  padding-bottom:20px;
  font-size:1rem;
}
.container_liste_suggestions
{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap:10px;
  justify-content: flex-start;
  align-items: baseline;
}
.mini_suggestion img
{
  width:75px;
  height:75px;
  border-radius: 10px;
}
.container_suggest_results
{
  display:flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 25px;
  font-size: 0.8rem;
  background-color: #1d2a33;
  padding:20px;
  border:2px white solid;
  border-radius: 10px;
  width:100%;
}
.espece_non_trouvee
{
  font-size:1.4rem;
  line-height: 1.2em;
}
audio
{
  display:block;
  max-width: 560px;
  -moz-border-radius:0;
	-webkit-border-radius:0;
	/* border-radius:20px; */
  /* border:2px white solid; */
  /* padding:5px; */
}

audio::-webkit-media-controls-play-button:hover {
	background-color: #f2ed59;
  border-radius: 50%;
}

audio::-webkit-media-controls-panel {
     background-color: white;
     color: black;
}

.puce_feuille
{
	font-size:0.7rem;
	color:#027a0b;
	margin-left:5px;
}
.retour_choix_lieu button
{
	padding:15px;
	border-radius: 10px;
	color:#FFF;
	background-color: #f36c5a;
	font-size: 1.1rem;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	border:2px black solid;
}
.retour_choix_lieu button:hover
{
	border:2px white solid;
}
.warning
{
	font-size:1.8rem;
	color:#f36c5a;
	margin-right: 10px;
}
.page-title.page-title-responsive-enabled .wf-wrap
{
	align-items: baseline!important;
}
.attribuer_au_lieu
{
	font-size: 0.9rem;
}
.famille_search_taxons, .taxon_1_search_taxons, .proprietes_search_taxons, .symptomes_search_taxons, .sort_search_taxons
{
	min-width: 200px;
	width: 15%!important;
}
.sort_search_taxons
{
	margin-bottom: 10px!important;
}
.search-filter-input-text {
    position: relative; /* Permet de positionner la boîte de suggestions correctement */
    display: flex;
    align-items: center;
    width: 100%;
    /* max-width: 300px; /* Ajuste selon ton design */ */
}
.suggestions-lieux {
    list-style: none;
    padding: 0;
    /* border: 1px solid #ccc; */
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    position: absolute;
    z-index: 9999;
    width: 100%;
}

.suggestions-lieux li {
    padding: 8px;
    cursor: pointer;
}

.suggestions-lieux li:hover {
    background: #f0f0f0;
}

.image_suggests
{
	display: flex;
	flex-direction: row;
	gap:15px;
}

.image_suggests img
{
	width:75px;
	height:75px;
	border-radius:10px;
	/* border:2px #1d2a33 solid; */
	margin-right:10px;
	box-shadow: 3px 2px 3px;
	background-color:black;
}
.famille_suggest
{
	color:#f36c5a;
	font-weight:bold;
	font-size:0.7rem;
	text-transform: uppercase;
	margin-top: 2px;
	padding: 0;
	line-height: 1.1em;
}
.taxon_1_suggest
{
	color:#027a0b;
	font-weight:bold;
	font-size:0.7rem;
	text-transform: uppercase;
	margin-top: 6px;
	padding: 0;
	line-height: 1.1em;
}
.search-filter-input-text__input {
    /* width: 100%; */
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

.search-filter-input-text__clear-button {
    cursor: pointer;
    background: none;
    border: none;
    padding: 5px;
}

.gpt_ecologie
{
	margin-top:20px;
	display: flex;
	flex-direction: row;
	gap:5px;
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
	padding-bottom: 15px;
	background-color:#1d2a33;
	border-radius: 10px;
	border:2px white solid;
	width: 100%;
	align-items:baseline;
}
.description_remarque_sante
{
	margin-top:20px;
	display: flex;
	flex-direction: row;
	gap:5px;
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
	padding-bottom: 15px;
	background-color:#1d2a33;
	border-radius: 10px;
	border:2px white solid;
	width: 100%;
	align-items:baseline;
}
.search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    /* min-width: 300px!important; */
    background: white;
    /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
    list-style: none;
    padding: 0;
    margin: 4px 0 0;
    z-index: 1000;
    border-radius: 10px;
    overflow-y: scroll;
		max-height: 297px;
}
.search-filter-input-text
{
	overflow: visible;
}

.search-suggestions li {
    padding: 10px;
    cursor: pointer;
    color: #333;
    border-bottom: 1px solid #eee;
}

.search-suggestions li:last-child {
    border-bottom: none;
}

.search-suggestions li:hover {
    background: #f7f7f7;
}
.search-suggestions .nom_commun_suggest
{
	font-weight:bold;
	font-size:1rem;
	color:black;
	line-height: 1.3em;
}
.search-suggestions .nom_latin_suggest
{
	font-weight:normal;
	color:grey;
	font-size:0.8rem;
	line-height: 1em;
}
.search-suggestions .match_suggest
{
	font-weight:normal;
	color:#1b51cc;
	font-size:0.8rem;
	line-height: 1em;
	margin-top:2px;
}
.search-suggestions .noms_suggest
{
	display:flex;
	flex-direction: column;
}

.menu-title-quiz a
{
	padding-left: 20px;
  color: black!important;
  font-weight: bold;
  font-size: 1.1rem;
  text-align: center;
  border-radius: 20px;
  border: 2px  #f2ed59 solid;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px!important;
	padding-left: 20px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  position: relative;
  background-color: #f2ed59;
	cursor:none;
}
.menu-title-quiz a .menu-text
{
	color:#000!important;
}
.container_loupe_header_mobile
{
	display: none;
}
.menu-title-quiz
{
	margin-top:10px;
	border-top:2px #f2ed59 solid;
}
.alert_taxon
{
	background-color: red;
	color:white;
	font-weight: bold;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	width: fit-content;
	border-radius: 10px;
}

.geo_change img, .geo_change_lieu img
{
	width:25px;
	height: 25px;
}
.map_taxon
{
	margin-top:20px;
	width:50%;
	height:400px;
	z-index:0;
}
.popup_generation_lcommune
{
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	color: white;
	font-weight: bold;
	font-size: 3rem;
	text-align: center;
}
.container_liste_departements h3, .container_liste_villages h3
{
	margin-top:2px;
	margin-bottom: 0;
}
.indication_geoloc
{
	font-size: 0.8rem;
	font-style: italic;
}
.region_titre_item_liste_lieu, .departement_titre_item_liste_lieu
{
	text-transform: uppercase;
	color:#f36c5a;
	margin-bottom: 10px;
}
.departement_header
{
	/* text-transform: uppercase; */
	color:white;
}
.region_header
{
	/* text-transform: uppercase; */
	color:white;
}
.indication_geoloc img
{
	margin-right:20px;
}
.bouton_geoloc
{
	cursor: pointer;
	padding:10px;
	width: fit-content;
	border: 1px black solid;
	border-radius: 10px;
}
.bouton_geoloc img {
	width: 40px;
	height: 40px;
}

.bouton_geoloc:hover
{
	/* border:1px white solid; */
}

/* ul.checkedbox li input[type="radio"]:checked + label::before {
	color:black;
} */

#reload_jeu
{
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
}

#reload_jeu img
{
  width: 20px;
  height: 20px;
}

.container_recompense_jeu
{
	  gap: 10px;
    flex-wrap: nowrap;
		display: none;
		margin-top:10px;
    margin-bottom: 10px;
}
.container_recompense_jeu .bravo_jeu
{
	color:white;
	font-weight: bold;
	font-size: 1.3rem;
	width: fit-content;
	/* width: 100%; */
}
.bravo_jeu {
  animation: popIn 1.2s ease-out, flash 2s infinite;
}

/* Apparition rebond énergique */
@keyframes popIn {
  0% {
    transform: scale(0.3) rotate(-30deg);
    opacity: 0;
  }
  50% {
    transform: scale(1.3) rotate(10deg);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

/* Flash rapide (type stroboscope mais doux) */
@keyframes flash {
  0%, 100% {
    opacity: 1;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  75% {
    opacity: 0.5;
  }
}

/* Glow plus néon Vegas */
@keyframes glow {
  0% {
    text-shadow:
      0 0 5px #fff,
      0 0 10px #f1c40f,
      0 0 20px #e67e22,
      0 0 30px #e74c3c,
      0 0 40px #e74c3c;
  }
  100% {
    text-shadow:
      0 0 10px #fff,
      0 0 20px #f1c40f,
      0 0 30px #e67e22,
      0 0 40px #e74c3c,
      0 0 50px #e74c3c;
  }
}

#loader_win_page_jeu img
{
	max-height: 110px;
}
#loader_win_page_jeu
{
	background-color: lightyellow;
	border-radius: 10px;
	margin-bottom: 5px;
	padding: 5px;
}

#confetti-canvas1 {
  position: fixed;
  z-index: 100002;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

#confetti-wrapper
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

#confetti-canvas2 {
  z-index: 100002;
  top: 0;
  left: 0;
  pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
}
#confetti-wrapper img
{
	width: 150px;
	height: 150px;
}

.titre_icone_taxonomy_lieu
{
	margin-top:5px;
	font-family: "Poppins";
	font-size:0.9rem;
}

html, div, .content, p
{
	font-family: "Poppins";
}

body
{
	scrollbar-color: #FFF #1d2a33;
	scrollbar-width: 10px;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track-piece  {
background-color: #1d2a33;
}
::-webkit-scrollbar-thumb:vertical {
height: 20px;
background-color: #FFF;
-webkit-border-radius: 1ex;
}

.page-id-21700 h3 a { font-family: 'Courgette'; }

a {
    /*background-color: transparent !important;*/
}

a:active {
    background-color: transparent !important;
}
.gras {
	font-weight:bold;
}
.jaune {
  color:#f2ed59!important;
}
.rouge {
  color:#f36c5a!important;
}
.vert {
  color:#027a0b!important;
}
.bleu {
  color:#1b51cc!important;
}
.blanc {
  color:#ffffff!important;
}
.noir {
  color:#000000!important;
}
.gris {
  color:#1d2a33!important;
}

body, html { background-color:black!important; }

hr {
	border-top: 1px solid white !important;
  opacity: 0.3 !important;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
}
.page-title-head  {
  width:100%;
  margin-bottom:10px;
}
h1
{
  width:100%;
	font-weight: bold;
  padding-bottom:5px;
  border-bottom:3px white solid;
  line-height: 1.2em;
  font-size:1.5rem;
}

h2 { font-size:1.3rem;}

h3 { font-size:1.2rem;margin-bottom:15px;}

h4 { font-size:1.2rem;margin-bottom:15px;color:#f2ed59;}
h5 { font-size:1.1rem;margin-bottom:10px; color:#f36c5a;}
h6 { font-size:0.9rem;margin-bottom:10px;color:#f2ed59;}

p { font-size: 0.9rem; line-height: 1.5em; }
ul, li { font-size: 0.9rem; line-height: 1.5em; }

/* .wpb_text_column li
{
	list-style-type: disc;
  list-style-position: inside;
	margin-bottom:12px;
} */

h4 { margin-top:20px;font-size:1rem;}

#page { margin-bottom: 60px; }
.page-id-7400 .content { min-height: 550px; }

body #load.loader-removed, body #load.loader-removed {
  opacity:1!important;
	z-index:100002!important;
}

body #load
{
	z-index:100002!important;
}

body #load-modal.loader-modal-removed, body #load-modal.loader-modal-removed {
  opacity:1!important;
}

.home h3, .home h2, .home h4, .home h5, .home h6{ margin:0; padding:0; }

.modele_description
{
  font-size:1.1rem!important;
  line-height: 1.3em!important;
  margin-top:10px;
  margin-bottom:20px;
  text-align: left;
}

.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after, .sub-downwards .next-level-button svg, .sub-downwards .main-nav > li.menu-item-language > a:after
{
	color:#f36c5a!important;
	fill:#f36c5a!important;
}

.sub-downwards .next-level-button svg, .sub-downwards.dt-parent-menu-clickable.side-header .next-level-button svg
{
		width:17px;
}
.side-header
{
	z-index:1000000!important;
}
.top-bar-bg
{
	background-color:transparent!important;

}
.top-bar
{
	position:absolute;
	width:100%;
	z-index:1000;
}
.top-bar .right-widgets
{
	justify-content:end;
}
.mCSB_1_container .branding,
.side-header.h-justify.h-center .main-nav > li > a, .side-header.h-center .branding, .side-header.h-center:not(.masthead-mobile-header) .mini-widgets
{
	margin-bottom:20px!important;
}
#mCSB_1_container .mCS_img_loaded
{
  display:none;
}
.scroll-top svg
{
	width:35px!important;
}

/*.header-bar img { visibility:hidden; }*/

#footer { display: none; }

.scroll-top.on {
	bottom:75px; left:unset!important;
	right:10px!important;
  z-index:100000;
}

.masthead:not(.side-header):not(.side-header-menu-icon) .mobile-header-bar { height:130px; }

/*.right-widgets .last { display: none; }*/
.mixed-header .header-bar .right-widgets.mini-widgets { display: flex;justify-content: flex-end;}
/*.same-logo { display: none; }*/

ul.splide__list { list-style: none!important; }

/* #splide2-list { display:flex; } */

html {
	scroll-behavior: smooth;
}

ul#slide_videos-list { margin-top:30px!important; }

.container_show_results
{
	position: relative;
    top: -35px;
    right: 40px;
}
.copyright_tous_les_taxons
{
display:none;
  position: relative;
top: -30px;
left: 8px;
font-size: 0.7rem;
width: 1500px;
}
.copyright_trombi_ligne
{
  position: absolute;
margin-top: -27px;
left: 10px;
font-size: 0.8rem;
overflow: hidden;
width: 1500px;

}

.content
{
  margin-bottom: 65px!important;
}

.content ul {
	list-style :none;
	margin-top:10px!important;
	margin-left: 0px!important;
	padding-left: 0px!important;
}

.content ul li {
	text-align: left;
}
.content .ligne_home ul{
  /* list-style: disc!important; */
  margin-left: 25px!important;
}
.content .ligne_home ul li{
  font-size: 0.9rem!important;
}
.container_fiche ul
{
	margin-left: 20px;
}
.container_fiche li::before {
	content: "•"!important;
	color: #f36c5a;
	position: relative;
	left: -7px;
	font-size: 1.5rem;
	top: 4px;
}
.splide li::before {
	content: ""!important;
	display:none;
}
.sous_titre_fiche {
	margin-top: 15px!important;
	margin-bottom: 15px!important;
}

.qr-container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: black;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    z-index: 100003;
    text-align: center;
    min-width: 250px;
    max-width: 100%;
		border:2px white solid;
}
.qr-container img
{
	width:250px;
	height: 250px;
}

.url_qrcode
{
	color: #f2ed59;
  font-size: 0.7rem;
  max-width: 250px;
  line-height: 1.5em;
	text-align: center;
  margin-top: 10px;
}

.download-btn {
	display: block;
	margin-top: 10px;
	background: #f2ed59;
	color: black;
	font-weight: bold;
	padding: 8px 12px;
	border-radius: 5px;
	font-size: 1.2rem;
}

.download-btn:hover {
    background: #f36c5a;
		color: white;
		font-weight: bold;
}
.bouton_home_1
{
	margin-top:50px!important;
	margin-bottom:10px!important;
}
.bouton_home_2
{
	margin-top:10px!important;
	margin-bottom:10px!important;
}
.bouton_home_3
{
	display:none;
	margin-top:10px!important;
	margin-bottom:10px!important;
}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern
{
	background-color: #f2ed59!important;
	color:black!important;
	font-weight: bold!important;
	border: 2px #f2ed59 solid!important;
}
.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat
{
	background-color: #f2ed59!important;
	color:black!important;
}
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern
{
	background-color: #f36c5a!important;
	color:white!important;
	font-weight: bold!important;
	border: 2px #f36c5a solid!important;
}
.vc_btn3.vc_btn3-color-danger, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat
{
	background-color: #f36c5a!important;
	color:white!important;
}
.vc_btn3.vc_btn3-color-success.vc_btn3-style-modern
{
	background-color: #027a0b!important;
	color:white!important;
	font-weight: bold!important;
	border: 2px #027a0b solid!important;
}
.vc_btn3.vc_btn3-color-success, .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat
{
	background-color: #027a0b!important;
	color:white!important;
}
.description_pancarte_single #main .intro_pancarte ul,
.description_pancarte_single #main .description_pancarte ul,
.description_pancarte_single #main .conclusion_pancarte ul,
.description_pancarte_single #main .html_supplementaire_pancarte ul,
.description_pancarte_single #main .description_pancarte_single ul
 {
	list-style :disc!important;
	margin-top:10px!important;
	margin-left: 20px!important;
	padding-left: 0px!important;
}
.container_taxon_pancarte
{
	display:flex;
	flex-direction: row;
	gap:10px;
	flex-wrap: wrap;
}
.container_taxon_pancarte .container_show
{
	display:none;
}
.container_taxon_pancarte img
{
	border-radius: 10px;
}

.html_supplementaire_pancarte ul li
{
	font-size: 0.9rem;
}
.html_supplementaire_pancarte h3
{
	font-size: 1.3rem;
	line-height: 1.3em;
}

.description_pancarte_single, .liste_taxons_pancarte, .liste_choix_lieux {
	list-style: none;
	padding-left: 0;
	list-style-type
}
.liste_choix_lieux li
{
	margin-top:10px;
}

.description_pancarte_single ul li, .liste_taxons_pancarte ul li, .liste_choix_lieux ul li {
	margin-top: 10px;
	position: relative;
	padding-left: 25px; /* espace pour l'icône */
}

.liste_taxons_pancarte .bloc_proprietes ul
{
	display: flex;
	flex-direction: row;
	gap:0px;
	flex-wrap: wrap;
}

.description_pancarte_single li::before {
  content: "\f4d8"; /* Unicode de l'icône Font Awesome */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Important pour les icônes solid */
  position: absolute;
  left: 0;
  top: 1px;
  color: #4CAF50; /* Par exemple, vert */
}
/* .liste_taxons_pancarte li.liste_taxons::before
{
	content: "\f4d8";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: relative;
    color: #4CAF50;
    margin-right: 10px;
    top: 1px;
} */
.liste_taxons_pancarte li.liste_proprietes::before
{
	content: "";
}
.liste_taxons img
{
	width: 200px;
	height: 200px;
	border-radius: 10px;
	margin-right:20px;
}
.liste_taxons_pancarte .liste_taxons
{
	margin-top:10px;
	margin-bottom: 10px;
	border-radius:10px;
	border:4px white solid;
	background-color: #1d2a33;
	width: 100%;
	padding:20px;
}

.liste_choix_lieux  li::before {
	content: "\f4d8";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: relative;
  color: #4CAF50;
  margin-right: 10px;
  top: 1px;
}

.html_supplementaire_pancarte {
	list-style: none;
	padding-left: 0;
}

.html_supplementaire_pancarte ul li {
	margin-top: 10px;
	position: relative;
	padding-left: 25px; /* espace pour l'icône */
}

.html_supplementaire_pancarte li::before {
  content: "\f4d8"; /* Unicode de l'icône Font Awesome */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Important pour les icônes solid */
  position: absolute;
  left: 0;
  top: 1px;
  color: #f2ed59; /* Par exemple, vert */
}

#contenu_sante ul, .msg_nom ul
{
  list-style:disc!important;
  list-style-position: inside!important;
  list-style-type: disc!important;
  padding-left:0.5em!important;
}

#contenu_sante li::marker, .msg_nom li::marker {
  color: #f2ed59!important;
}
.titre_smartflore
{
  font-size:0.9rem;
  text-decoration: underline!important;
  margin-top:15px;
}
.usages_fiche
{
	margin-top:20px;
	display: flex;
	flex-direction: row;
	gap:5px;
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
	padding-bottom: 15px;
	background-color:#1d2a33;
	border-radius: 10px;
	border:2px white solid;
	width: 100%;
	align-items:baseline;
}
.container_accordeon li::before
{
	content:""!important;
}
.container_fiche_proprietes .container_accordeon ul,
.container_fiche_symptomes .container_accordeon ul
{
	list-style: none;
}
.bloc_proprietes i
{
	color:#f2ed59!important;
}
.bloc_symptomes i
{
	color:#f36c5a!important;
}

.icone_etape
{
  z-index:1000!important;
}

.container_fiche
{
	font-size: 0.9rem;
}
.container_accordeon
{
	display: none;
}

.container_protection
{
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	gap:5px;
	align-items: center;
	margin-bottom:10px;
	margin-top:10px;
}
.container_images_protection img
{
	height:50px;
}

.container_accordeon
{
		display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content:space-between;
		flex-wrap: wrap;
		display: none;
}

.container_ecologie
{
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	gap:10px;
	justify-content: space-between;
	margin-top: 20px;
	flex-wrap: wrap;
}
.container_repartition
{
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	gap:10px;
	justify-content: space-between;
	margin-top: 20px;
	flex-wrap: wrap;
}

.container_accordeon .liens_additionnels img
{
  border: 2px white solid;
    border-radius: 10px;
    padding: 8px;
}

.container_liens_additionnels
{
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

.down_arrow_accordeon img
{
	width: 10px;
	height: 10px;
	position: relative;
	top: 0px;
	border-radius: 50px;
	left: -14px;
}
#pwaforwp_loading_icon
{
	border:0;
}

.titre_page_compare
{
  font-size: 1.2rem;
  line-height: 1.4em;
  text-align: center;
}

.titre_taxon_comparaison
{
  height: 80px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-top: 2px white solid;
}
.mini_photos_compare
{
  width: 100%;
}
.legende_photo_principale a
{
	color:#000!important;
	margin-bottom:15px;
}

.nom_latin_comparaison
{
  color:#f36c5a;
  font-size:0.85rem;
  border-top: 2px white solid;
  width: 100%;
  height: 20px;
}
.nom_commun_comparaison
{
  font-size:0.85rem;
  width: 100%;
  color:white;
}
.famille_comparaison
{
  color:#f2ed59;
  font-size:0.8rem;
  width: 100%;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.container_coste_comparaison, .container_infoflora_comparaison
{
  font-size: 0.9rem;
  line-height: 1.4em;
}
.container_infoflora_comparaison
{
  margin-top:15px;
}

.titre_taxon_comparaison h3
{
  font-size: 1.1rem;
  line-height: 1.2em;
}
.container_comparaison_gpt
{
  margin-top: 20px;
border: 1px #FFF dotted;
padding: 15px;
text-align: left;
margin-bottom:80px;
}
.container_contenu_comparaison
{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
/* @-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
} */
.texte_selection_comparaison{
	/* text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate; */
  color:#f36c5a;
  margin-top:10px;
  font-weight: bold;
}
.container_comparaison_recherche
{
  background-color: #f2ed59;
  padding: 15px;
  border: 2px white solid;
  color:black;
  margin-bottom: 15px;
  margin-top: 15px;
}
.container_comparaison_gpt, .container_comparaison_gpt p, .container_comparaison_gpt ul, .container_comparaison_gpt li
{
  font-size: 1rem;
  line-height: 1.4em;
}
.container_comparaison_gpt ul
{
  list-style:circle!important;
  list-style-position:inside!important;
}
.container_comparaison
{
  display: flex;
  flex-direction: row;
  gap:20px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 80px;
}
.container_comparaison .source_publi
{
  margin-top: 5px;
  width:100%;
  text-align:left;
  color:#f2ed59;
}
.container_taxon_comparaison
{
  display:flex;
  flex-direction: column;
  gap:10px;
  width: 45%;
  justify-content: flex-start;
  align-items: flex-start;
}
.container_image_comparaison img
{
  width: 100%;
  border-radius: 10px;
}

.widget_search input[type=text].searchform-s,
.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select,
.wpcf7-number,
input[type=text]:not(.elementor-field):not(.searchform-s),
input[type=search]:not(.elementor-field),
input[type=tel]:not(.elementor-field),
input[type=url]:not(.elementor-field),
input[type=email]:not(.elementor-field),
input[type=number]:not(.elementor-field),
input[type=date]:not(.elementor-field),
input[type=range]:not(.elementor-field),
input[type=password]:not(.elementor-field),
select:not(.elementor-field),
textarea:not(.elementor-field)
{
	margin-bottom: 0!important;
}

article.no-results
{
  display: none!important;
}

.search-filter-base input[type=text]
{
	border:0px!important;
}
#searchButton
{
	padding:8px;
	margin-top:15px;
	border-radius:10px;
	background-color:#f2ed59;
	color:#000000;
	font-weight:bold;
	border:2px white solid;
}
#search
{
	margin-right:15px;
}

input[type=radio].radio_on
{
  accent-color: #f36c5a!important;
  border:1px #f36c5a solid;
}

input[type=radio].radio_off
{
  accent-color: #027a0b!important;
  border:1px white solid;
}

.label_on
{
  background-color: #027a0b;
}

.page-title .hgroup {
    overflow: visible!important;
	}

.separateur_home { background-color: white; height:1px;margin-top:30px; margin-bottom:15px;  }
.espace_simple { height:30px;width: 100%; }
.ligne_home { padding-left:10px!important; padding-right:10px!important;}
.separateur_filet { background-color: white; height:1px;margin-top:30px; margin-bottom:15px;  }

.container_fiche_symptomes ul, .container_fiche_pu ul, .container_fiche_proprietes ul,
.container_fiche_galeniques ul, .container_fiche_molecules ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 0.5em !important;
  row-gap: 10px;
  column-gap: 0px;
}
.container_accordeon ul { padding-left:0em!important; }

.container_accordeon ul
{
  list-style:disc;
  list-style-position: inside;
  padding-left:0.5em;
}

.container_accordeon li::marker
{
  color: #f2ed59!important;
}

.container_accordeon li
{
  margin-bottom:9px;
}

.container_photos_add h3 { margin-bottom:20px; }

.separateur_header {
	height:30px;
}

h2 .page-id-21700 { text-decoration: underline; }

.page-id-21700 h3 {
	margin:0;
	padding: 0;
	position: relative;
	top: -37px;
}
.page-id-21700 .wpb_button, .page-id-21700 .wpb_content_element, .page-id-21700 ul.wpb_thumbnails-fluid>li
{
	margin-bottom: 10px!important;
}
.page-id-21700 .wpb_single_image .vc_figure-caption{
	font-size: 1.1rem!important;
  border-radius: 17px;
	}

.page-id-21700 .wpb_single_image .vc_figure
{
	display: inline-block;
  border-radius: 19px;
}

.grecaptcha-badge { display: none; }

.wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month], .wpforms-container input[type=number], .wpforms-container input[type=password], .wpforms-container input[type=range], .wpforms-container input[type=search], .wpforms-container input[type=tel], .wpforms-container input[type=text], .wpforms-container input[type=time], .wpforms-container input[type=url], .wpforms-container input[type=week], .wpforms-container select, .wpforms-container textarea
{
	min-width:100%!important;
	max-width:100%!important;
}
.wpforms-form
{
	width:80%!important;
}

button[type=submit]
{
	padding: 15px;
}

h2.titre_videos, h2.titre_photos_tous_lieu, h2.titre_photos_hors_lieu, h2.titre_photos_lieu, h3#titre_audio, h2.titre_photos_specimens, h2.titre_photos_traces, h2.titre_photos_dessins
{
  border-bottom: 1px white solid;
  clear: both!important;
}
h2.titre_videos { margin-bottom: -10px; }

.titre2_data
{
	padding:15px;
	margin-top:15px;
	margin-bottom: 15px;
	background-color: white;
	color:black;
	border-radius: 10px;
	width: fit-content;
	font-weight: bold;
	clear: both!important;
}
.titre3_data
{
	border-bottom: 2px #f2ed59 solid;
	margin-top:10px;
	margin-bottom: 10px;
}
.legende_occitan
{
	font-size: 0.7rem;
	padding: 0;
	margin:0;
}

.occitan-map i {
    cursor: pointer;
    font-size: 0.8rem;
    margin-left: 10px;
    color: grey;
    transition: color 0.3s;
}

.occitan-map.active i {
    color: #027a0b;
}
.occitan-fiche i {
    cursor: pointer;
    font-size: 0.8rem;
    margin-left: 10px;
    color: white;
    transition: color 0.3s;
}
.occitan-fiche.active i {
    color: #f2ed59;
}

.nom_commun_video_lieu
{
  font-weight: bold;
  font-size: 1.1rem;
}
.nom_latin_video_lieu
{
  font-style: italic;
  font-size: 1rem;
}
.legende_video_lieu
{
  display:flex;
  flex-direction: column;
  gap:5px;
  justify-content: flex-start;
  align-items: left;
  margin-top: 0px;
  position: relative;
}

/* .photos_specimens, .photos_traces, .photos_dessins { position: relative;} */

.container_fiche_symptomes ul li, .container_fiche_pu ul li, .container_fiche_proprietes ul li,
.container_fiche_galeniques ul li, .container_fiche_molecules ul li  { margin-right: 35px;font-size:0.9rem;margin-bottom:0!important;}

.container_fiche_symptomes ul li::before, .container_fiche_pu ul li::before, .container_fiche_proprietes ul li::before,
.container_fiche_galeniques ul li::before, .container_fiche_molecules ul li::before
{
    content: none;
    left: 0;
}

.arrow_proprietes_fiche, .arrow_molecules_fiche, .arrow_galeniques_fiche
{
	color:white;
	position: relative;
}

.texte_lien_fiche { text-align: center;}
.liens_generaux .splide__slide__container { text-align: center; margin-bottom:0px; }
ul.slide_liens-list { display: flex; }

/*li.lien_kew { order: 1; }
li.lien_google { order: 0; }
li.lien_plantenet { order: 2; }*/

.container_fiche_proprietes li a, .container_fiche_molecules li a, .container_fiche_galeniques li a { color:white; }

.container_fiche div p { font-size:0.9rem; }

.titre_item_compare {
	  color: white;
	  margin-top: 15px;
	  margin-bottom: 10px;
}
h2.titre_item_compare
{
  font-size: 0.9rem;
  line-height: 1.2em;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-family: 'Poppins';
}

.container_item_compare
{
  border-bottom: 1px white solid;
  padding-bottom: 15px;
  padding-top: 15px;
}
.container_description_bota_comparaison
{
  width: 100%;
  margin-top: 15px;
}
.source_publi
{
  margin-top: 20px;
	font-size: 0.7rem;
	font-style: italic;
	color: white;
	width: fit-content;
	max-width: 560px;
	line-height: 1.2em;
}
.texte_legende_lieu
{
  margin-top: 20px;
	font-size: 0.8rem;
	font-style: italic;
	color: white;
	width: fit-content;
	line-height: 1.2em;
}
.source_publi_ai
{
  margin-top: 20px;
  margin-bottom: 20px;
}
.copyright_illustration_coste
{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	font-size: 0.7rem;
	margin-top:10px;
}

.sous_titre_item_fiche {
	  color: white;
		font-weight: bold;
		text-decoration: underline;
	  margin-top: 20px;
	  margin-bottom: 0px;
		font-size: 0.9rem;
}

.container_item_search_goliste  {
	    display: flex!important;
      flex-direction: row!important;
			/*border-bottom: 1px white solid!important;*/
	    padding-bottom: 20px!important;
	    gap: 30px!important;
	    justify-content: flex-start!important;
	    align-items: flex-start!important;
			width: 21%;
}
.container_item_search .link_result
{
	gap:0;
}
.container_fiche_classification li::before {
		content:none!important;
}
.container_fiche_classification .container_accordeon ul {
	list-style: none!important;
	margin-bottom:0!important;
}
.container_fiche_classification .container_accordeon li {
	padding:0; margin:0;
	margin-left:5px;
}
.legende_theplantlist
{
	margin-top:10px;
}
.legende_theplantlist .content ul
{
	margin-top:0px!important;
}

.container_item_search_goliste .item {
		width: -webkit-fill-available!important;
}

.container_item_search_goliste .item_nom_commun, .container_item_search_goliste .item_nom_scientifique, .container_item_search_goliste .item_famille
{
	text-align: left!important;
}

.fleche_retour {
	position: absolute;
	margin-top: -48px;
	left: 13px;
}

.fleche_retour img
{
	width: 25px;
	height: 25px;
}

.container_image_search_goliste .link_image img, .container_image_search_goliste
{
	width: 90px!important;
  height: 90px!important;
}

.link_image img
{
  /*border: 2px white solid;*/
  /*box-shadow: 2px 2px 4px white;*/
}

#box_recherche
{
  position: relative;
  top: -101px;
  left: 107px;
}

button.infobulle_fiche {
	margin-left: 6px;
	background-color: transparent;
	border: 0;
}

button.infobulle_label {
  	border: 0;
    box-shadow: none;
    border-radius: 50%;
    position: relative;
		background-color: transparent;
}
button.infobulle_label a { color:#f36c5a!important; }

.infobulle_fiche img { width: 18px; height: 18px; background-color: black;}
.info_inventaire {
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: flex-start;
	align-items: baseline;
}

.container_fiche_liens button.infobulle_fiche
{
	position:relative;
	margin: 0;
	left: 15px;
	top:0;
	background-color: transparent;
	border: 0;
}

.container_fiche_liens .texte_lien_fiche
{
	display: flex;
	flex-direction: row;
	gap:0px;
	align-items: center;
	justify-content: center;
}

.container_iframe_yt {
	width:300px;
	height:200px;
}

.image_quiz { margin-top: 5px; margin-bottom:25px; }
.nom_quiz { font-size:25px; font-weight:bold;line-height: 32px; }
.a_savoir_quiz { margin-top:10px; }
.container_select_quiz {
	position: absolute;
  top: -15px;
}

button:hover, button:visited { border:0; }

button.bouton_go_wikimedia
{
	box-shadow: none;
	border: 0;
	margin-left: 15px;
	background: transparent;
}
button.bouton_go_gbif
{
	box-shadow: none;
	border: 0;
	margin-left: 15px;
	background: transparent;
}
button.bouton_go_flickr
{
	box-shadow: none;
	border: 0;
	margin-left: 15px;
	background: transparent;
}
/* .container_bouton_photos_add
{
	position: relative;
  top: -80px;
	display: flex;
	flex-direction: row;
	gap:10px;
  width: 100%;
  flex-wrap: wrap;
	align-items: baseline;
	justify-content: left;
} */

.attribuer_au_lieu .styled-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 16px;
}

.attribuer_au_lieu .styled-checkbox input[type="checkbox"] {
  display: none;
}

.attribuer_au_lieu .custom-box {
  width: 20px;
  height: 20px;
  border: 2px solid #4CAF50;
  border-radius: 6px; /* bords arrondis */
  margin-right: 10px;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.attribuer_au_lieu .custom-box::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.attribuer_au_lieu input[type="checkbox"]:checked + .custom-box {
  background-color: #4CAF50;
  border-color: #4CAF50;
}

.attribuer_au_lieu input[type="checkbox"]:checked + .custom-box::after {
  opacity: 1;
}

.ajax_load {
	position: absolute;

}
.ajax_load img { width: 70px;
    height: 70px; }

.bouton_go_wikimedia img, .bouton_go_flickr img, .bouton_go_gbif img { width:32px!important; height: 32px!important; }

.item {
    padding-top: 5px;
		text-align: center;
}

.item_row { flex-direction: column!important;justify-content:flex-start; }
.item a { text-decoration: none;}
.item_nom_commun {
		margin-top: 5px;
    /* overflow-wrap: break-word; */
		font-weight: 500;
    line-height: 1.4em;
    font-size: 0.8rem;
		width: 100%;
		font-style: normal;
}
a.link_result {
		color:white!important;
		width: 100%;
}

.container_item_search_goliste .link_result
{
	display: flex;
	flex-direction: row;
	gap:25px;
}
.item_nom_scientifique { font-style: italic; line-height: 14px;font-size:11px;margin-top: 3px;text-align: center; color:#f2ed59;}
.item_famille {
	text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 0.7rem;
  top: 4px;
  position: relative;
  width: 120px;
	line-height: 1.4em;
	color:#f36c5a;
}

.label_nom_latin
{
	font-style: normal!important;
}

.vous_etes_ici
{
	font-size: 0.8rem;
    color: #f36c5a;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    font-weight: 500!important;
    font-family: 	"Poppins";
    justify-content: flex-start;
    position: absolute;
    gap: 10px;
}

.titre_sous_lieu {
	  font-size: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /* text-transform: uppercase; */
    font-weight: bold;
		color:#f2ed59;
    align-items:center;
    position: relative;
    left: 3px;
}

.texte_item_taxonomy_lieu
{
	line-height: 1.1em;
    position: relative;
 }
 .texte_item_taxonomy_lieu a
 {
   color:white!important;
 }
 .texte_jeu_du_lieu
 {
 	line-height: 1.1em;
     position: relative;
  }
  .texte_jeu_du_lieu a
  {
    color:white!important;
  }
.titre_sous_sous_lieu {
		font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
		color:#f36c5a;
		margin-left: 15px;
}
.titre_sous_sous_lieu a {
		color:white;
}
.sous_titre_sous_lieu {
	font-size: 16px;
}
.titre_sous_lieu img, .titre_sous_sous_lieu img {
		width: 16px;
	  height: 16px;
	  margin-right: 8px;
	  position: relative;
}

.icone_taxonomy_lieu img
{
  width: 45px;
	height: 45px;
	border: 2px #fff solid;
	border-radius: 50%;
	padding: 11px;
	background-color: black;
}
.icone_taxonomy_lieu
{
  display:flex;
  flex-direction: column;
  gap:0;
  text-align:center;
}
.container_habitats
{
  display:flex;
  flex-direction: row;
  gap:15px;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top:20px;
}
.container_item_habitat
{
  display:flex;
  flex-direction:column;
  flex-wrap: wrap;
  row-gap: 5px;
  padding: 15px;
  justify-content: flex-start;
}
.li_liste_sous_lieux {
	display: flex;
	flex-direction: column;
	align-items: normal;
	padding: 10px;
	padding-bottom:20px;
	gap:7px;
	border-radius: 10px;
	background-color: #1d2a33;
	min-height:50px;
}
.li_liste_sous_lieux_habitat
{
  /* width: 250px; */
  display: flex;
  flex-direction: row;
  align-items: normal;
  padding: 10px;
  border-radius: 10px;
  background-color: #1d2a33;
  justify-content:space-between;
  gap:7px;
	flex-wrap: wrap;
  height: 100%;
}
.image_sous_lieu_habitat
{
  width: 100px;
  height: 100px;
  border-radius: 50%;

}
.container_sous_lieux
{
  display:flex;
  flex-direction: column;
  gap:10px;
}
.numerotation_liste_lieu
{
  font-size: 0.8rem;
    color: white;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    gap:5px;
    line-height: 1.3em;
    align-items:baseline;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.lieu_precis_taxonomy
{
	color:white;
}
/* .pancartes-template-default .page-title { display:none!important; } */
.tax-lieu .page-title { display:none!important; }
#modal-container .page-title { display:block!important; }
.page-template-map .page-title { display: none; }

#nested-modal .titre_pancarte,
#modal-container .titre_pancarte
{
	margin-top:40px;
}

.tax-lieu #modal-container .page-title { display: block!important; }
#nested-modal .page-title  { display: block!important; }

.numero_etape_pancarte
{
	font-size: 1.2rem;
	color:#027a0b;
	font-weight:bold;
	margin-bottom:10px;
}
.nom_pancarte {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 10px;
	border-radius: 10px;
	border: 1px black solid;
}
.sous_nom_pancarte
{
	font-size:0.8rem;
	/* font-weight:bold; */
	color:#f36c5a;
	font-style: italic;
	margin-top:3px;
}

.liste-taxons-occitans li
{
	display: flex;
	flex-direction: row;
	gap:25px;
	border-bottom:2px white solid;
	padding-top: 25px;
	padding-bottom: 25px;
}
.nom_occitan_liste
{
	color:#f36c5a;
	font-weight: biold;
}
.liste-taxons-occitans img
{
	width:150px;
	height: 150px;
	border-radius: 10px;
	margin-bottom: 15px;
}
.contenu_noms_occitans
{
	display: flex;
	flex-direction: column;
}

.picto_occitan_carte
{
	width: 18px;
	height: 18px;
	margin-right:5px;
	box-shadow: none!important;
}
.picto_occitan_fiche
{
	width: 22px;
	height: 22px;
	margin-right:5px;
	box-shadow: none!important;
}
.info_sup_pancarte
{
	font-size:0.9rem;
	font-weight:bold;
	color:black;
}
.leaflet-left
{
	flex-direction: column!important;

}
.leaflet-container a.leaflet-popup-close-button
{
  font-size: 1.4rem !important;
  border: 1px black solid!important;
  background-color: #000!important;
  border-radius: 50%!important;
  height: 30px!important;
  width: 30px!important;
}
.leaflet-container a.leaflet-popup-close-button span
{
  color:white!important;
}

.leaflet-popup-close-button
{
	top: 10px !important;
	right: 15px !important;
	font-size: 1.6rem !important;
	color: #f36c5a !important;
	font-style: normal !important;
}

/* .leaflet-control-locate a .leaflet-control-locate-location-arrow
{
	background-image: url('/wp-content/themes/child/images/gps_detect.png')!important;
} */

/* body.is-no-mobile .leaflet-control-locate {
  display:none;
} */

.container_bouton_photos_add {
  position: fixed;
	display: flex;
	flex-direction: column;
	gap:10px;
	height: auto;
	z-index:10000;
	background-color:black;
	padding:7px!important;
	bottom: 80px;
	left:unset!important;
	justify-content: center;
	align-items: center;
	margin: 0;
	top:unset!important;
	right:10px;
	width: fit-content;
	border-radius:10px;
	border:2px white solid;
	margin-top:10px;
}

.leaflet-control-locate a .leaflet-control-locate-location-arrow {
  background: none; /* Retirer l'ancienne image de fond */
  display: inline-block;
  width: 16px; /* Ajustez la taille de l'icône */
  height: 16px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M256 0c17.7 0 32 14.3 32 32l0 34.7C368.4 80.1 431.9 143.6 445.3 224l34.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-34.7 0C431.9 368.4 368.4 431.9 288 445.3l0 34.7c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-34.7C143.6 431.9 80.1 368.4 66.7 288L32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l34.7 0C80.1 143.6 143.6 80.1 224 66.7L224 32c0-17.7 14.3-32 32-32zM128 256a128 128 0 1 0 256 0 128 128 0 1 0 -256 0zm128-80a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"%3E%3C/path%3E%3C/svg%3E')!important;
  background-size: cover;
  background-position: center;
}
.leaflet-control-locate-location-arrow {
	width: 16px;
  height: 16px;
}
.leaflet-control-layers-overlays, .leaflet-control-layers, .leaflet-control
{
	color:white!important;
}
/* body.is-mobile .leaflet-control-locate-location-arrow {
  animation: blink 8s linear 3 forwards;
}

@keyframes blink {
  0%, 100%   { opacity: 1; }
  16.66%     { opacity: 0; }
  33.33%     { opacity: 1; }
  50%        { opacity: 0; }
  66.66%     { opacity: 1; }
  83.33%     { opacity: 0; }
} */

.leaflet-control-layers-overlays label {
    margin-top: 0px;
    padding-right: 10px;
    border-right: 1px black solid;
}
.leaflet-control-layers-overlays label:last-of-type {
    border-right: none;
}
.leaflet-control-layers-overlays img { display:none; }
.leaflet-control-layers-overlays
{
	display: flex;
	flex-direction: row;
	gap:10px;
	flex-wrap:wrap;
}
.leaflet-left .leaflet-control
{
	margin-left:5px;
	margin-right: 5px;
}
.leaflet-left
{
	display: flex;
}
.leaflet-touch .leaflet-control-layers
{
	margin-bottom:20px;
}
.container_contenu_popup audio
{
		padding:0;
		margin-top:5px;
		margin-bottom: 5px;
		width: 100%;
		display: initial;
}
.container_contenu_popup audio::-webkit-media-controls-play-button:hover {
	background-color: #fff;
  border-radius: 50%;
}

.container_contenu_popup audio::-webkit-media-controls-panel {
  background-color: white;
  color: white;
}

.tax-lieu .container_tools_map {
	margin-top: 136px;
  position: absolute;
  z-index: 1000;
  margin-left: 12px;
}

.tax-lieu .splide img
{
  /* border:3px white solid; */
}

.tax-lieu .container_tools_map img {
	width: 22px;
	height: 22px;
}
.container_button_get_location_map
{
	background-color: white;
    padding: 4px;
    border-radius: 3px;
    height: 22px;
    width: 22px;
		cursor:pointer;
}

.container_tools_map { position: relative;}

.item_legende_carte_svg div
{
	width:20px;
	height:20px;
}
.non_renseigne { background-color:#E0E3E5; }
.presence { background-color:#A0FF7D; }
.a_confirmer { background-color:#FFFF32; }
.douteux { background-color:#FFCB30; }
.disparu { background-color:#F88017; }
.erreur { background-color:#FF2850; }
.erreur_a_confirmer { background-color:#9F0016; }

{
.infos_item_taxonomy_lieu
	display: flex;
	flex-direction: row;
	gap:15px;
  font-size: 0.8rem;
	flex-wrap:wrap;
}
.commune
{
	color:white;
}
.liste_sous_lieux
{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  border: 3px white solid;
  border-radius: 10px;
  padding-bottom: 20px;
  width: 100%;
}
.li_liste_sous_sous_lieux {
	margin-left:23px!important;

}
.li_liste_sous_sous_lieux .titre_sous_lieu, .li_liste_sous_sous_lieux .titre_sous_lieu a
{
	color:#f36c5a;
}
.titre_sous_taxonomies_lieu
{
	font-size: 1.6rem;
	margin-bottom:20px;
	margin-top: 20px;

}
.titre_ecosysteme_lieu
{
	font-size: 1.4rem;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 30px;
    border-bottom: 1px white solid;
    padding-bottom: 20px;
}
.item_ecosysteme_lieu
{
		display: flex;
    flex-direction: column;
    gap: 30px;

}
.container_taxons_ecosysteme_lieu
{
	display: flex;
    flex-direction: column;
    gap: 40px;
}
.image_ecosysteme_lieu img
{
	width: 100px;
	height: 100px;
}
.image_ecosysteme_lieu
{
	text-align: center;
}
.lien_ecosysteme_lieu img
{
	margin-right:20px;
	width: 20px; height: 20px;
}
.lien_ecosysteme_lieu
{
	display: flex;
    flex-direction: row;
    align-items: center;
}

.container_echelle
{
		display: flex;
		flex-direction: row;
		align-items:baseline;
		justify-content: flex-start;
		grid-gap: 2px;
}
.titre_echelle
{
	margin-right: 20px;
	font-size: 1rem;
	font-family: 	"Poppins";
	width: 190px;
}
.titre_echelle button
{
	/*display: none;*/
}
.item_echelle
{
	width: 17px;
	height: 17px;
	border-radius: 20px;
}
.item_echelle_inactive
{
	background-color:white;
	border:2px black solid;
}
.item_echelle_active
{
	background-color:#f2ed59;
	border:2px #f36c5a solid;
}

.sous_titre_ecologie
{
	font-size: 0.9rem;
	text-decoration: underline;
	margin-bottom: 5px;
}

.container_facteurs_pedologiques, .container_facteurs_ecologiques
{
	padding: 20px;
	border:1px white solid;
	border-radius: 10px;
	margin-top: 20px;
width: fit-content;
}

.taxon_ecosysteme_lieu
{
	text-align: center;
	margin-top:5px;
	font-style: italic;
	font-weight: bold;
	font-size: 0.7rem;
}
.container_images_ecosysteme_lieu
{
	display: flex;
    flex-direction: row;
    gap: 30px;
		flex-wrap:wrap;
}

.container_description_coste .italique, .container_description_coste .gras
{
	display:none;
}
.container_description_coste .titre
{ font-weight: bold; text-decoration: underline;margin-top:5px;display: block;}

.container_description_fiche
{
  width: auto;
  margin-top: 35px;
  margin-bottom: 20px;
  font-size: 0.9rem !important;
  text-align: justify;
  line-height: 1.5em;
}
.container_description_fiche audio
{
  margin-top:15px;
}
.flag_audio
{
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: 15px;
}

#description-toggle-link
{
font-size:0.9rem !important;
float: right;
position: relative;
top: -10px;
right: 5px;
}

.description_coste
{
	font-size: 0.9rem;
    margin-top: 10px;
    max-width: 500px;
}
.sidebar-content .textwidget hr
{
	display:none;
}

.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
	text-align: center;
	width: 1.25em;
}

a, a:hover { text-decoration: none!important;font-weight:500!important; }

.container_search { display: flex;flex-wrap: wrap;justify-content: flex-start;gap:20px;align-items: baseline;}
/* .container_search { display:none; } */

.container_image_search .link_image img { border-radius: 10px; position: relative;border: 2px #1d2a33 solid;}

.link_image_principale img
{
	  width: 29px;
    height: 29px;
    right: 3px;
    position: relative;
}
.cc_image_principale img { width: 24px; height: 24px; }
/* .cc_image_principale, .copyright_image_principale { margin-top:5px;  } */

.copyright_slider {
	display:none;
	position: absolute;
    bottom: 0;
    padding-left: 10px;
    color: white;
    font-size: 0.7rem;
    line-height: 1.2em;
    padding-bottom: 3px;

}

.photo_overlay
{
	opacity:1!important;
}

.container_tools {
	display: flex; flex-direction: row;
	width:auto;justify-content:center;
	gap:8px;align-items: baseline;
}

.container_tools p { display: none!important;}

.container_tools_taxonomy_lieu {
	display: flex;
    flex-direction: row;
    width: fit-content;
    gap: 20px;
    position: relative;
    flex-wrap: wrap;
    justify-content: left;
    height: 174px;
}

.container_tools_taxonomy_lieu a {
	color:white;
	font-size: 1.1rem;
	line-height: 1em;
	font-family: "Poppins";
}

.container_tools_taxonomy_lieu .item_menu_regnes
{
	padding:0;
	margin: 0;
}
div[name="_sfm_regne[]"] {
  width:400px;
}

.container_get_images
{
	display: flex;
	flex-direction: row;
	gap:0;
	justify-content: flex-start;
	flex-wrap: nowrap;
	opacity: 0.5;
}

.item_get_images img ::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: opacity 0.5s ease;
}

.container_item_taxonomy_lieu .item_menu_regnes img
{
	/* width: 39px;
	height: 39px; */
}
.container_item_taxonomy_lieu
{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #1d2a33;
  width: fit-content;
  border-radius: 10px;
  overflow: hidden;
  gap: 20px;
  align-items: unset;
}

.texte_taxons_home_lieux div
{
  padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 15px;
width: 100%;
}

.texte_taxons_home_lieux
{
  background-color:white;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  color: black;
}

.container_cartouche_recap_session
{
  display: flex;
flex-direction: row;
gap: 35px;
background-color: #1d2a33;
border:3px white solid;
width: fit-content;
padding: 20px;
border-radius: 10px;
margin-top:15px;
margin-bottom:30px;
margin-left: auto;
}
.container_infos_cartouche_recap_session
{
  display:flex;
  flex-direction: column;
  gap:5px;
}
.item_infos_cartouche_recap_session
{
  display:flex;
  flex-direction: row;
  font-size: 1em;
  gap : 10px;
  color:white;
}
.item_infos_cartouche_recap_session div
{
  font-weight: bold;
  color:#f36c5a;
}

.titre_reponses_recap_session
{
  border-bottom: 3px white solid;
  padding-bottom: 4px;
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: fit-content;
  font-size: 1.2rem;
  line-height: 1.3em;
  color: white;
  font-weight: bold;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.reponse_image_sans_taxon
{
  background-color:#FFF!important;
  color:black!important;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.9em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Courgette';
}

.container_chants_du_lieu
{
  display: flex;
  flex-direction: row;
  gap:20px;
  margin-top:20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.container_item_oiseaux
{
  padding: 10px;
  border: 3px white solid;
  border-radius: 10px;
  height: 195px;
  font-weight: bold;
  width:300px;
}
.container_item_oiseaux a
{
  color:white!important;
}
.lien_oiseau
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
.lien_oiseau img
{
  width:20px;
  height: 20px;
}
.html_supplementaire_lieu
{
  margin-top:10px;
}
.html_supplementaire_lieu iframe
{
	border:2px white solid;
	border-radius: 10px;
	margin-top:10px;
}
.titre_container_item_oiseaux
{
  display: flex;
  flex-direction: row;
  gap:10px;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.titre_container_item_oiseaux div
{
  /* min-width:100px; */
}
.container_boutons_oiseaux
{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap:10px;
}
.container_item_oiseaux audio
{
  width: 95%;
  /* border: 2px #ccc solid; */
  border-radius: 15px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}
.icone_bouton
{
	margin-right:20px;
}
.container_boutons_modele_jeu
{
  display: flex;
  flex-direction: row;
  gap:20px;
  text-align: left;
  width: fit-content;
  cursor:pointer;
}
.bouton_modele_jeu
{
  height: fit-content;
	line-height: 1.2em;
  cursor: pointer;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  width: fit-content;
  text-align: center;
  font-size: 0.9rem;
  font-weight: bold;
  text-shadow: 2px 2px 2px black;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 3px white solid;
  transition: background-color 2s, text-shadow 2s, color 2s;
}

.container_boutons_modele_jeu .vert
{
  color:white!important;
}
.container_boutons_modele_jeu .bleu
{
  color:white!important;
}
.container_boutons_modele_jeu .jaune
{
  color:white!important;
}
.container_boutons_modele_jeu .rouge
{
  color:white!important;
}

.container_boutons_modele_jeu .vert:hover
{
  background-color:#027a0b;
  text-shadow: 2px 2px 2px black;
  color:black;
}
.container_boutons_modele_jeu .bleu:hover
{
  background-color:#1b51cc;
  text-shadow: 2px 2px 2px black;
  color:black;
}
.container_boutons_modele_jeu .jaune:hover
{
  background-color:#f2ed59;
  text-shadow: 2px 2px 2px black;
  color:black;
}
.container_boutons_modele_jeu .rouge:hover
{
  background-color:#f36c5a;
  text-shadow: 2px 2px 2px black;
  color:black;
}
.bouton_modele_jeu:hover
{
  background-color: #ccc;
  background-color:#f36c5a;
}
.container_titre_jeu_du_lieu
{
  background-color:white;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  color: black;
}
.nom_espece_question
{
  color: #f36c5a;
    font-weight: bold;
    font-size: 1.5rem;
    display: block;
    margin-top: 12px;
}
.texte_niveaux, .texte_niveaux p
{
  text-align: center;
}
.container_niveaux_top
{
  display:flex;
  flex-direction: row;
  gap:15px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top:15px;
  margin-bottom: 15px;
}
.container_item_taxonomy_niveau
{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: #1d2a33;
  gap: 0;
  width: fit-content;
  border-radius: 10px;
  overflow: hidden;
  height: 174px;
}
/* Modale */
#modal-container {
  z-index: 100001;
	transition: opacity 0.3s ease;
  position: fixed; /* Position fixe pour rester visible lors du défilement */
  top: 0px; /* Marge de 10px du haut */
  left: 0px; /* Marge de 10px de la gauche */
  right: 0px; /* Marge de 10px de la droite */
  bottom: 0px; /* Marge de 10px du bas */
  width: 100%; /* Largeur égale à la largeur du device - 20px de marge */
  /* height: 100%; */
  background-color: rgba(0, 0, 0, 0.75); /* Fond semi-transparent noir */
  border: 4px solid white; /* Bordure blanche */ */
  display: flex;
  justify-content: center; /* Centrer le contenu horizontalement */
  align-items: center; /* Centrer le contenu verticalement */
}

/* Modale avec un état de chargement */
#modal-container.loading {
  visibility: hidden; /* Masquer la modale jusqu'à ce que le contenu soit prêt */
  opacity: 0; /* Assurer que la modale est invisible pendant le chargement */
  transition: opacity 0.3s ease, visibility 0.3s ease; /* Transition douce pour l'affichage */
}

/* Une fois le contenu chargé et visible */
#modal-container.loaded {
  visibility: visible; /* Afficher la modale */
  opacity: 1; /* Afficher la modale en douceur */
  transition: opacity 0.3s ease, visibility 0.3s ease; /* Transition douce pour l'affichage */
}

/* Masquer la modale lorsque .hidden est appliqué */
#modal-container.hidden {
	opacity: 0;
  pointer-events: none;
}

.hidden {
    visibility: hidden; /* Cache les éléments tout en laissant de l'espace */
}

/* Modale interne */
#modal-swup {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #000;
}

/* Crois de fermeture */
#modal-close, #nested-close {
	position: fixed;
  top: 23px;
  right: 23px;
  background: black;
  width: 40px;
  height: 40px;
  border: 2px white solid;
  border-radius: 50%;
  padding: 12px;
  color: #f36c5a;
  font-size: 1.8rem;
  cursor: pointer;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
	background-color: white;
}

#nested-modal
{
	inset: 0;
  overflow-y: auto;
  max-height: 100vh;
	transition: opacity 0.3s ease;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	/* border: 4px solid white; */
	z-index: 100001;
	display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
}
#nested-content
{
	background-color: black;
	width: 100%;
	max-height: 100vh;
  overflow-y: auto;
  position: relative;
	}

.fa-solid, .fas
{
	margin-right:6px;
}
#modal-close .fa-solid, #nested-close .fa-solid
{
	margin-right:0px;
}
.container_jeu_du_lieu
{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: #1d2a33;
  gap: 0;
  width: fit-content;
  border-radius: 10px;
  overflow: hidden;
  height: 174px;
}
.container_item_taxonomy_oiseaux
{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: #1d2a33;
  gap: 0;
  width: 320px;
  border-radius: 10px;
  overflow: hidden;
  height: 174px;
}
.container_item_taxonomy_gazette
{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: #1d2a33;
  gap: 0;
  width: 320px;
  border-radius: 10px;
  overflow: hidden;
  height: 174px;
}
.container_gazette
{
  padding:20px;
  padding-top:10px;
}
.date_du_jour
{
  color:#f36c5a;
  /* text-decoration: underline; */
  padding-bottom: 3px;
  font-weight: bold;
}
.container_titre_jeu_du_lieu div
{
  padding-left:15px;
  padding-top:5px;
  padding-bottom: 5px;
  padding-right: 15px;
}

.container_tools_box_lieu
{
  display:flex;
  flex-direction: row;
  gap:10px;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top:20px;
  margin-bottom: 20px;
}

.container_picto_oiseaux img
{
  width: 90px;
  border-radius: 10px;
}
.container_picto_oiseaux_chants_du_lieu img
{
  width: 100px;
  height: 100px;
  border-radius: 10px;
}
.container_item_taxonomy_lieu .item_menu_regnes
{
border: 0;
border-radius: 0;
}
.container_item_taxonomy_lieu .item_menu_regnes:hover
{
	border: 0;
}
.tool { margin-right:20px;cursor: pointer;}
.tool img { width:24px; height:24px;min-width:24px!important;min-height:24px!important; }

.item_loupe { position: relative; top:4px;}
.loupe_header { width:24px; height:24px; }
.container_loupe_header { position:relative; top:20px;right:3px; }

.item_loupe img { width:26px; height:26px ; }

.item_menu_regnes img { width: 26px; height: 26px; }
.item_menu_regnes  {
		border: 3px grey solid;
    padding: 9px;
    border-radius: 10px;

	}

.item_menu_regnes:hover {
	border: 3px white solid;
}

.picto_change_lieu img {
	width: 30px;
	height: 30px;

}

.picto_florealpes
{
  width: 130px !important;
position: relative;
top: 4px;
}
.picto_ecosia
{
  max-height:none!important;
  height: 61px!important;
  position: relative;
  top:-5px;
}
.picto_specieswiki
{
  height: 64px!important;
  max-height: none!important;
  position: relative;
  top:10px;
}
.picto_openverse
{
  position: relative;
  top:10px;
}
.picto_flickr
{
  height: 45px!important;
  position: relative;
  top: 7px;
}
.picto_inpn
{
  height: 43px!important;
  position: relative;
  top: 2px;
}
.picto_florealpes
{
  height: 50px!important;
  position: relative;
  top: 0px;
}
.container_go_indexation_result
{
	position: relative;
  z-index: 100;
  left: 0px;
  top: -3px;
	cursor:pointer;
}

.search-filter-results .add_taxon
{
	position: relative;
  z-index: 100;
  left: 0px;
  top: 2px;
	cursor:pointer;
}

.search-filter-results .compare_taxon
{
	position: relative;
  z-index: 100;
  left: 0px;
  top: 5px;
	cursor:pointer;
}
#container_recherche_generale
{
	display:none;
}

.cible_compare
{
  width: auto;
  height: auto;
}
.cible_compare input
{
  width:25px;
  height: 25px;
}

.container_elements_lieu .add_taxon
{
	cursor:pointer;
}
.add_taxon img {
	width: 23px;
	height: 23px;
}
.compare_taxon
{
	cursor:pointer;
}
.compare_taxon img {
	width: 27px;
	height: 27px;
}

.container_go_indexation_result img
{
	width: 23px;
	height: 23px;
}

.texte_change_lieu a
{
	color:white;
	font-style: normal;
}

.icone_change_lieu {
	z-index: 1000;
  display: flex;
	flex-direction: row;
	gap:5px;
	justify-content: flex-start;
	align-items: center;
	padding-left:30px;
}

.container_filtres { margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 0px;
	}

#quiz_container { display: none; }

.titre_lieu {
  color: white !important;
line-height: 1.3em;
display: flex;
flex-direction: column;
}
.titre_lieu p { display: none; }

body:not(.transparent) .masthead:not(.side-header) { background-color: #1d2a33!important; }
.titre_lieu a { color:white!important; text-decoration: none; }
.titre_lieu a:hover { color:white; text-decoration: none; }

.change_type
{
	position: relative;
  text-align: right;
  top: 12px;
  right: 64px;
}

.container_recherche_mot_cle
{
	display: block;
}

.image_non_active {
	opacity:1;
	border:2px transparent solid;
	/* border-bottom: 5px solid #f36c5a; */
}
.image_active {
	opacity:1;
	border:3px #f2ed59 solid;
	/*border:2px white solid;
	box-shadow: 2px 2px 4px white;*/
}

.description_cat_lieu { margin-top:10px; margin-bottom:20px; }
.numerotation_liste_lieu img
{
  width: 22px;
height: 22px;
top: 6px;
position: relative;
}

.select_lieu
{
  width:18px;
  height: 18px;
}
/* FORMULAIRE DE RECHERCHE */
.sf-field-post-meta-taxon_2 { display: none!important; }
.sf-field-search img { position: relative;
    left: -36px;

	}

.sf-field-search
{
	position: relative;
	z-index: 1000;
}

.votre-liste-suggestions
{
	position: absolute;
}
.suggestions-list
{
	background-color: white;
color: black;
margin-top: 0px!important;
position: absolute;
margin-left: -3px!important;
}
.suggestions-list li
{
	margin-left: 10px!important;
    margin-top: 5px!important;
    min-width: 233px;
		text-transform: lowercase;
}

.container_boutons_home { margin-left:auto; margin-right:auto; height:100%; width:200px; }

#searchbox {
display: none;
position: relative;
transform: translate(0, 0);
z-index: 1000;
background-color: white;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 5px;
overflow-y: scroll;
border: 3px white solid;
transition: transform 0.3s ease;
background-color: #1d2a33;
}

#searchbox .wpb_wrapper
{
  padding-left:20px;
}

.container_search a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.slide-right {
    transform: translateX(0);
}

#searchresult { width: 100%; }
#searchbox select { min-width: 243px!important;margin-bottom:3px; }
#searchbox form {
	width:100%;
	background-color:#1d2a33!important;
	font-family:'Poppins'!important;
}

.container_bloc_liens_infos {
	display: flex;flex-direction: row;
}

.item_bloc_liens_infos { margin-right:20px; }

.picto_oiseaux_net {
	width: 54px;
    height: 48px;
		position: relative;
		top: -5px;
}

form.form_edit_image {
	position: absolute;
	top: 135px;
	right: 56px;
	width: 30px;
	height: 30px;
	display: none;
}

.sf-field-reset { margin-top:15px!important; }

.titre_filtre { width:auto;font-weight: bold; font-size: 0.9rem;}
.item_filtre { font-size:0.9rem!important;line-height:1.3em;  }
.item_filtre span { color:#f36c5a;  }

form#search-filter-form-7399 h4 {
		display: none;
		font-size: 0.9rem;
    color: black;
    padding: 0;
    margin: 0;
		padding-bottom: 10px;
}

#searchbox input {width:150px;}

#searchbox ul li.sf-field-post-meta-medicinale ul li,
#searchbox ul li.sf-field-post-meta-met ul li,
#searchbox ul li.sf-field-post-meta-salade ul li,
#searchbox ul li.sf-field-post-meta-toxicite ul li,
#searchbox ul li.sf-field-post-meta-mellifere ul li,
#searchbox ul li.sf-field-post-meta-rare ul li,
#searchbox ul li.sf-field-post-meta-tinctoriale ul li,
#searchbox ul li.sf-field-post-meta-invasive ul li
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    align-items: center;
	padding-bottom:0!important;
	flex-wrap:wrap;
}

#searchbox .sf-input-checkbox
{
	width: 24px!important;
    height: 24px!important;
	min-width: 24px!important;
}

.sf-field-search input {
	width:243px!important;
}

form.searchandfilter .sf-label-checkbox
{
	width:max-content;
}
.load_more_search_taxons
{
	margin-left: auto!important;
	margin-right: auto!important;
	width: 100%!important;
	border:0;
}
#searchbox label { color:white!important; }

.lien_recherche_avancee
{
	width:fit-content;
	text-align: left;
	padding:10px;
	cursor:pointer;
	align-items: baseline;
	color:#f36c5a;
	font-size:0.8rem;
	font-weight: bold;
}
.search-filter-field--type-choice
{
	/* display: flex; */
  flex-direction: row;
  align-items: stretch;
  gap: 5px;
}
.search-filter-input-button
{
	border-radius:10px!important;
	border:2px #000 solid!important;
	padding:9px!important;
}
.search-filter-component-combobox__actions
{
	/* color:#f2ed59!important; */
}
.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item
{
	background-color: transparent!important;
}
.search-filter-input-button:hover
{
	border:2px #000 solid!important;
}
.search-filter-input-text
{
	border-radius:10px!important;
	border:2px white solid!important;
	/* width:300px!important; */
}
.search-filter-component-combobox-base
{
	border:2px white solid;
	border-radius:10px;
}
.search-filter-component-combobox__selection-placeholder
{
	color:#FFF!important;
}
.search-filter-input-text:hover
{
	border:2px #CCC solid!important;
}
.submit_search_taxons, .reset_search_taxons,
.submit_search_definition, .reset_search_definition
{
	width:300px!important;
}
/* .search-filter-field__input, .search-filter-label, .search-filter-description
{
	width: 100%!important;
} */
.search-filter-label
{
	word-break:normal!important;
	font-size:0.7rem;
}
.container2_filtres_recherche_taxons .search-filter-label
{
	word-break:normal!important;
	font-size:0.9rem;
	margin-bottom:5px;
}
.titre_choix_recherche_lieu
{
	margin-bottom: 5px;
	/* padding-top:20px; */
	/* border-top:2px #f36c5a solid; */
}
.sous_container_recherche_lieux
{
	background-color: white;
	padding:20px;
	margin-top:20px;
	margin-bottom: 20px;
	color:#000!important;
	/* max-width: 50%; */
	border-radius: 10px;
	border:2px #f36c5a solid;
}
.dt-mobile-header
{
  z-index:100004!important;
}
.sous_container_recherche_lieux ul
{
	list-style: circle!important;
	margin-left:15px!important;
	margin-top:10px!important;
}
.sous_container_recherche_lieux li
{
	margin-top:5px!important;
}
#resultats_lieux
{
  margin:0!important;
  max-width: 450px;
}
#resultat
{
  color:#f2ed59;
  font-weight: bold;
}
#recherche_lieux
{
    max-width: 50%;
}

.sous_container_recherche_lieux h2
{
	color:#000!important;
}
.sous_container_recherche_lieux a
{
	color:#000!important;
	font-size:1.1rem;
	line-height: 1.6em;
}

.container_recherche_lieux
{
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	/* justify-content: center; */
}
/* .search-filter-style--id-1.search-filter-style--choice-checkbox
{
	flex-direction: row;
	gap:3px;
	align-items: end;
}
.search-filter-style--id-1.search-filter-style--choice-checkbox .search-filter-label
{
	position: relative;
	top:-2px;
} */
.lieu_trombi
{
	margin-bottom:20px;
}
.lieu_trombi .search-filter-label
{
	font-size:1rem!important;
	margin-bottom:10px;
}
.container2_filtres_recherche_taxons .search-filter-component-combobox-base
{
	border-radius:10px;
}
.container2_filtres_recherche_taxons
{
		margin-top:15px;
}
.container_select_recherche_avancee
{

	display: flex;
	flex-direction: row;
	row-gap:5px;
	column-gap: 5px;
	flex-wrap: wrap;
}
.error_geoloc
{
	color:#f36c5a;
	padding:20px;
	border:4px white solid;
	border-radius: 10px;
	font-size:1.1rem;
	width: fit-content;
	line-height: 1.5em;
	font-weight: bold;
	margin-top:20px;
	text-align: center;
}
.container1_filtres_recherche_taxons .type_lieu_localisation,
.container1_filtres_recherche_taxons .commune_search_localisations,
.container1_filtres_recherche_localisations .type_lieu_localisation
{
	width: 250px!important;
	min-height:47px;
	border-radius: 10px;
}
.container1_filtres_recherche_localisations .type_lieu_localisation,
.container1_filtres_recherche_localisations .commune_search_localisations
{
	border:2px black solid;
}
.container0_filtres_recherche_taxons
{
	/* display:none; */
}
.container_glob_search_localisation .container_search
{
	display: flex;
	flex-direction: column;
	gap: 0px;
	margin-left:10px;
	margin-top:10px;
}
.container_glob_search_localisation .item_search a
{
	color:black!important;
}
.container_dico
{
	float: right;
}
.container_dico img
{
	width: 20px;
	height: 20px;
}
.liens_definition img
{
	width:30px;
	height:30px;
}
.liens_definition
{
	display: flex;
flex-direction: row;
gap: 15px;
flex-wrap: wrap;
font-size: 0.9rem;
color: #f2ed59;
font-weight: bold;
margin-top: 15px;
align-items: center;
justify-content: flex-start;
}
.domaine_definition
{
	font-size: 0.8rem;
	text-transform: uppercase;
	color:#f36c5a;
	margin-left: 20px;
}
.domaine_definition a
{
	font-size: 0.8rem!important;
	color:#f36c5a!important;
}
.domaine_definition_single
{
	font-size: 0.8rem;
	text-transform: uppercase;
	color:#f36c5a;
}
.domaine_definition_single a
{
	font-size: 0.8rem!important;
	color:#f36c5a!important;
}
.gpt_definition
{
	font-size:1rem!important;
}
.gpt_exemple
{
	font-size:0.9rem!important;
	margin-top:20px;
}
.gpt_enfants
{
	font-size:0.9rem!important;
	margin-top:20px;
}
.gpt_enfants div
{
	text-decoration: underline;
}
.container_checkbox_recherche_avancee
{
	margin-top:15px;
	display: flex;
	flex-direction: row;
	row-gap:10px;
	column-gap:10px;
	flex-wrap: wrap;
}
.container_recherche_avancee_search_taxons .infobulle_fiche
{
	display:none;
}
.container_recherche_avancee_search_taxons
{
	display:none;
}

.lieu_add_taxon
{
	width: 400px!important;
	border-radius: 10px;
}

.container3_filtres_recherche_taxons
{
	display: flex;
	flex-direction: row;
	gap:10px;
	margin-top:15px;
	flex-wrap: wrap;
	align-items: baseline;
}
.is_medicinale_search_taxons .search-filter-input-checkbox__label,
.is_toxique_search_taxons .search-filter-input-checkbox__label,
.is_invasive_search_taxons .search-filter-input-checkbox__label,
.is_rare_search_taxons .search-filter-input-checkbox__label,
.is_mellifere_search_taxons .search-filter-input-checkbox__label,
.is_cuisine_search_taxons .search-filter-input-checkbox__label,
.is_tinctoriale_search_taxons .search-filter-input-checkbox__label,
.is_potager_search_taxons .search-filter-input-checkbox__label
{
	display:none;
}

.is_medicinale_search_taxons,
.is_toxique_search_taxons,
.is_invasive_search_taxons,
.is_rare_search_taxons,
.is_mellifere_search_taxons,
.is_cuisine_search_taxons,
.is_tinctoriale_search_taxons,
.is_potager_search_taxons
{
	border: 2px white solid;
	border-radius: 10px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	/* background-color: #1d2a33; */
	color:white!important;
}
.search-filter-style--id-1.search-filter-style--choice-select
{
	/* --search-filter-input-background-color: #1d2a33!important; */
}
.search-filter-style--id-1.search-filter-style--search-text
{
	/* --search-filter-input-background-color: #1d2a33!important; */
	/* max-width: 350px!important; */
	min-width: 250px!important;
}
.container_input_import_taxons
{
	display:flex;
	flex-direction:row;
	gap:20px;
	flex-wrap: wrap;
	margin-bottom:40px;
}
#url_to_import,#csv_to_import
{
	width:100%!important;
}
.container_import_url
{
	max-width : 300px;
	border:2px white solid; padding : 10px;
	border-radius: 10px;
}
.container_import_csv
{
	border:2px white solid; padding : 10px;
	max-width : 300px;
	border-radius: 10px;
}
.container_import_csv textarea
{
	width: 100%;
	min-height:500px;
	overflow:scroll;
}
.container_list_taxons
{
	/* display:none; */
}
.reponse_import_taxons
{
	display:none;
	color:#f36c5a!important;
	font-weight:bold;
}

.container_select_recherche_avancee .search-filter-component-combobox__actions-input::placeholder,
.container_select_recherche_avancee .search-filter-input-text__input::placeholder,
 {
  color: white!important;
  opacity: 1!important; /* Firefox */
}

.container_select_recherche_avancee .search-filter-component-combobox__actions-input::-ms-input-placeholder,
.container_select_recherche_avancee .search-filter-input-text__input::-ms-input-placeholder
{
	/* Edge 12 -18 */

  color: white;
}

.submit_search_taxons .search-filter-input-button
{
	background-color:#f36c5a!important;
}

.reset_search_taxons .search-filter-input-button
{
	background-color:#f2ed59!important;
}

.container1_filtres_recherche_taxons
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:10px;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.container1_filtres_recherche_localisations
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:10px;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.container1_filtres_comparaison
{
	display: flex;
	flex-direction: row;
	gap:10px;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: end;
}
.container1_filtres_comparaison .search-filter-label
{
	font-size:1rem;margin-bottom:10px;
}

.sf-field-post-meta-taxon_1 {
			width: 50%;
		}

#container_close {
	position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

#container_close .item_close img {
		width: 28px;
    height: 28px;
}

#searchbox input { min-width: 243px; }

#searchbox form ul li { /*max-width: 243px;*/ }

.sf-field-search .sf-input-text input { float:left;max-width: 243px;  }
.sf-field-search .sf-input-text div { float:left;  }

.picto_qrcode, .picto_geoloc {
	cursor:pointer;
}

.retour_sentier
{
	margin-top:6px;
  font-size:1.1rem;
}
@keyframes clignoter {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.retour_sentier.clignote {
  animation-name: clignoter;
  animation-duration: 1s;
  animation-iteration-count: 5;
  animation-timing-function: ease-in-out;
}
.retour_sentier a
{
	color:#f36c5a!important;
}
.container_go_taxons_footer
{
	display: flex;
	flex-direction: column;
	gap:5px;
	justify-content: center;
	align-items: center;
}

.container_barre_footertools {
	  background-color: #1d2a33;
    height: 70px;
    position: fixed;
    z-index: 100003;
    border-top: 4px #FFF solid;
    bottom: 0;
    left: 0;
    right: 0;
		gap:12px;
    display: flex;
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    padding-right: 15px;
		padding-left: 15px;
		font-size: 0.8rem;
		line-height: 1.2em;
}
.container_barre_footertools .item_menu_regnes
{
	border:0;
	padding:0;

}
.container_footer_settings
{
  display: flex;
  flex-direction: column-reverse;
  background-color: #1d2a33;
  gap: 20px;
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  bottom: 25px;
}
.deroulant_footer_settings
{

  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}

.container_barre_footertools .container_tools
{
		position: absolute;z-index: 1000; left: 20px;margin:0;gap:20px;
}

.container_barre_footertools .plantes, .container_barre_footertools .animaux, .container_barre_footertools .champignons, .container_barre_footertools .link_menu_home
{
	border:0!important;
}

.container_barre_footertools a { color:white; }

.container_barre_footertools img {
	width: 25px;
  height: 25px;
}
.container_barre_footertools.show {
  opacity: 1;
}

.welcome_footer
{
	background-color: black;
	position: fixed;
	z-index: 1000;
	width: fit-content;
	bottom: -8px;
	padding-left: 20px;
	font-size: .9rem;
	height: 40px;
}

.noimageactive .item { text-align: left;}
.noimageactive {
	flex-direction: column;
	gap:0;
}

.form_pdf {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}

/* Style des div contenant les options */
.form_pdf div {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
	padding:35px;
}

/* Style des labels */
.form_pdf label {
  margin-bottom: 5px;
}

/* Style des radio buttons */
.form_pdf input[type="radio"] {
  margin-right: 5px;
}

/* Style du bouton submit */
.form_pdf input[type="submit"] {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  cursor: pointer;
}

input#input_numero_photo { margin-left: 10px; width: 60px; }

.reajust_with_searchbox { width:75%!important; }

.container_loupe { cursor: pointer; }

.container_nom_page
{
	display: flex;
  flex-direction: row;
  align-items: baseline;
	justify-content: flex-start;
  gap: 12px;
	/* border-bottom: 3px white solid; */
	margin-bottom: 30px;
}

.container_nom_page h1
{
	font-size: 2rem;font-family: "Poppins";
}

.single-taxons h1 { font-family: 'Poppins'!important; text-transform: none!important; }
.go_loupe { cursor: pointer;}
.searchandfilter li::before { content:none!important; }
.searchandfilter ul li { padding:0px 0; }
.searchandfilter ul li { padding-bottom:10px; }
.search-filter-input-button
{
	padding:10px!important;
	flex-direction: column;
	gap: 0;
	font-size:0.8rem;
}
.load_more_search_taxons .search-filter-input-button.search-filter-field__input,
.load_more_search_definition .search-filter-input-button.search-filter-field__input
{
	width:20%!important;
	min-width: 200px!important;
	margin-right: auto!important;
	margin-left: auto!important;
	border:0;
}
.search-filter-input-button span
{
	font-size: 0.7rem;
	color:#000;
	font-weight: bold;
	position: relative;
  top: 0px;
}
.search-filter-input-button__count
{
	margin-left:5px!important;
}

.sf-option-active { color:#f36c5a; }

.container_filtres div { color:#CCC; }

#searchform {
	position:relative; top:0px; z-index: 1;
}

#searchbox select, #searchbox option, #searchbox input { color:black!important; background-color:white;font-family: 'Poppins';}
label { font-family: 'Poppins'; }
#searchbox .sf-field-submit input {
	color: #f2ed59 !important;
  background-color: black;
  border: 1px white solid;
  font-size: 1.2rem;
  font-family: "Poppins";
  text-align: center;
  line-height: 1.3em;
  font-weight: 500;
}

#go_lieu
{
  cursor: pointer;
	padding:10px;
	width: fit-content;
	border: 1px black solid;
	border-radius: 10px;
  margin-left:20px;
  background-color: white;
}

#searchbox .sf-field-submit input:hover { color: black!important; }

.sf-field-taxonomy-lieu select { max-width: 243px;
    overflow: hidden; }
#searchbox h4 { color:#f36c5a; }
.sf-field-reset a { color:#F2ED59; }

.loader_result {  transform: translate(12%, 0); }

/* body #load.loader-removed
{
	opacity: 0;
	visibility: hidden;
}
#load
{
	display:none;
 	display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 10000;
  opacity: 1;
  visibility: visible;
  transition: all .35s ease-out;
	background-color: black;
} */

#loader-jeu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #000;
  z-index: 100002;
  display: flex;
  display: none;
  gap: 30px;
}

#loader-localisation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #000;
  z-index: 100002;
  display: flex;
  display: none;
  gap: 30px;
}

#loader-data {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #000;
  z-index: 100002;
  display: flex;
  display: none;
  gap: 30px;
}

#loader-the7 {
  position: fixed;
	display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #000;
  z-index: 100001;
  gap: 30px;
}
#load-the7
{
	text-align: center;
}

.search-container {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-radius: 4px;
  background: #fff;
}

#search {
  border: none;
  flex: 1;
  min-width: 100px;
  font-size: 1em;
  outline: none;
  background: transparent;
  padding: 4px;
}

.commune-tag {
  background-color: #e0f7fa;
  border: 1px solid #00acc1;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 0.9em;
  color: #006064;
  font-weight: bold;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#searchButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.gps-popup-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100002;
}
.gps-popup {
  background: #fff;
  padding: 1.5rem;
  border-radius: 8px;
  max-width: 90%;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.gps-popup button {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  border: none;
  background: #007bff;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.gps-popup button:hover {
  background: #0056b3;
}

.gps-popup-overlay.permission-denied .gps-popup {
  border: 2px solid red;
  background-color: #fff0f0;
  color: #000;
}

.gps-popup-overlay.other-error .gps-popup {
  border: 2px solid #ffc107;
  background-color: #fffbe6;
  color: #000;
}

#load-jeu
{
	text-align: center;
	display:flex;
	flex-direction: column;
	gap:20px;
	justify-content: center;
	align-items: center;
}
#load-jeu span
{
	line-height: 1.5em;
}

#load-localisation
{
	text-align: center;
	display:flex;
	flex-direction: column;
	gap:20px;
	justify-content: center;
	align-items: center;
}

#load-data
{
	text-align: center;
	display:flex;
	flex-direction: column;
	gap:20px;
	justify-content: center;
	align-items: center;
}

#load-jeu span
{
	font-size:2rem;
	color:#f2ed59;
	font-weight: bold;
}

#loader-divers {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #000;
  z-index: 100001;
  display: none;
  gap: 30px;
}
#load-divers
{
	text-align: center;
}

#loader-win {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  z-index: 100001;
  display: none;
  gap: 30px;
}
#load-win
{
	text-align: center;
}

.load-wrap {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  justify-content: center;
}

#load-modal, #load-nested {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
	border:4px white solid;
  background-color: rgba(0, 0, 0, 0.8); /* fond semi-transparent pour mieux voir le spinner */
  transition: opacity .35s ease-out;
}

/* Optionnel : masque temporaire si besoin, à retirer ou adapter */
/* body #load-modal.loader-modal-removed {
  opacity: 0;
  visibility: hidden;
} */

.load-modal-wrap {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  justify-content: center;
}

.lien_reset {
		color: black;
    font-size: 0.9rem;
    border: 2px #f2ed59 solid;
    background-color: #f2ed59;
    padding: 5px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.lien_reset a {
		color: black;
    font-weight: normal !important;
    font-family: 'Poppins';
    font-size: 0.8rem;
}

.sf-field-taxonomy-lieu { display:none;}

form.searchandfilter ul
{

  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

.search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-placeholder,
.search-filter-component-combobox .search-filter-component-combobox__selection-placeholder
{
	color:black!important;
}

/* FIN FORMULAIRE DE RECHERCHE */

.couleur_link { color:#F2ED59; }
.back_home img { width: 26px!important; height: 26px!important;position: relative;top: -1px;}
.plusgrand .item_nom_scientifique { margin-left:20px; }
.search-filter-results { margin-top: -14px;}
#search-filter-results-15004, #search-filter-form-15363, .#search-filter-form-15485 { margin-top: 20px;}
#search-filter-form-15004 ul, #search-filter-form-15363 ul, #search-filter-form-15485 ul { display: flex;flex-direction: row!important;gap:20px;align-items:end;justify-content: flex-start;}
#search-filter-results-15485 { margin-top:30px; }

.regne_trombi
{
	margin-bottom:20px;
}

.rapid_tools img { width: 15px; height: 15px;}

.rapid_tools {
  right: 19px;
  top: 27px;
}

.rapid_tools { position: fixed; top: 95px; width:25px;height:25px;right:10px; z-index: 1000; }

.container_tools_mobile { display: none; position: fixed; top: 90px; right: 8px; }
.menu-toggle {  padding: 0;
    position: relative;
    top: 7px;
    right: -10px;
}
.mobile-main-nav .menu-item a i
{
  margin-right: 0;
}
.titre_mobile_menu
{
  left:0;
  padding-left: 20px;
  color: black;
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 25px;
  text-align: center;
  border-radius: 20px;
  border: 2px white solid;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  background-color: white;
}
.titre_mobile_menu a
{
  color:black!important;
}
.logo_mobile_menu
{
  font-family: "Courgette";
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.logo_mobile_menu a
{
  color:white!important;
}
.logo_mobile_menu span, .logo_mobile_menu a span
{
  color:#f2ed59!important;
}

#toggle-button-container
{
	position: absolute;
	    z-index: 1000;
	    margin-left: 60px;
	    margin-top: 50px;
	    border-radius: 10px;
}

#toggle-button img
{
	width: 25px;
    height: 25px;
}

.container_tools_mobile_display
{
	display: flex!important;
    flex-direction: column;
    border: 1px white solid;
    height: 95px;
    padding-left: 10px;
    margin-right: 0;
    right: 20px;
    border-radius: 5px;
    top: 66px;
    width: 34px;
    z-index: 1000;
    position: fixed;
    background-color: black;
}

.container_tools_mobile .tool_mobile
{
	width: 18px;
  height: 18px;
  margin-top: 16px;
  right: 3px;
  position: relative;
}

.tool_mobile img {
	width: 18px;
	height: 18px;
 }

.fade_tools { display: none; }
.container_nom_fiche { margin-bottom:3px;font-size: 1rem;}
.nom_commun_fiche { font-size:1.1rem;font-style: normal;line-height: 1.6em;}
.nom_scientifique_fiche { margin-top:15px; }
.nom_scientifique_fiche span { font-style:italic; }

.container_search::after {
  content: "";
  flex: auto;
}

.container_image_lieu img {
	max-width: 600px;
	margin-bottom: 20px;
  margin-top: 15px;
	margin-left: 50px;
	border-radius: 10px;
}

.container_image_search .link_image {
    position: relative;
    display: inline-block;
}

.container_image_search .link_image:has(img.image_non_active)::after,
.container_image_search .link_image:has(img.image_non_active)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 8px;
    background: linear-gradient(to right, transparent, #f36c5a, transparent);
    transform: translate(-50%, -50%) rotate(45deg);
    pointer-events: none;
    z-index: 8;
}

.container_image_search .link_image:has(img.image_non_active)::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.container_splide_image_lieu img {
	border-radius: 10px;
	max-width: 800px;
}

.info_glossaire
{
	font-size: 0.8rem;
	border:1px #f2ed59 dotted;
	width: fit-content;
	padding:10px;
}

.container_splide_image_lieu
{
	width: 800px;
	margin-left: 25px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#bottom-bar { margin-top: 10px; }

.container_infos_lieu { display: flex;flex-direction: column;font-size:1.1rem!important; }
.container_item_lieu { display: flex;flex-direction: row;;margin-top: 15px; }

.container_icone_infos_lieu { width: 32px; height: 32px;   }
.container_item_lieu img { width: 20px; height: 20px;margin-right: 8px; }

.gps img { position: relative;top:-2px;left:-2px;width: 23px; height: 23px;}
.sol img { position: relative;top:-2px;}
.altitude img { position: relative;top:-4px;}
.map img { position: relative;top:-5px;}
.commune img { position: relative;top:-5px;width:28px; height:28px;left:-4px; }
.date img { position: relative;top:-5px;width:28px; height:28px;left:-4px; }

.commune { color:#f36c5a; font-weight:normal; font-style: italic; font-size:0.8rem;line-height: 1.3em;  }
.date_sous_lieu  { color:#FFFFFF; font-weight:normal; font-size:0.8rem; line-height: 1.3em;}
.hote  { color:#FFFFFF; font-weight:normal; font-size:0.8rem;line-height: 1.3em;  }

.lien_carte div { width:auto; color:#f2ed59; cursor:pointer;margin-top:15px; margin-bottom:15px;  }
.lien_carte_sous_lieu div  { color:#f2ed59; cursor:pointer;margin-left:20px;  }

.remarque_carte
{
	margin-top:20px; margin-bottom:5px;font-style: italic;font-size: 0.9rem;text-align: center;width: 100%;
}
.remarque_carte img
{
	width: 20px;
	height: 20px;
}
body.is-no-mobile .remarque_carte
{
	display:none;
}

.container_item_lieu_regnes { margin-bottom:18px;   }
.container_item_lieu_regnes img { width: 28px; height: 28px; margin-right: 14px;position: relative; top:-3px;   }

.container_description p { font-size:1rem!important;line-height: 1.5em!important;}
.container_description h2 { margin-bottom:30px; }
/* .description { display: none; } */
.readmore {
  position: relative;
margin-bottom: 35px;
}
.description ul
{
  list-style: disc!important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 30px !important;
}
.description li
{
  padding-top:5px;
}
.bouton_copyright_lieu {
  position: relative;
  left: -10px;
}

.container_elements_lieu { display: flex; }
.container_lieu_liens_plantes { margin-left: 30px; }

.message_recherche_vide { font-size: 1.2rem;margin-top:20px;margin-bottom:20px;  }
#search-filter-form-15004, #search-filter-form-15363 { left:-40px;  }

.container_marqueurs { display: none; }

.container_marqueurs button, .container_infobulle button {
		border: 0;
    box-shadow: none;
		margin-right:5px;
		border-radius: 50%;
    margin-top: 7px;
}

.item_nom_commun div.link_image { color:white!important; }
.item_nom_scientifique a..item_nom_scientifique { color: #f2ed59!important; }

.container_infobulle  { background-color: transparent!important;}
.container_infobulle img { margin-left: 20px; width: 30px; height: 30px;}
.infobulle { cursor: pointer;}

.marqueurs_actifs { display: flex!important; flex-direction: row;position: absolute; margin-left: 5px;margin-top: -3px; }

.container_marqueurs img
{
	width: 18px;
  height: 18px;
  background-color: transparent!important;
  border-radius: 50%;
  padding: 4px;
}
.container_breadcrumbs { display: flex;flex-direction:row; flex-wrap: wrap;font-size:1rem; }
.breadcrumbs_taxon1, .breadcrumbs_taxon2, .breadcrumbs_taxon3, .breadcrumbs_taxon4, .breadcrumbs_famille { display: flex;flex-direction: row;}

.item_nom_commun, .item_nom_scientifique, .item_famille {
	width: 100%;
	/* word-break:normal!important;  */
	overflow:hidden;
}

.noimage { cursor: pointer;border:2px white solid;}

.msg_nom { margin-top:20px;display:flex; flex-direction: row; gap:10px;}
.msg_nom ul { padding:0!important; }

#contenu_nom {font-size:0.9rem; line-height: 1.5em; }
h3 { margin-top:20px; }

figure.image_principale_fiche_desktop
{
	float:right;
	clear: right;
	max-width: 50%;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
  overflow: hidden;
	position: relative;
}

figure.image_principale_fiche_desktop img
{
	max-width: 100%;
	max-height: 500px;
	margin-top: 0!important;
}

figure.image_principale_fiche_desktop figcaption {
  position: relative;
  top: -25px;
  background-color: white;
  opacity: 0.5;
  color: #FFF;
  font-weight: bold;
  font-size: 1rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: max-content;
  min-width: 100%;
  padding-left: 10px;
}

.taxons-template-default h1.entry-title,
.tax-lieu h1.entry-title,
.pancartes-template-default h1.entry-title,
.page h1.entry-title {
  border-radius: 10px;
	margin-top: 20px!important;
	border: 3px white solid;
	color: white !important;
	min-height: 40px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	width: fit-content;
	padding-bottom: 5px;
}

.container_fiche {
	display: flex;flex-direction: column;width:100%;

}

.container_fiche_proprietes, .container_fiche_symptomes, .container_fiche_pu, .container_fiche_galeniques { width: auto; clear: both;}

.container_accordeon a {
  font-weight: normal !important;
	color: white !important;
	text-decoration: underline !important;
  text-decoration-style: solid;
  text-decoration-color: currentcolor;
  text-decoration-style: dashed !important;
  text-decoration-color: #f2ed59 !important;
  /* text-underline-offset: 4px !important; */
}
.container_liste_departements a, .container_liste_villages a
{
	color:white!important;
	text-decoration: none!important;
	font-size: 0.9rem;
}

.container_contenu_fiche { width: 100%;}

.genus
{
  color:#f36c5a!important;
}
.specieshybrid
{
  color:white!important;
}
.container_accordeon div
{
  line-height: 1.6em;
}
.species
{
  color:#f2ed59!important;
}
.infraspr
{
  color:#1b51cc!important;
}
.infraspe
{
  color:#027a0b!important;
}
.authorship
{
  color:#f18b08!important;
}

/* LOADER */
#base{
	position:absolute;
	height:10px;
	width: 10px;
	top:50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-webkit-animation:animb 5s infinite linear;
}

@-webkit-keyframes animb {
	0%{top:50%;}
	25%{top:48%;}
	50%{top: 50%;}
	75%{top: 52%;}
	100%{top:50%;}

}

.legend img
{
	margin-bottom:4px;
}
.legend div
{
	text-align: center;
}

.noimage_fiche {
	border: 1px white solid;
	padding: 30px;
}

#map .legend
{
	display: flex;
	    gap: 20px;
	    margin-bottom: 22px;
	    color: black;
	    font-weight: bold;
	    font-size: 0.7rem;
	    background-color: white;
	    border-radius: 10px;
	    padding: 10px;
			position: relative;
    top: 15px;
}
#map
{
  border:3px white solid;
  border-radius: 10px;
}
/* .container_habitats #map
{
  height:550px!important;
} */

.container_tools_map {
	display: flex;
	flex-direction: row;
	gap:20px;
	justify-content: flex-start;
	align-items: center;
}

.container_carte_lieu
{
	display: flex;
	flex-direction: row;
	gap:20px;
	flex-wrap: wrap;
}

.leaflet-marker-pane img:nth-child(2) {
  /*display: none!important;*/
}

.leaflet-control-zoom-to-area
{
  display: none!important;
}

.leaflet-control-container, .leaflet-control-container div, .leaflet-control-container span
{
	color:black!important;
}
.leaflet-marker-pane img:first-child {
  /*z-index: 1000!important;*/
}
.leaflet-control-locate-location
{
  z-index:1000!important;
}

#leafbase{
	-webkit-transform-style:preserve-3d;

	position: absolute;
	height:100px;
	width:100px;
	top:50%;
	left:50%;
	-webkit-transform-origin:0% 0%;
	-webkit-transform:translate(-50%,-50%) rotateX(55deg) rotateY(20deg);
}

#tail{
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:1000px;

	position: absolute;
	height:100px;
	width:100px;
	top:50%;
	left:50%;
	overflow:hidden;
	-webkit-transform:translate(-50%,0%)  ;
}

#tail:after{
	content:"";
	margin-top:-5px;
	position:absolute;
	height: 100px;
	width:20px;
	left:33%;
	border-radius:100%;
	border-right:5px solid #658500;

	-webkit-transform-origin:00% -0%;
	-webkit-transform: rotate(25deg);

}

#lf{
	-webkit-transform-style:preserve-3d;
	position: absolute;
	height:100px;
	width:100px;
	top:50%;
	left:50%;
	-webkit-transform-origin:0% 0%;
	-webkit-animation: anim 1.5s infinite linear;
}

#leaf1{
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:1000px;
	position: absolute;
	width:60px;
	height:60px;
	left: 50%;
	top:50%;
	-webkit-transform-origin:0% 0%;
	-webkit-transform:translate(-50%,-100%) ;

}

#leaf2{	-webkit-transform-style:preserve-3d;
	position: absolute;
	width:60px;
	height:60px;
	left: 50%;
	top:50%;
	-webkit-transform-origin:0% 0%;
	-webkit-transform: rotate(120deg) translate(-50%,-100%);

}

#leaf3{	-webkit-transform-style:preserve-3d;
	position: absolute;
	width:60px;
	height:60px;
	left: 50%;
	top:50%;
	-webkit-transform-origin:0% 0%;
	-webkit-transform: rotate(240deg) translate(-50%,-100%);

}

@-webkit-keyframes anim
{
	0%{-webkit-transform:rotateZ(0deg)  translate(-50%,-50%);}
	100%{-webkit-transform:rotateZ(360deg) translate(-50%,-50%);}
}

.leaf12{
	margin-top:-5px;
	position: absolute;
	left:29px;
	height:70px;
	width:32px;
	overflow:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-transform:rotateY(-15deg);

}

.leaf12:after{
	content:"";
	position:absolute;
	left:-15px;
	border-top-left-radius:30px;
	border-top-right-radius:50px;
  width: 40px;
	height: 60px;

	background-color:#658500;
	-webkit-transform: rotate(45deg);
}

.leaf11{
	margin-top:-5px;
	position: absolute;
	right:29px;
	height:70px;
	width:30px;
	overflow:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-transform:rotateY(15deg);
}

.leaf11:after{
	content:"";
	position:absolute;
	right:-15px;
	border-top-left-radius:50px;
	border-top-right-radius:30px;
  width: 40px;
	height: 60px;

	background-color:#77a101;
	-webkit-transform: rotate(-45deg);
}
/* fin Loader JS */

.separateur_params { height: 20px; clear: both;}
.separateur_content { height: 50px;clear: both;}

/* tooltip */

.leaflet-tooltip
{
	background-color:#f36c5a!important;
	font-size:1.2rem!important;
	border-radius: 10px!important;
	border:2px black solid!important;
	color:white!important;
	font-weight: bold!important;
}
.leaflet-tooltip.leaflet-tooltip-left::before {
		border-left: 2px black solid!important;
}

.tooltip-main {
  width: auto;
  height: auto;
  border-radius: 10px;
	border: 1px white solid!important;
  background: #1d2a33;
  color: white;
  margin: 10px;
  text-align: left !important;
}

.tooltip.show {
  z-index: 100003 !important;
}

.tooltip-inner {
  width: auto;
  height: auto;
  font-size: 12px;
  padding: 10px 15px 10px 20px;
  background: black;
	border: 1px white solid!important;
  color: white;
  text-align: left;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: white !important;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: white;
  /* #f36c5a */
}
/* fin tooltip */

.liste_tooltip { margin-left:-20px; }

.tool { display: none;}
.back_home { display: block!important;}

.container_contenu_fiche article.taxons ul {
	  margin-left: 20px!important;
    font-size: 1rem;
    line-height: 1.6em;
		margin-top: 3px!important;
}
ul.splide__list
{
	margin-left: 0px!important;
}

.splide img { border-radius: 10px; }
#slide_liens img { border-radius: 0px!important; }

.container_items_trombi .splide__arrow--prev
{
  top: 100px !important;
  left: -35px;
}
.container_items_trombi .splide__arrow--next
{
  top: 100px !important;
  right: -35px;
}
.container_trombi_ligne .splide__arrow--prev
{
  top: 70px !important;
  left: -35px;
}
.container_trombi_ligne .splide__arrow--next
{
  top: 70px !important;
  right: -25px;
}

.splide__arrow--prev {
  top: 85px;
  left: -35px;
}
.splide__arrow--next {
  top: 85px;
  right: -35px;
}

.container_splide_image_lieu .splide__arrow--prev {
  top: -10px;
  left: 0px;
}

.container_splide_image_lieu .splide__arrow--next {
  top: -10px;
  right: 0px;
}

.splide__arrow {
  background: transparent!important;
  opacity: 1;
}
#slide_liens .splide__arrow--prev {
  position: absolute;
  top: 56px;
  left: 3px;
  width: 40px;
  height: 40px;
}

#slide_liens .splide__arrow--next
{
  position: absolute;
  top: 56px;
  right: 3px;
  width: 40px;
  height: 40px;
}
.splide__arrow
{
  opacity: 1!important;
}

.splide__arrow:disabled
{
  opacity: 0!important;
}

#splide_lieu li
{
	border-radius: 10px;
}
#splide_lieu figcaption
{
	margin-top:5px;
	text-align: center;
	color:white;
}
#splide_lieu a
{
	color:white!important;
}
.container_audio { padding-top:10px;}
.container_audios { position: relative;}

button.infobulle_fiche { font-size: 0px!important; }

.ui-accordion-content ul li { font-size:13px!important; }

.container_liens_photos { display: flex;flex-direction: row;grid-gap: 20px;}
.container_liens_photos img { width:24px; height: 24px; }

.titre_item_fiche div { padding-bottom: 2px;}

.titre_item_fiche, .titre_ressources, .titre_item_liste_lieu {
  color: white;
  font-size:1.4rem;
	font-weight: bold;
  font-family: "Poppins";
  clear: both!important;
  margin-top: 30px;
  border-bottom:1px white solid;
  display: flex;
  flex-direction: row;
  gap:20px;
  align-items: self-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.titre_item_pancarte
{
	display: flex;
	flex-direction: row;
	gap:20px;
}

.container_lieux_associes
{
	margin-bottom:50px;

}

.notif_modif_lieu {
	color:#f36c5a;
	position: relative;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap:10px;
}

.notif_modif_lieu img { width: 50px;
    height: 50px; }

.filtres_actifs_lieu { margin-bottom: 0px; display: none;}

.contenu_infos_lieux_taxon { margin-top:40px;  }
.contenu_infos_lieux_taxon ul { list-style-type: disc!important;margin-left:20px!important;}

.picto_lab { width: 24px; height: 24px; position: relative; margin-right: 15px; }

.container_liens_propriete ul li a, .container_liens_molecules ul li a { color:black!important;  }
.titre_item_tooltip { color:black; font-size:17px;text-decoration: underline;margin-bottom: 0px;margin-top:20px; }

.chosen-container .chosen-results { padding-left: 40px!important; }

.container_videos_wiki {
	display: flex;
	flex-wrap: wrap;
	margin-top:0px;
	position: relative;
}
.item_video {
	margin-left: 15px;
    width: 260px;
    height: 200px;
		margin-top:20px;
}

.container_contenu_image_fiche { display: flex; flex-direction: row; }
.admin_fiche { margin-top:50px;font-size:10px;border:1px white dotted;padding:20px;width: 234px;  }

.container_item_maj_lieu, .container_item_maj_lieu_no_active, .container_item_maj_habitat, .container_item_maj_habitat_no_active
{
	position: absolute;
  top: 0;
  left: 0;
	z-index:1000;
  cursor: pointer;
  width: 50px;
  height: 50px;
}

.container_item_maj_lieu:active, .container_item_maj_lieu_no_active:active, .container_item_maj_habitat:active, .container_item_maj_habitat_no_active:active
{
	background-color:transparent!important;
}

.container_titre_habitat_lieu
{
	display: flex;
	flex-direction: row;
	gap:10px;
	margin-top: 20px;
}

.container_titre_habitat_lieu .add_taxon
{
	top: 6px;
}

.item_habitat_lieu
{
	border-bottom: 1px white solid;
}
.item_habitat_lieu:last-child {
    border-bottom: none;
}

.description_habitat_lieu
{
	margin-top: 10px;
	margin-bottom: 10px;
	width:100%;
}
.description_habitat_tax_lieu
{
	margin-top:10px;
	margin-bottom: 20px;
	width:100%;
}
.separateur_habitats
{
	margin-top:5px;margin-bottom:5px;
}

.container_check_lieu {
	display: block;
  position: absolute;
  margin-top: -10px;
  z-index: 10;
  margin-left: -5px;
  cursor: pointer;
  width: 50px;
  height: 50px;
	width: fit-content;
	height:fit-content;
}
#supprimer_point
{
	color:#027a0b;
	cursor: pointer;
	text-align: center;
}

.container_add_point img
{
	width: 40px;
	height: 40px;
}

.container_add_point {
	display: none;
  position: absolute;
  margin-top: -10px;
  z-index: 10;
  margin-left: -5px;
  cursor: pointer;
  width: 50px;
  height: 50px;
	width: fit-content;
	height:fit-content;
}

.image_validation_maj_lieu, .image_validation_maj_lieu_no_active { width: 32px; height: 32px; }

.image-upload>input {
  display: none;
}

.image-upload label { margin:0; }

.container_bouton_photos_add label {
	cursor: pointer!important;
}

.ajouter_lieu
{
  margin-top:15px;
  display: flex;
  flex-direction: column;
  gap:10px;
}
.ajouter_lieu input[type=text] { width:100px; }
.ajouter_lieu input[type=submit] { width:auto; }
.ajouter_lieu div { margin-bottom:10px; }

.container_form_home { margin-left: auto;margin-right: auto;width: 160px;margin-bottom:70px; }
.ou_lieux
{
	color:#027a0b;
}

.mini_photos_add
{
	height:165px;
	width: auto;
	object-fit: cover;
}
.plus_photos_add { width:36px; height:36px;margin-left:10px; }

.container_photos_add { margin-top:20px;margin-bottom: 10px; }

.container_fiche_liens {
	padding-top: 25px;
clear: both;
position: relative;
padding-bottom: 20px;
padding-left:5px;
padding-right: 5px;
}

.caption_nom_commun
{
  background-color:#FFF;
  color:black;
  padding-left:15px;
  padding-right:15px;
  border-radius:20px;
  margin-bottom:15px;
}

img.thumb_youtube { width: 266px; height:200px;}

.container_fiche_liens .splide__arrow--prev { left:0; }
.container_fiche_liens .splide__arrow--next { right:0; }
.container_fiche_liens .splide__pagination { position:relative;margin-top:40px!important; }
.container_fiche_liens .splide__pagination li { margin-right:20px!important; }
.container_fiche_liens .splide__pagination__page.is-active { background-color:#f2ed59; transform: scale(2.0)!important;}
.container_fiche_liens .splide__pagination__page { transform: scale(2.0)!important;}
.container_fiche_liens .splide__pagination__page { opacity:1!important;}

.container_videos .splide__pagination { position:relative;margin-top:25px!important; }
.container_videos .splide__pagination li { margin-right:20px!important; }
.container_videos .splide__pagination__page.is-active { background-color:#f2ed59; transform: scale(2.0)!important;}
.container_videos .splide__pagination__page { transform: scale(2.0)!important;}
.container_videos .splide__pagination__page { opacity:1!important;}

.id_interne_liste { color:#f36c5a; font-weight: bold; padding-right:4px; }

.container_fiche_liens_perso { padding-top: 5px; }
.container_fiche_liens li { margin-bottom:0px; }

.image-upload img {
	cursor: pointer;
		height: 24px;
		width: 24px;
		position: relative;
		top:-2px;
	}
.titre_global { color:#f36c5a; }

.container_form_mode_lieu { margin-bottom:15px!important; }
.container_form_mode_zonage { margin-left:35px; }

input[type=radio] { margin-left:10px;margin-right: 20px; }
button[type=submit] { margin-top:35px!important;  }
label { margin-left:5px;margin-right: 0px; }
legend { font-size:16px; font-weight:bold; font-family:'Poppins'; margin-bottom: 0;line-height:20px;  }
.field_param input { margin-left:0; margin-right: 10px; }
.first_item_settings { float: none; width: auto;}

/*form.form_param { display: flex;flex-wrap: wrap;}
form.form_param legend { clear: both;}
*/
fieldset { padding:15px; border:1px white solid;  }

.form_param fieldset legend
{
  text-decoration: underline;
  margin-bottom:5px;
}

.grille {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
  grid-auto-rows: 20px;
}

.boite {
  background-color: black;
}

input.choice_params {
	width:70px;
	background-color: black;
    color: white;
    padding: 0;
}

.choice_large {
	width:auto!important;
}

.titre_page_parametres { margin-top:20px; }
.sous_titre_page_parametres { margin-bottom: 20px; }

.form_param h3 { margin-top:0px;margin-bottom: 0;}

.container_form_modifs { display: flex;}
form.add_lieu, form.add_zone { display: flex; flex-direction: column;gap:10px;}
form.add_lieu input, form.add_zone input { margin-left: 20px;}

#main .ui-widget-content { clear: none!important;}

#contenu_cuisine a, #contenu_sante a, #contenu_nom a, #contenu_galeniques a, #contenu_pu a  { color:white!important; text-decoration: underline!important;text-decoration-style: dashed!important;text-decoration-color:#f2ed59!important;text-underline-offset: 2px!important;font-weight: normal!important;text-decoration-thickness: 2px!important;}

.single .post:not(.type-event) .post-thumbnail img, .single .single-postlike:not(.type-event) .post-thumbnail img { width: 20%!important; float:right; margin-left:30px; max-width:300px; }

div.container_contenu { margin-bottom:30px; }
.entry-meta { display: none; }
.iframe_video { height:200px; width: 300px; }
.shortcode_video { float:left; margin-left:20px;  }
.shortcode_lien { clear:both; }

.container_nav { display:flex;flex-direction: column; position: relative;z-index: 10;}
.lieu_breadcrumbs { padding-bottom:5px;  }
.lieu_breadcrumbs a { color:white!important; text-decoration: none!important;}

.legend_video
{
	width:100%;border: 0px!important;
	padding-left: 20px;
	padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.single_label { margin-left:10px; }
.single_label img
{
	width: 45px;
height: 45px;
position: relative;
border: 2px white solid;
border-radius: 50%;
padding: 5px;
}
.single_label img.invasive { top:-1px; }

.container_single_labels {
	display: flex;
	flex-direction: row;
	position: relative;
  right: 10px;
	top:-15px;
	min-height: 30px;
}
.container_single_labels .single_label img { width: 40px; height: 40px; }

.bouton_suppr_all_media {
		cursor: pointer;
    position: relative;
    top: -7px;
}
.bouton_suppr_all_media img { width: 20px; height: 20px;}
.label_famille { font-weight: bold;  }
.famille_fiche a { color:white; }
.label_autres_noms
{
	font-weight: bold;
  display: flex;
  flex-direction: row;
  gap: 10px;
  border-bottom: 1px white solid;
  width: fit-content;
}
.premier_nom
{
	color:#f2ed59;
}
.premiere_ligne_autres_noms_fiche
{
	display:flex;
	flex-direction: row;
	gap:10px;
}

.autres_noms_fiche {
	margin-bottom: 10px;
  margin-top: 5px;
  font-size: 0.9rem;
  line-height: 1.5em;
	display: flex;
	flex-direction: column;
	gap:4px;
}
.autres_noms_fiche ul
{
	margin-top:0!important;
}
.container_audios ul { position: relative; display:flex; }
.container_videos ul { position: relative; display:flex; }

.container_back {
	width: 16px;
  height: 16px;
  margin-left: 8px;
  position: relative;
  top: -3px;
}

.bouton_photos_add {
	clear:both;
	margin-top:0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.descr_image img
{
		width: 36px;
    height: 36px;

}
.oeuf_image img
{
		width: 20px;
    height: 20px;

}
.crotte_image img
{
	width: 22px;
	height: 22px;

}
.feuille_image img
{
	width: 22px;
	height: 22px;

}
.tronc_image img
{
	width: 22px;
	height: 22px;

}
.fleur_image img
{
	width: 22px;
	height: 22px;

}
.racine_image img
{
	width: 22px;
	height: 22px;

}
.plume_image img
{
	width: 21px;
	    height: 21px;

}
.dessin_image img
{
	width: 32px;
    height: 32px;

}
.nid_image img
{
	width: 32px;
	height: 32px;
}

.suppr_image img
{
	width: 32px;
	height: 32px;
}
.ossement_image img
{
	width: 24px;
    height: 24px;
}
.graine_image img
{
		width: 28px;
    height: 28px;
}
.empreinte_image img
{
	width: 25px;
	height: 25px;
}

.link_image_cc img, .link_image_cc a img {
	width: 27px;
	height: 27px;
}
.cc_image img, .cc_image a img {
	width: 22px;
	height: 22px;
}
.loupe_image img, .loupe_image a img {
	width: 27px;
	height: 27px;
}
.download_image img, .download_image a img {
width: 10px;
height: 10px;
}
.copyright_image img, .copyright_image a img
{
	width: 22px;
	height: 22px;
}
.featu#f36c5a_image {
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
	display: none;
	float: right;
	margin-bottom:8px;
	margin-right: 17px;
}
.moove_image {
	  width: 32px;
    height: 32px;
		cursor: pointer;
		display: none;
}
.suppr_image {
	  width: 32px;
    height: 32px;
		cursor: pointer;
		display: none;
}
.suppr_video {
	  width: 32px;
    height: 32px;
    cursor: pointer;
		display: none;
		z-index: 10000;
    position: absolute;
    margin-top: 4px;
    margin-left: 10px;
}
.descr_image {
	width: 32px;
	height: 32px;
    cursor: pointer;
		display: none;
}

.ossement_image, .graine_image, .empreinte_image,
.nid_image, .crotte_image, .oeuf_image, .plume_image,
.dessin_image, .feuille_image, .tronc_image, .racine_image,
.fleur_image, .moove_image, .suppr_image, .featured_image, .featured_image_top

{
    display: none;
}

.image-graine, .image-feuille,
.image-fleur, .image-oeuf, .image-nid,
.image-racine, .image-crotte,
.image-dessin, .image-tronc,
.image-empreinte,
.image-graine, .image-plume
{
  /* float: left; */
}

.link_image {
	position: relative;
	cursor: pointer;
  overflow: hidden;
}

.link_image_cc {
	position: relative;
	cursor: pointer;
  left: -3px;
  top: -1px;
}
.cc_image {
	position: relative;
	cursor: pointer;
}
.loupe_image {
	position: relative;
	cursor: pointer;
}
.download_image
{
	position: relative;
	cursor: pointer;
}
.item_video .copyright_image
{
	position: absolute;
	cursor: pointer;
	left: 30px;
	bottom: 0px;
}

.item_audio .copyright_image
{
	position: relative;
	cursor: pointer;
	left: 30px;
	bottom: 0px;
}
.copyright_image {
	position: relative;
	cursor: pointer;
}
.copyright_image_alaune
{
		position: absolute;
    cursor: pointer;
    right: 5px;
    padding-top: 10px;
		display: flex;
		flex-direction: column;
		gap:10px;
}

.contenu_page_vitrine h2  { margin-bottom:15px;margin-top:25px; }
.contenu_page_vitrine h3  { margin-bottom:5px;margin-top:25px;  }
.contenu_page_vitrine h2  { font-size:20px; border-bottom:1px white solid;  }
.contenu_page_vitrine h3  { font-size:15px;margin-left:10px;  }
.contenu_page_vitrine ul  { list-style:circle!important; margin-left:37px!important;  }

.splide__arrow svg
{
  fill:#FFF!important;
}

input#input_description, input#input_wikimedia, input#input_flickr, input#input_gbif  {
	width: 250px;
	margin-top: 10px;
}

.container_copyright_video {
		position: relative;
    top: -8px;
		display: flex;
}
.container_copyright_video .container_lien_hd img, .container_copyright_audio .container_lien_hd img { width: 25px; height: 25px; }
.container_copyright_video .container_lien_copyright img, .container_copyright_audio .container_lien_copyright img { width: 20px; height: 20px; }
.container_copyright_video .container_lien_copyright, .container_copyright_audio .container_lien_copyright { margin-left: 10px;font-size: 12px; }
.container_copyright_audio .cc_image { position: inherit;}
.container_copyright_video .cc_image { left: 43px; top: 0px;}

.container_show { cursor: pointer;display: flex; flex-direction:row; align-items:center; margin-top: -40px; justify-content: right;font-size: 12px; width:100%; }
.container_show img { width: 26px; height: 26px;  }
.show_image {
		margin-left: 12px;
    position: relative;
    top: -6px;
}

.image-bouton-photos, .image-bouton-folder { margin-top:5px;cursor: pointer!important;}
.image-bouton-photos input, .image-bouton-folder input { clear:both!important;}

.image-bouton-photos img, .image-bouton-folder img {
		cursor: pointer;
		height: 24px;
		max-width: 24px;
		position: relative;
		top:-2px;
}

.container_image_quiz_empreinte {
margin-top:20px;
}

.container_image_quiz_empreinte img {
	width: 250px;
  height: 250px;
}

.page-template-map .top-line-left  { display: none; }

.image-modify input { display: none; }
.bouton_go_wikimedia, .bouton_go_gbif, .bouton_go_flickr, .image-wiki input, .image-gbif input, .image-flickr input  { display: none; }

.sous_titre_lieu { text-align: left; font-weight: bold!important;color:#f2ed59;font-size: 0.7rem;width:max-content; margin-top:4px; position: relative;left:3px;}
.sous_titre_lieu_menu { text-align: center;color:#f36c5a;font-weight: bold;font-size: 0.8rem; }

.container_branding {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
	height: 25px;
}
.container_branding_lieu
{
  min-width: 150px;
	height: 20px;
}
.container_branding_lieu .nom_branding {
  font-size:1.4rem;
  font-family: "Courgette", cursive;
  margin-left: 5px;
}
.masthead .mini-widgets>*, .masthead .mobile-mini-widgets>*
{
	display:flex!important;
	flex-direction:row;
	gap:10px;
}

.nom_branding {
  font-size:2.3rem;
  font-weight: bold;
  /* color:#f2ed59; */
  color:white;
  font-family: "Courgette", cursive;
}
.nom_branding .nature {
  color:#f2ed59;
}
.show-device-logo .mobile-branding img { min-width: 60px!important; }

.photos_hors_lieu {
	width:100%!important;
	margin-right:auto;
	margin-left:auto;
  margin-top: 15px;
	height: 195px;
	display: flex;
	flex-wrap: wrap;
	position:relative;
}

.photos_specimens {
	width:100%!important;
	margin-right:auto;
	margin-left:auto;
	height: 165px;
  margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	position:relative;
}

.photos_traces {
	width:100%!important;
	margin-right:auto;
	margin-left:auto;
	height: 165px;
	display: flex;
  margin-top: 15px;
	flex-wrap: wrap;
	position:relative;
}
.photos_dessins {
	width:100%!important;
	margin-right:auto;
	margin-left:auto;
  margin-top: 15px;
	height: 195px;
	display: flex;
	flex-wrap: wrap;
	position:relative;
}
.photos_dessins .copyright_slider
{
	color:black!important;
}

.photos_lieu {
	width:100%!important;
	margin-right:auto;
	margin-left:auto;
	height: 165px;
  margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	position:relative;
}

.add_lang {
	  float: left;
    position: relative;
    margin-right: 9px;
}

.add_lang img { width: 16px; height: 16px; }

.fancybox-close { z-index: 200001!important; }
.fancybox-container  { z-index: 200000!important; }

.fancybox-iframe, .fancybox-video
{
  border: 3px white solid!important;
}
.fancybox-slide
{
  /* padding:17px!important; */
}
.fancybox-bg
{
    background-color: white;
}
.fancybox-button {
  background: black;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
  border-radius: 50%;
  /* border: 3px white solid; */
}

.container_tool_image {
	position: absolute;
    top: 0px;
    left: 5px;
		display: none;
		cursor: pointer;
}

.container_tool2_image
{
	position: absolute;
	margin-top: -38px;
    margin-left: 8px;
		width: 100%;
		cursor: pointer;
}
.container_tool3_image
{
	position: absolute;
  display: flex;
  top: 5px;
  z-index: 10000;
  left: 5px;
	cursor: pointer;
}

.tool_images_public {
	display: flex;
    flex-direction: column;
    gap: 5px;
		margin-top: 5px;
		cursor: pointer;
}

ul.syn_niveau1 li {
	margin-left:10px;
}

ul.syn_niveau2 li {
	margin-left:15px;
	margin-top: -5px;
}

ul.syn_niveau2 li::before, ul#mobile-menu li::before {
		/*content: none!important;*/
}

.liens_generaux ul { display: flex;}
.liens_generaux .splide__slide img { max-height: 50px;width: auto;}
.liens_generaux .texte_lien_fiche a { color:white!important;  }
.texte_lien_fiche .categorie { display: none!important; }

/*.container_fiche_liens .splide__arrows { display: none!important;}*/
.liens_generaux .categorie {
		color: #f2ed59;
    display: block;
    margin-top: 10px;
    font-style: italic;
    font-size: 12px;
    text-transform: uppercase;
}

.liens_generaux .description {
		color: white;
    display: block;
    font-size: 0.8rem;
}
.titre_trombi
{
  display: flex;
  flex-direction: row;
  justify-content: left;
	margin-bottom: 15px;
}
.titre_trombi_entier
{
  margin-bottom:10px;
}
.container_jardin
{
  width: 100%;
  /* border:3px white solid; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  background-color: black;
  margin-top: 20px;
  overflow: hidden;
}
.container_boutons_diaporama
{
  display:none;
}
#bouton_diapo_0
{
  display:block!important;
}
.plantes
{
  display: block;
}

.sous_titre_lien_parent
{
	margin-top:5px;
}
.lien_sous_titre_lieu a
{
  color:#888888!important;
	font-weight: bold;
}

.titre_trombi div {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  clear: both;
  padding-left: 15px;
  background-color: white;
  width: fit-content;
  color: black;
  border-radius: 10px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 20px;
}
.container_trombi_entier
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:10px;
	align-items: center;
  margin-top:20px;
	justify-content: flex-start;
}
.container_trombi_entier ul
{
	padding:0!important;
	margin:0!important;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:10px;
	align-items: baseline;
	justify-content: flex-start;
}
.container_trombi_entier li
{
	text-align: center;
}
.container_trombi_entier .nom_taxon_trombi
{
	margin-bottom:15px;
}
.container_trombi_entier img
{
	border-radius: 10px;
}

.container_item_glossaire
{
	display: flex;
	flex-direction: row;
	grid-gap: 20px;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;

}

.container_item_glossaire .title_item_glossaire
{
	color:#f36c5a!important;
	min-width:300px;
}
.container_item_glossaire .content_item_glossaire
{
	color:white!important;
}

.container_popup
{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.image_popup
{
  float: left;
  width: 170px;
  min-height: 125px;
}

.description_pancarte_single #main .intro_pancarte
{
	margin-top:10px;
	margin-bottom: 15px;
}

.container_popup .intro_pancarte
{
	margin:0;
}

.container_popup .intro_pancarte p
{
	line-height: 1.3em;
}
.leaflet-popup-content p
{
	margin-top:0;
	margin-bottom: 0;
}
.lien_pancarte
{
	margin-top:5px;
	margin-bottom: 5px;
}

.intro_pancarte_single, .description_pancarte_single, .conclusion_pancarte_single
{
	margin-top:10px;
	margin-bottom: 15px;
	font-size: 0.9rem;
}

.contenu_pancarte_single
{
	margin-top:15px;
	margin-bottom: 15px;
}

.container_popup img
{
	max-width: 350px;
  max-height: 350px;
  border-radius: 10px;
  box-shadow: 2px 2px 5px black;
  margin-top: 10px;
  margin-bottom: 10px;
}
.titre_popup
{
	font-size: 1.3rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.container_baseflor
{
  max-width: 350px;
}
.container_popup .image_lieu_popup img
{
	width: 100%;
	min-width: 200px;
	height: fit-content;
	margin-top: 15px;
  min-height:200px;
}
.lien_detail_plante
{
  clear: both;
}
.lien_detail_plante img
{
  width: 18px;
height: 18px;
border-radius: 0 !important;
border: 0 !important;
box-shadow: 0 0 0 transparent !important;
position: relative;
top: 9px;
right: 4px;
}
.container_popup a
{
	color:#f36c5a!important;
}
.container_popup a:hover
{
	color:black!important;
}

.description_habitat p
{
  clear:both;
}

.description_habitat
{
  margin-bottom:20px;
}

.leaflet-popup-content
{
	min-width: 200px!important;
}
.container_popup .titre_popup
{
  font-family: "Poppins";
	/* width:92%; */
	font-size: 0.9rem;
}

.nom_taxon_trombi
{
	font-size: 0.8rem;
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
		line-height: 1.5em;
}
.popup_carte_observations
{
	overflow: hidden;
}
.popup_carte_observations h3
{
	color:#027a0b;
	margin-top:0;
	margin-bottom:15px;
	font-size: 0.9rem;
	line-height: 1.4em;
	font-weight: bold;
}
.popup_carte_observations a
{
	color:#f36c5a!important;
	text-decoration: none!important;
}

.nom_latin_a_savoir
{
	font-size:0.8rem; font-style: italic;color:#f36c5a;
}
a .nom_taxon_trombi { color:white!important; }

.container_items_trombi {
	position: relative;
	display: flex;
	flex-direction: row;
	/* min-height: 200px; */
	margin-bottom: 20px;
}

.container_trombi_page .items_trombi ul {
	flex-wrap:wrap;
	display: flex;
	flex-direction: row;
	gap: 15px;
	margin:0!important;
	padding:0!important;
	justify-content:center;
}
.container_trombi_page .items_trombi li {
	margin:0!important;
	padding:0!important;
}
.container_trombi_page img { width: 150px; height: 150px; }

.image_quiz img { max-height:400px;  }

.container_quiz
{
	display: flex;
	flex-direction: row;
	justify-content: left;
	margin-bottom:50px;

  position: relative;
}

.reponse_quiz {

	display: flex;
	flex-direction: column;
	margin-left:20px;
	/*display: none;*/
	visibility: hidden;
}

.famille_quiz { text-transform: uppercase;}

.bouton_jeu {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 10px;
  width: fit-content;
  color: white;
  font-weight: bold;
  cursor: pointer;
  background-color: #f36c5a;
}

.bouton_voir_resultat_jeu
{
  background-color: #1d2a33;
  color:white!important;
}

.container_bouton_jeu_lieu
{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 15px;
  align-items: end;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  padding-left: 15px;
  padding-right: 15px;
}

@keyframes bounce-soft {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px); /* moins haut */
  }
  60% {
    transform: translateY(-5px);  /* moins haut */
  }
}

.bounce-three-times {
  animation: bounce-soft 2s ease;
  animation-iteration-count: 2;
}

.container_jeu_du_lieu .container_bouton_jeu_lieu
{
	top:20px;
	position:relative;
}

.container_item_taxonomy_oiseaux .container_bouton_jeu_lieu
{
  justify-content:space-around;
  width: auto;
  flex-wrap: nowrap;
  align-items:center;
	margin-top: 20px;
}
.image_question img
{
  width: 100px;
height: 100px;
border-radius: 50%;
}

.container_bouton_taxons_lieu
{
  display: flex;
  flex-direction: row;
  gap:30px;
  justify-content: center;
  align-items: flex-start;
  margin-top:5px;
  padding-left: 15px;
  padding-right: 15px;
}

.container_niveau_jeu
{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 15px;

}

.texte_niveau_jeu
{
  color:#f2ed59;
  font-weight: bold;
  font-size: 0.9rem;
}

.container_boutons_jeu
{
  display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px;
    justify-content: flex-start;
    align-items: baseline;
}

.bouton_annuler_session
{
  color:#f36c5a!important;
  cursor:pointer;
}

.bouton_jeu a
{
  color:white;
  font-weight: bold;
}

.bouton_voir_resultat_jeu a
{
  color:white!important;
  font-weight: bold;
}

.libelle_indice_question
{
  cursor:pointer;
  background-color:#f36c5a;
  padding-left:15px;
  padding-right:15px;
  padding-top:5px;
  padding-bottom:5px;
  color:white;
  font-weight: bold;
  border-radius:50%;
  /*border:2px white solid;*/
  width: fit-content;
}

.bouton_suivant_jeu
{
  cursor:pointer;
  background-color:#f36c5a;
  padding-left:15px;
  padding-right:15px;
  padding-top:5px;
  padding-bottom:5px;
  color:white;
  font-weight: bold;
  border-radius:10px;
  /*border:2px white solid;*/
  width: fit-content;
  margin-top:20px;
  margin-bottom:20px;
  opacity: 0;
  pointer-events: auto;
  height: 0;
  width: 0;
}

/* .bouton_suivant_jeu.disabled {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.3s;
}

.bouton_suivant_jeu.active {
    opacity: 1;
    pointer-events: auto;
} */

.container_choix_jeu
{
  display: flex;
  flex-direction: row;
  gap:20px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.item_jeu_moncompte
{
  background-color: #f2ed59;
  border-radius:10px;
  color:black;
  width: fit-content;
  border:2px white solid;
  padding:10px;
  width:20%;
}

.note_generale_moncompte
{
  color:#027a0b;
  font-weight: bold;
  animation: blinker 1s step-end 4;
}

.item_jeu_moncompte a
{
  color:black;
}

.container_item_jeu_moncompte
{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:15px;
}

.sous_titre_moncompte
{
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:20px;
  margin-bottom: 20px;
  color:white;
  font-weight: bold;
  border-radius:10px;
  background-color: #1d2a33;
}

#games_dropdown
{
  margin-left:10px;
  height: 35px;
  border-radius: 10px;
  color:white;
  background-color: #f36c5a;
}

#lieux_dropdown
{
  margin-top:10px;
  height: 35px;
  border-radius: 10px;
  color:white;
  background-color: #f36c5a;
}

/* checkbox css */
ul.checkedbox {
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap:10px;
}
ul.checkedbox li{
  width: 100%;
}
ul.checkedbox li label{
  background-color: white;
  border: 2px solid white;
  color: black;
  border-radius: 10px;
  transition: all .2s;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 2px;
  text-align: center;
  display: block;
  margin-left: 0!important;
}

ul.checkedbox li label::before {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

ul.checkedbox li input[type="radio"]:checked + label::before {
    /* content: "\f00c"; */
    color:white;
    font-weight: bold;
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.checkedbox li input.quiz_success[type="radio"]:checked + label::before {
    content: "\f00c";
}

ul.checkedbox li input.quiz_fail[type="radio"]:checked + label::before {
    content: "\002717";
}

ul.checkedbox li input.quiz_success[type="radio"]:checked + label {
    border: 2px solid white;
    background-color: #027a0b;
    color: #fff;
    transition: all .2s;
}

ul.checkedbox li input.quiz_fail[type="radio"]:checked + label {
    border: 2px solid white;
    background-color: #f36c5a;
    color: #fff;
    transition: all .2s;
}

ul.checkedbox li input[type="radio"] {
  opacity: 0;
  position: absolute;
  display: absolute;
}
ul.checkedbox li input[type="radio"]:focus + label {
  border: 2px solid #e9a1ff;
}
/* fin chech css */

/* début circular counter */

/* fin circular counter */

ul.liste_reponses_evenement
{
	margin-left: 35px !important;
}

.commentaire_evenement
{
	margin-top:20px;
	font-style: italic!important;
}

.box_indice
{
	margin-top:15px;
	margin-bottom:15px;
}

.item_indice
{
	margin-top:3px;
	margin-bottom:3px;
}

li.quiz_success {
    color: white; /* Couleur du texte */
    list-style: none; /* Supprime la puce par défaut */
    position: relative;
}

li.quiz_success::before {
    content: "●"; /* Utilisation d'un caractère rond comme puce */
    color: green; /* Couleur de la "puce" */
    font-size: 1.2em; /* Ajuste la taille si nécessaire */
    position: absolute;
    left: -1.2em; /* Ajuste la position */
}

li.quiz_fail {
    color: white; /* Couleur du texte */
    list-style: none; /* Supprime la puce par défaut */
    position: relative;
}

li.quiz_fail::before {
    content: "●"; /* Utilisation d'un caractère rond comme puce */
    color: red; /* Couleur de la "puce" */
    font-size: 1.2em;
    position: absolute;
    left: -1.2em;
}

.container_option_choix_jeu
{
  padding:15px;
  background-color:#f2ed59;
  color:black;
  border-radius:10px;
}

.numero_du_jeu
{
  position: relative;
  background-color: #027a0b;
  color: white;
  font-weight: bold;
  text-shadow: 2px 2px 2px black;
  border-radius: 10px;
  width: fit-content;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
	font-size: 1rem;
}

.reponse_formulaire
{
  text-align: left;
  text-indent: -50px;
  margin-left: 50px;
  margin-bottom: 7px;
  width: fit-content;
}

.container_notation_counter {
  text-align: right;
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 10px;
	flex-wrap: nowrap;
	float: right;
  position: relative;
}
.container_notation_counter_encours {
  position: absolute;
  text-align: right;
  margin-bottom: 10px;
	right:20px;
}

.choix_lieu
{
  display: none;
}

.chronometer-container {
  text-align: center;
  margin-top: 100px;
  font-family: 'Courier New', Courier, monospace;
}

#chronometer {
  font-size: 5rem;
  background: #000;
  color: #0f0;
  padding: 20px 50px;
  border-radius: 15px;
  display: inline-block;
  box-shadow: 0 0 20px rgba(0, 255, 0, 0.5);
  text-shadow: 0 0 10px #0f0;
  letter-spacing: 3px;
}

.container_reponses
{
  display: flex;
  flex-direction: row;
  gap:20px;
  width: 560px;
	margin-top:5px;
  flex-wrap: wrap;
}
.container_reponses li
{
	font-size: 1.1rem!important;
}
.content ul.checkedbox
{
  margin-top:0!important;
}
.container_jardin input[type="radio"]
{
  display:none!important;
}
.container_item_photos_reponses
{
  display: flex;
  flex-direction: row;
  gap:20px;
  flex-wrap: wrap;
}

ul.resume_questions
{
  width: 100%;
  padding-left:25px!important;
  padding-right:25px!important;
  padding-bottom: 25px!important;
}

.button_image {
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 20px;
  letter-spacing: 4px;
  position: relative;
  background-color: transparent;
  border: none;
  transition-duration: 0.4s;
  overflow: hidden;
  border-radius: 4px;
}

.reponse_image img
{
  border-radius: 10px;
    border: 3px white solid;
    margin-top: 15px;
    max-width: 250px;
    width: 250px;
}
.reponse_image img.link, .detail_mauvaise_reponse_quiz img.link, .lien_reponse_nom img.link, .lien_reponse img.link
{
  border-radius: 0px!important;
  border: 0px!important;
  margin-top: 0px!important;
  max-width: 20px!important;
  width: 20px!important;
  height: 20px!important;
  margin-left: 10px;
}
.lien_reponse img
{
	border-radius: 10px;
}

/* .button_image:hover {
  background: transparent;
}

.button_image:after {
  content: "";
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px !important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.button_image:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}

.button_image:focus { outline:0; } */

.switch input, .container_item_photos_reponses input, .container_item_photos_reponses label {
  display:none;
}

.reponses_coste
{
  /* max-height: 280px!important; */
}

.clickable-image {
  position: relative; /* Necessary for correct positioning */
  z-index: 0; /* Image should be underneath the stripes */
}

.grayscale {
    filter: grayscale(80%);
}

.container_item_photos_reponses img
{
  border-radius: 10px;
}

.container_icone_cartouche_jeu
{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container_question_oiseaux
{
  display:flex;
  flex-direction: row;
  gap:20px;
  text-align: center;
  justify-content:left;
  align-items: baseline;
  flex-wrap: wrap;
}
#audio-player-quiz
{
  border: 3px white solid;
  border-radius: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 360px;
}
.container_formulaire_question
{
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 560px;
	margin-top:60px;
}
.container_formulaire_question img
{
  border-radius: 10px;
}
.container_formulaire_question_photos
{
  display: flex;
  flex-direction: column;
  gap:20px;
	margin-top:65px;
}

.container_formulaire_question form, .container_formulaire_question_photos form
{
  width:fit-content;
}

.container_reponses_photos
{
  margin-top:0px;
}

.cartouche_session_jeu
{
  color: black;
  margin-bottom: 25px;
  width: 100%;
  display: flex;
  flex-direction: row;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
	flex-wrap: wrap;
}

img.icone_cartouche_jeu
{
  width: 20px;
  height: 20px;
  margin-right:10px;
}

.indice_question_image
{
  display: none;
  position: absolute;
  top: 0;
}
.indice_question_texte
{
  display: none;
  position: absolute;
background-color: #f36c5a;
border-radius: 10px;
padding: 15px;
top: 0;
color: white;
border:3px white solid;
font-weight: bold;
}
.texte_question
{
  position: relative;
}

.titre_cartouche_jeu
{
	font-size: 1.3rem;
  line-height: 1.3em;
  color: #FFF;
  text-align: left;
  border-bottom: 3px white solid;
  padding-bottom: 7px;
  width: fit-content;
	margin-bottom: 20px;
}
.titre_cartouche_jeu span
{
	color:#f2ed59!important;
	font-size:0.9rem;
}
.sous_titre_cartouche_jeu
{
  margin-bottom: 10px;
}

.bonne_reponse
{
  	/* background-color: lightyellow; */
    color: white;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
    border:3px white solid;
}

.resume_questions li
{
  width: fit-content;
}

.question_success img, .question_fail img
{
  width: 32px;
  height: 32px;
}
.question_success i
{
  color:#027a0b;
}
.question_fail i
{
  color:#f36c5a;
}

.question {
    /* text-align: center; */
    background-color: lightyellow;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    color: black;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.2em;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: flex-end;
    /* justify-content: center; */
    padding-right: 30px;
    width: 560px;
}

.question div
{
  margin-right:15px;
	margin-left:25px;
}

.comment_question
{
  margin-top: 5px;
  font-style: italic;
  font-size: 0.9rem;

}
.container_question_results
{
  background-color:#1d2a33;
  margin-bottom: 20px;
}

.question_results
{
  background-color: lightyellow;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: black;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.4em;
  padding-left: 15px;
  padding-right: 15px;
}

#results {
    display: block;
    background: white;
    max-height: 200px;
    overflow-y: auto;
    max-width: 90%;
    z-index: 1000;
	color:black;
}
.result-item {
    padding: 8px;
    cursor: pointer;
}
.result-item:hover {
    background: #f0f0f0;
}

.container_bonne_reponse
{
  display: flex;
      flex-direction: column;
      gap: 15px;
      justify-content: left;
      width: 100%;
      margin-top: 25px;
      align-items:flex-start;

}
.container_bonne_reponse audio
{
  display: block;
  border: 3px white solid;
  border-radius: 10px !important;
  width: 90%;
  max-width: 400px;
}
.separateur_menu
{
  height:2px; background-color: #f2ed59;width: 100%;margin-top:5px; margin-bottom:5px;
}
.menu-home, .menu-moncompte
{
  border-top: 2px #f2ed59 solid;
  margin-top: 10px;
  padding-top: 10px;
	width: fit-content;
}
.menu-title-quiz
{
	border-top: 2px #f2ed59 solid;
	padding-top:10px;
	width: fit-content;
	padding-bottom: 10px;
}
.menu-title-quiz a.menu-text
{
	background-color:white!important;
	border-radius:20px!important;
	border: 2px white solid!important;
	color:black!important;
}
.menu-home
{
  font-weight: bold;
  /* text-shadow:2px 2px 2px white; */
}
.menu-home a .menu-text
{
  color:#f2ed59!important;
}
.titre_reponses_niveau
{
  color:#f36c5a;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding-left: 10px;
}
.detail_reponse_quiz
{
  font-style: italic;
  font-size:0.9rem;
  line-height: 1.3em;
  text-align: left;
  margin-top: 10px;
  color:#f2ed59;
}
.detail_reponse_quiz a, .detail_reponse_quiz i
{
  color:#FFF;
}
.detail_mauvaise_reponse_quiz, .detail_bonne_reponse_quiz
{
  font-size:0.9rem;
  line-height: 1.2em;
  color:white;
}

a.lien_reponse
{
  color:white!important;
}

a.lien_reponse_nom
{
  color:white!important;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.image-caption
{
  font-style: italic;
  font-size:0.8rem;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 15px;
  color:#f2ed59;
	margin-top:10px;
}

.separateur_questions
{
  height:1px; background-color:white; width:100%;margin-top:10px; margin-bottom:20px;
}

.container_validation_reponse
{
  display: flex;
    flex-direction: row;
    gap: 15px;
    margin-top: 15px;
    align-items: center;
}

.container_question
{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
  /* width: calc(100vw - 40px); */
  align-items: flex-start;
}

.item_cartouche_jeu
{
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: flex-start;
  align-items: center;
}

.container_noms_internationaux
{
	display: flex;
  flex-direction: row;
  gap:0px;
  justify-content: flex-start;
  align-items: baseline;
}
.plus_noms
{
  position: relative;
  left: 6px;
}

.container_plus
{
  display: none;
}

.plus_noms img
{
  width: 10px;
  height: 10px;
}

.titre_remarque_nom
{
	text-decoration: underline;
	font-size:0.9rem;
	margin-top:10px;
	padding:0;
}

.titre_repartition, .titre_acidite, .titre_ecologie
{
	font-weight: bold;
	width: fit-content;
	/*border-bottom: 1px white solid;*/
  color:#f36c5a;
  margin-right:20px;
}

.titre_dissemination,
.titre_sexualite,
.titre_couleur,
.titre_fruit,
.titre_inflorescence,
.titre_floraison,
.titre_pollinisation
{
	font-weight: bold!important;
	min-width:150px!important;
	color:#f36c5a!important;
}

.container_acidite,.container_ecologie, .container_repartition
{
	display: flex;
	font-size: 0.9rem;
	flex-direction: row;
	gap: 10px;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.liens_additionnels
{
  display: flex;
	flex-direction: row;
	gap: 10px;
  align-items: last baseline;
  justify-content: flex-start;
}

.item_legende_carte_svg
{
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-bottom:4px;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: no-wrap;
}
.container_repartition svg
{
	width: 500px;
	height:500px;
}
.titre_legende_carte_svg
{
	font-weight: bold;
	margin-bottom:10px;
	font-size:1.2rem;
}

.container_dissemination,
.container_sexualite,
.container_couleur,
.container_fruit,
.container_inflorescence,
.container_floraison,
.container_pollinisation
{
	display: flex;
font-size: 0.9rem;
flex-direction: row;
gap: 0px;
justify-content: space-between;
align-items: baseline;
max-width: 350px;
flex-wrap: wrap;
border-bottom: 1px white dotted;
padding-bottom: 5px;
padding-top: 5px;
}

.container_titre_reproduction h3
{
	color:#fff;
	text-decoration: underline;
	font-size:1.3rem;
	margin-bottom: 15px;
}

.fond_carte_tb
{
	background-color: white;
	border-radius: 10px;
	margin-left:15px;
}
.fond_carte_tb svg
{
	width:50px;
	height:50px;
}
.illustration_coste
{
	max-width:300px;
	margin-top: 15px;
}
.container_coste
{
	display: flex;
	flex-direction: row;
	column-gap: 40px;
	row-gap: 20px;
	justify-content: flex-start;
	align-items: baseline;
}

.container_dissemination div,
.container_sexualite div,
.container_couleur div,
.container_fruit div,
.container_inflorescence div,
.container_repartition div,
.container_acidite div,
.container_floraison div,
.container_ecologie div,
.container_pollinisation div
{
	line-height: 1.6em;
}

.rond_couleur_hexa
{
		display: none;
	width:30px; height:30px; border-radius:50px;border:2px white solid;
}
#regne_selector {
	font-size: 17px;
    width: 217px;
    height: 47px;
}
#primary-menu li::before {
    content: "";
    position: relative;
}

.container_boutons_jeux {
	display: flex;
	    flex-direction: row-reverse;
	    position: absolute;
	    top: -5px;
	    right: 0;
	}

.chant_oiseaux_quiz { margin-top:25px; }
.chant_oiseaux_quiz iframe { width:315px; height:160px; }
.container_videos { display: flex;flex-wrap: wrap;clear: both;position: relative;min-height: 260px;}
.container_audios { display: flex;flex-wrap: wrap;clear: both; margin-top: 20px; }
.type_audio { margin-left: 10px; }
/*audio::-webkit-media-controls-mute-button {
  background-color: #f2ed59;
  border-radius: 50%;
}*/

.bouton_jouer_lieu
{
	cursor:pointer!important;
}
.bouton_jouer_lieu a
{
	color:#f2ed59!important;
}

.audios_lieu_qui_chante
{
  margin-top: 15px;
	margin-bottom: 15px;
	max-width: 380px;
}

.chant_oiseaux_fiche {
	margin-right: 15px;
	margin-top: 20px;
	text-align: center;
}

.famille_fiche { padding-bottom: 15px;padding-top:5px; }

.container_audios .splide__arrow--prev  { left: 0; top : 30px; }
.container_audios .splide__arrow--next  { right:0; top : 30px; }

.photos_hors_lieu .splide__arrow--prev  { left:-25px; top: 100px;}
.photos_hors_lieu .splide__arrow--next { right: -25px; top: 100px;}

.container_videos .splide__arrow--prev  { left: -30px; top: 166px; }
.container_videos .splide__arrow--next  { right: -30px; top: 166px; }

.chant_oiseaux_fiche audio {
	/* width: 20%!important; */
	margin-left: auto;
	margin-right: auto;
	min-width: 250px!important;
}
.second_audio { display: none!important;}

.chant_oiseaux_fiche { display: flex;flex-direction:column;}
.container_info_audio { display: flex;flex-direction:row;text-align: center;margin: auto;}
.container_copyright_audio { display: flex;flex-direction:row;margin-bottom: 10px;margin-left:20px;gap:15px; }

.item_video video { width:250px; }

img.main_image_fiche  { border-radius: 10px;width: 100%;}

img.mini_photos_add { border-radius: 10px;}

.container_swipe {
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contenu_swipe {
  width: 80%;
  /* border: 2px solid black; */
  display: flex;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  background-color: aliceblue;
}

.delete_button_swipe {
  margin-left: auto;
  display: block;
  height: match-parent;
  padding: 5px 20px;
  background-color: #da0d25;
  color: white;
  outline: none;
  border: none;
  font-size: 1.3rem;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
	cursor: pointer;
}
.delete_button:hover,
.delete_button:focus {
  background-color: #9c0315;
}

.lien_home_categories { margin-top:20px; }

.container_nom_lieu {
	display: flex;
  flex-direction: column;
  margin-left: 10px;
  font-weight: bold;
  align-items: flex-start;
	gap:0px;
  margin-left: 5px!important;
	/* margin-top: 10px; */
}
.type_nom_lieu_affiche
{
	color:#f36c5a;
	text-transform: uppercase;
	font-size: 0.8rem;
	margin-left: 10px;
}
.commune_lieu, .date_lieu
{
	color:#f36c5a;
	font-weight: bold;
}
.sous_titre_liste_lieu
{
	color:white;
	font-weight: bold;
	font-size: 1.2rem;
	text-transform: uppercase;
	margin-bottom:10px;
	margin-top:10px;
}
.info_admin_lieu
{
	color:#f36c5a;
}

.nom_du_lieu
{
	text-align: left;
    font-family: "Poppins";
    font-size: 1.3rem;
    height: auto;
		margin-top:5px;
		display: flex;
		flex-direction: row;
		gap:10px;
		align-items: center;
    position: relative;
    left:3px;

}
.monlieu
{
  font-size: 0.8rem;
  box-shadow: 0px 0px 4px white;
  position: absolute;
  border-radius: 20px;
  background-color: #f36c5a;
  color: white;
  width: fit-content;
  padding-left: 8px;
  padding-right: 8px;
  top: 17px;
  left: 262px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: Courgette;
  z-index: 1000;
  font-style: normal;
  display:none;
}
.modif_monlieu
{
	left: 0;
  position: relative;
  top: 0px;
}
.arrow_lieu img {
	width: 28px;
    height: 28px;
}
.spin_lieu
{
	position: relative;
    left: -8px;
    top: 1px;
}
.spin_lieu img{
	width: 32px;
    height: 32px;
}
.modif_monlieu img {
	width: 14px;
	height: 14px;
}

.container_images_home { display: flex;flex-direction: row;gap : 20px;flex-wrap: wrap;justify-content: center;
    align-items: center;}
.image_home img { width:250px;}
.image_home div {
	position: relative;
    color: white;
    text-shadow: 1px 2px 0px black;
    text-align: center;
    padding-top: 5px;
    background-color: black;
    padding-bottom: 5px;
	}
.titre_home { text-align: center;text-transform: uppercase; font-size: 30px; color:white; text-shadow: 1px 1px 1px white; margin-bottom:50px;margin-top:20px; line-height: 50px; }
.image_home { border:1px white solid;  }

.citation_intext
{
  color:#f2ed59;
  font-size:0.9rem;
  font-weight: bold;
  margin-left:5px;
  margin-right:5px;
}

.page-id-15484 form#search-filter-form-7399 li[data-sf-field-type="post_meta"] {
  border: 1px solid white;
	padding:10px!important;
}

.page-id-15149#search-filter-form-15485 form ul{
	display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    align-items: end;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

/* boutons choix niveau */
#radios_niveau{
  position: relative;
  width: 140px;
  margin-top: 30px;
  font-size: 1.2rem!important;
  /* font-family: "Poppins"; */
}
#radios_niveau input[type="radio"]{
  /* position:absolute;
  right:1000%; */
  display: none;
}
#radios_niveau input[type=radio]
{
  margin: 0;
}
#radios_niveau label
{
  float: left;
      width: 15%;
      padding-bottom: 15%;
      margin: 0 2.5%;
      background: #027a0b;
      border-radius: 50%;
      cursor: pointer;
}
#radios_niveau #slider{
  position:absolute;
  left:0%; top:0;
  width:10%; padding-bottom:10%;
  margin:2.5% 0 0 5%;
  background:#fff;
  transition:transform 1s;
  border-radius:50%;
  animation-timing-function: ease-in-out;
  animation-duration:.3s;
  animation-fill-mode: forwards;
  transition: 0.2s left .05s ease-in-out;
  background-color: white;
}
#niveau1:checked  ~ #slider{ animation-name: niveau1; left:0; }
#niveau2:checked  ~ #slider{ animation-name: niveau2; left:20%; }
#niveau3:checked  ~ #slider{ animation-name: niveau3; left:40%; }
#niveau4:checked  ~ #slider{ animation-name: niveau4; left:60%; }
#niveau5:checked  ~ #slider{ animation-name: niveau5; left:80%; }

@keyframes niveau1{ 30%, 70% { transform:scale(0.5); } }
@keyframes niveau2{ 30%, 70% { transform:scale(0.5); } }
@keyframes niveau3{ 30%, 70% { transform:scale(0.5); } }
@keyframes niveau4{ 30%, 70% { transform:scale(0.5); } }
@keyframes niveau5{ 30%, 70% { transform:scale(0.5); } }

.label_niveau1
{
  position: absolute;
  top: -32px;
  left: 11px;
}
.label_niveau2
{
  position: absolute;
  top: -32px;
  left: 38px;
}
.label_niveau3
{
  position: absolute;
  top: -32px;
  left: 66px;
}
.label_niveau4
{
  position: absolute;
  top: -32px;
  left: 92px;
}
.label_niveau5
{
  position: absolute;
  top: -32px;
  left: 122px;
}

.container_niveau_jeu_page_creation
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.container_niveau_jeu_page_creation #radios_niveau
{
  margin-top: 35px!important;
}

.container_niveau_jeu_page_creation #radios_niveau label
{
  background: #f36c5a;
}
/* boutons choix niveau */

/* image flip */
.item_photos_reponses .card
{
    perspective: 1000px;
    cursor: pointer;
}
.item_photos_reponses .card--flipped .card__inner,
.item_photos_reponses .card--flipped .card__inner,
.item_photos_reponses .card--flipped .card__inner
{
    transform: rotateY(180deg);
}

.item_photos_reponses .card,
.item_photos_reponses .card__inner
{
    position: relative;
}

.item_photos_reponses .card__inner
{
    transition: transform 0.75s ease-in-out;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
}

.item_photos_reponses .card__back
{
  display:flex;
  flex-direction: column;
  gap: 20px;
  transform: rotateY(180deg);
  background-color: #1d2a33;
}
.item_photos_reponses .nom_card_back, .nom_card_back
{
  font-size:1.1rem;
  line-height: 1.3em;
  text-align: center;
  font-weight: bold;
	color:white!important;
}
.card
{
	background-color: transparent!important;
}
.item_photos_reponses .card__back img
{
  width: 90px;
  height: 90px;
}
.item_photos_reponses .card__front,
.item_photos_reponses .card__back
{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    backface-visibility: hidden;
    overflow: hidden;
}

.container_jardin .card
{
    perspective: 1000px;
    cursor: pointer;
}
.container_jardin .card--flipped .card__inner,
.container_jardin .card--flipped .card__inner,
.container_jardin .card--flipped .card__inner
{
    transform: rotateY(180deg);
}

.container_jardin .card,
.container_jardin .card__inner
{
    position: relative;
}
.link_card_back img
{
  width: 32px!important;
  height: 32px!important;
  position: absolute;
  left: 10px;
  top: 15px;
}

.container_jardin .card__inner
{
    transition: transform 0.75s ease-in-out;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
}

.container_jardin .card__back
{
  display:flex;
  flex-direction: column;
  gap: 20px;
  transform: rotateY(180deg);
  background-color: #1d2a33;
  border:1px white solid;
}
.container_jardin .card__back div:first-child
{
  padding:10px;
}

.search-filter-base:has(.search-filter-input-group:empty) {
  display: none !important;
}

.search-filter-base:has(.search-filter-input-group:empty) {
  display: none;
}

.container_jardin .nom_card_back
{
  font-size:0.9rem;
  line-height: 1.2em;
  text-align: center;
  font-weight: bold;
}
.container_jardin .nom_latin_card_back
{
  font-size:0.8rem;
  font-style: italic;
  line-height: 1.2em;
  text-align: center;
  color:#f2ed59;
}
.container_jardin .famille_card_back
{
  font-size:0.8rem;
  text-align: center;
  text-transform: uppercase;
  color:#027a0b;
}

.container_jardin .card__front,
.container_jardin .card__back
{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    gap:3px;
    justify-content: center;
    align-items: center;
    backface-visibility: hidden;
    overflow: hidden;
}
/* image flip */

@media (max-width: 1420px) {
	.sf-field-post-meta-taxon_1 {
				width: 100%;
			}
}

@media (max-width: 1300px) {
	.container_elements_lieu { flex-direction: column; }
	.container_splide_image_lieu img {
		max-width: 100%;
	}
	.container_splide_image_lieu
	{
		width: 100%;
		margin-left: 0px;
	}
}

@media (max-width: 1000px) {
	.container_repartition svg
	{
		width: 100%;
		height: 100%;
	}
	#main { margin-top:0; }
	.page-id-21700 .wpb_single_image .vc_figure-caption{
		font-size: 0.9rem!important;
		}
	.contenu_swipe:hover .delete_button {
		transform: scaleX(1) !important;
	}
	.change_type_picto { width: 24px; height: 24px; }

	.reajust_with_searchbox { width:69%!important; }
	.tool { margin-right:15px;}

	.image_quiz img { max-width: 100%; max-height: none; }
	.second-switch-logo-left.second-switch-menu-right .mobile-header-bar .mobile-mini-widgets  { justify-content: right;}
	.second-switch-logo-left.second-switch-menu-right .mobile-header-bar { justify-content: center;}
	.hide_images { margin-left:20px;}
	.container_boutons_jeux
	{
		display: flex;
		flex-direction: row-reverse;
		position: relative;
		top: -5px;
		right: 0;
	}
	.container_quiz { flex-direction: column-reverse;margin-left: 20px;}
	.reponse_quiz {
		margin-top:25px;
		margin-left:0px;
		margin-bottom: 10px;
	}
	/*.a_savoir_quiz, .famille_quiz { display: none;}*/
	.container_quiz
	{
		top:0;
		margin-top: 10px;
	}
	.container_select_quiz {
		 top:80px;
	}
	#main { margin-top: 0px;}

	.container_elements_lieu {
		display: flex;
	    /* justify-content: center; */
	    flex-direction: column;
		}
		.container_image_lieu img { max-width: 100%;margin-left: 0; }
		.container_item_lieu_regnes { text-align: center;}
		.container_item_search_goliste  {
				width: 30%;
		}
		figure.image_principale_fiche_desktop img
		{
			margin-top:60px;
		}
}

@media (max-width: 800px) {
  .question
  {
    max-width: unset;
    width: unset;
  }
  .container_question
  {
    width: calc(100vw - 40px);
  }
  .item_jeu_moncompte {
    width: 25%;
  }
}

@media (max-width: 778px) {

	#main > .wf-wrap
	{
		padding: 0 21px 0 21px!important;
	}
	.container_bouton_photos_add
	{
	  top: 25px;
	}
	.bouton_home_1
	{
		margin-top:10px!important;
	}
  h1
  {
    font-size:1.4rem;
  }
  h2
  {
    font-size:1rem;
  }
  h3
  {
    font-size:1rem;
  }
  .container_liens_additionnels
  {
    border:0;
    padding:0;
    margin-top:10px;
  }
	.container_coste
	{
	    flex-direction: column;
	}
	.container_description_botanique
	{
		flex-direction: column;
	}
	figure.image_principale_fiche_desktop img
	{
		max-height: 100%;
	}
	.container_nav {
  margin-top: 0px;
	}

	.container_item_search_goliste  {
			width: 45%;
	}

	.liste_sous_sous_lieux {
    font-size: 14px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: left;
    align-items: baseline;

	}

	#main { padding:0; }

	.container_breadcrumbs  {
		display: flex;
		font-size:0.8rem;
		margin-bottom: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
		align-items: baseline;
	}

	.icone_change_lieu
	{
		width: 80px;
    font-size: 0.7rem;
    line-height: 15px;
	}
	.sous_titre_lieu { padding: 0; }
	.picto_change_lieu img { width: 30px; height: 30px; }
	.grille {
	  grid-gap: 50px;
	  grid-auto-rows: 10px;
	}

	.container_elements_lieu {
    display: flex;
    flex-direction: column-reverse;
	}

	.container_image_lieu img {
    max-width: 100%;
    margin-left: 0px;
    max-height: none;
	}
	#main { margin-top: 0px;}
	.main_image_fiche { margin-left: auto;margin-right: auto;margin-top:15px;}
	.mini_photos_add { height:110px; }
	.photos_lieu { margin-top: 10px; height: 110px; }
	.photos_hors_lieu, .photos_lieu, .photos_specimens, .photos_traces, .photos_dessins { height: 140px; }

	.container_tool_image { top: 0px; left: 4px;cursor: pointer;}
	.loupe_image {left: 4px; top: 0px;}
	.container_contenu_image_fiche { flex-direction: column-reverse!important; }
	article.taxons ul {

			margin-top: 4px!important;
	}
	button.infobulle_fiche { font-size: 10px; }

	.liens_generaux .categorie {
			font-size: 10px;
	}

	.liens_generaux .description {
		  font-size: 0.7rem;
      line-height: 1.5em;
		}

	figure.image_principale_fiche_desktop {
		clear: both;
    float: none;
		text-align: left;
    max-width: 100%;
    margin-left: auto;
    margin-top: 15px;
    margin-right: auto;

	}
	.container_bouton_photos_add {  padding-bottom: 30px; }
	.container_contenu_fiche { width: 100%;}
	.container_nom_fiche { margin-top:0px;  }
	.titre_item_fiche, .titre_item_liste_lieu { margin-top:20px; }

	.container_contenu_image_fiche { clear:both;}
	input#input_description, input#input_wikimedia, input#input_flickr,input#input_gbif  {
		margin-top:20px;
	}
	.item_video video { width:190px; }
	.item_video {
			margin-left: 5px;
	    width: 200px;
	    height: 180px;
			margin-top:20px;
	}
	.nom_scientifique_fiche { margin-top:0; }
	.container_single_labels .single_label img { width: 32px; height: 32px; }
	.container_single_labels { top:10px; }

	.container_nom_fiche {
		clear:both;
	}
	.page-id-21700 .wpb_single_image .vc_figure-caption{
		font-size: 1.3rem!important;
		}
		.wpforms-form
		{
			width:100%!important;
		}
		.illustration_coste
		{
			max-width:200px;
		}

}

@media (max-width: 700px) {
	.leaflet-control-layers-overlays img { display:none; }
  #map { width:55vw; }
  .container_items_trombi .splide__arrow--prev
  {
    top: 95px !important;
    left: -25px;
  }
  .container_items_trombi .splide__arrow--next
  {
    top: 95px !important;
    right: -20px;
  }
	.page-id-21700 h3 {
	font-size: 1.3rem;
	}
	.nom_du_lieu
	{
		text-align: left;
		font-size: 1rem;
		max-width: 380px;
		line-height: 1.2em;
	}

  .welcome_footer { display: none; }

	.texte_change_lieu { display: none; }
	#fancybox-title { display: none; }
	.item_row { flex-direction: column!important; }
	.item_famille { position: relative; top: -5px;}
	.item_nom_scientifique { position: relative; top: 0px;}
	.item_nom_commun { position: relative; top: 0px;}
	.item_nom_scientifique { line-height: 15px;}
	.item_famille  { font-size: 11px;line-height: 30px}

	.rapid_tools {
		right: 19px;
    top: 27px;
	}
	.rapid_tools img { width: 15px; height: 15px; }
	.vc_col-sm-3 { width: 100%!important; }

	#regne_selector {
		font-size: 13px;
	    width: 160px;
	    height: 47px;
	}

	.container_tools { gap: 7px; }
	.item_menu_regnes { border-radius: 14px; }
	.item_menu_regnes img { width:20px; height: 20px; }
}

@media (max-width: 600px) {
	.sous_container_recherche_lieux
	{
		width: auto;
		max-width: none;
		margin-top:0;
	}
	.container_reponses
	{
	  width: 100%;
	}
  #map
  {
    width:100%!important;
  }
  .liste_sous_lieux
	{
    width: 100%!important;
	}
  .item_jeu_moncompte {
    width: 40%;
  }
}

@media (max-width: 650px) {
	.container_recompense_jeu
	{
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    width: auto;
		/* position: relative;
		top:0;
		left:0; */
	}
}

@media (max-width: 565px) {
  .nom_espece_question
  {
    font-size:1.4rem;
  }
  ul.checkedbox {
      gap:5px;
  }
  ul.checkedbox li label
  {
    font-size: 0.9rem;
    padding-top:2px;
    padding-bottom: 1px;
  }
  .container_reponses li
  {
    font-size: 0.9rem;
  }
  .item_photos_reponses .nom_card_back, .nom_card_back
  {
    font-size:0.9rem;
    line-height: 1.1em;
  }
  .item_photos_reponses .card__back
  {
      gap:10px;
  }
  .item_photos_reponses .card__back img
  {
    width: 70px;
    height: 70px;
  }
  .contenu_noms_occitans audio
	{
		width:100%!important;
	}

	.description_pancarte_single ul li, .liste_taxons_pancarte ul li, .liste_choix_lieux ul li {
		width:100%;
	}

	.nom_branding { font-size:2.1rem;width: max-content; }
	figure.image_principale_fiche_desktop
	{
		margin-bottom: 0px;
	}
	.separateur_header {
		height:20px;
	}
	.container_item_search_goliste  {
			width: -webkit-fill-available;
	}
	.container_swipe {
		min-width: 0;
		max-width: 500px;
		margin: 0 auto;
	}
	#regne_selector{
		font-size: 11px;
		width: 135px;
	}
	.chant_oiseaux_fiche audio {
			width: 250px;
	}
	.container_marqueurs { margin-left: 3px;margin-top: -3px;}

	.container_marqueurs img { width: 20px; height: 20px; }
	.container_search { justify-content: center;align-items: baseline;}
	.container_nom_page h1 {  font-size: 1.5rem;}

	.container_nom_lieu
	{
		align-items: flex-start;
	}
	.titre_change_lieu
	{
		width: max-content;
		font-size: 0.8rem;line-height:1.1em;min-width:63px;
	}
  .image_home img { width:100%;}
  .image_home div {
  	font-size:20px;
  	padding-top: 10px;
  	padding-bottom: 10px;
	}

	.iframe_video { height:190px; }
	.legend_video { margin-top:-20px; }
	.container_fiche_symptomes ul, .container_fiche_pu ul, .container_fiche_proprietes ul,
	.container_fiche_galeniques ul, .container_fiche_molecules ul {
		display: flex;
		flex-direction: column;
		 }
	.container_videos div div { margin-left:0px; }
	.item_nom_scientifique { font-size:11px;line-height:16px;margin-top:3px;margin-bottom: 3px;}
	.item_nom_commun
  {
    font-size: 0.8rem;
    line-height: 1.4em;
    margin-top: 3px;
    text-align: center;
  }
	.item_famille  {
    font-size: 0.7rem;
    line-height: 1.3em;
    margin-top: 5px;
  }
	ul li { text-align: left;}
	.container_audios { overflow-x: scroll; flex-wrap:nowrap;}
	.container_videos_wiki { overflow-x: scroll; flex-wrap:nowrap;}
	.second-switch-logo-left.second-switch-menu-right .mobile-header-bar .mobile-mini-widgets  { justify-content: center;flex-direction: column;align-items: flex-start;}
	.container_tools { gap: 6px;margin-top:13px;margin-bottom: 0px; }
	.item_menu_regnes img { width:24px; height: 24px; }
	.item_menu_regnes { padding:8px; }
	.icone_change_lieu { top:6px; right:-37px;}
	.vous_etes_ici { font-size:0.7rem;position: relative;}
}

/* responsive smartphone*/
@media (max-width: 565px) {
  .question_results
  {
    font-size: 0.8rem;
  }
	.container_recompense_jeu .bravo_jeu {
    color: white;
    text-align: left;
    font-weight: bold;
    font-size: 1.3rem;
    /* width: 100%; */
    /* text-align: center; */
	}
	#loader_win_page_jeu {
		right: 120px;
		top: 150px;
		width: fit-content;
	}
	#loader_win_page_jeu
	{
	  right: 120px;
    top: 150px;
	}
	#loader_win_page_jeu img
	{
		max-height: 150px;
	}
	.container_fiche ul
	{
		margin-left: 0px!important;
	}
	.container_fiche_symptomes ul li, .container_fiche_pu ul li,
	.container_fiche_proprietes ul li, .container_fiche_galeniques ul li,
	.container_fiche_molecules ul li
	{
		margin-bottom: -5px;
		margin-left:10px;
	}
	.container_mini_smartflore
	{
			text-align: center;
	}
	.container3_filtres_recherche_taxons
	{
		margin-top:0;
	}
	.submit_search_taxons, .reset_search_taxons, .submit_search_definition, .reset_search_definition
	{
		width: unset!important;
	}
	figure.image_principale_fiche_desktop img
	{
		margin-top:0px;
	}
	.famille_search_taxons, .taxon_1_search_taxons, .proprietes_search_taxons,
	.symptomes_search_taxons, .sort_search_taxons
	{
		width: 48%;
	}
	.mot_cle_live_search_taxons
	{
		width: 100%!important;
	}
	.sous_container_recherche_lieux
	{
		width: auto;
		max-width: none;
		margin-top:0;
	}
	.sous_container_recherche_lieux input
	{
		max-width: 100%;
	}
	.container_protection
	{
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		gap:10px;
		align-items: center;
		margin-bottom:10px;
		margin-top:10px;
	}
	.taxons-template-default h1.entry-title {
		width: 100%;
		margin-top:0!important;
		margin-bottom:0!important;
	}
	.sous_titre_cartouche_jeu
	{
	  padding-right: 60px;
		font-size: 0.8rem;
	}
	.audios_lieu_qui_chante
	{
		margin-left: auto;
		margin-right: auto;
	}
	.page-title-head
	{
		margin-bottom:0;
		width: fit-content;
	}
  #slide_liens .splide__arrow--prev {
    left: -25px;
  }
  #slide_liens .splide__arrow--next
  {
    right: -25px;
  }
  h1
  {
    font-size:1.3rem;
    line-height: 1.3em;
  }
  h2
  {
    font-size:1.2rem;
    line-height: 1.3em;
  }
  h3
  {
    font-size:1.1rem;
    line-height: 1.2em;
  }
  .container_item_habitat
  {
    padding-bottom:20px;
  }
  .container_item_habitat a
  {
    width: 100%!important;
  }
  .li_liste_sous_lieux_habitat
  {
    width: 100%;
  justify-content: space-between;
  padding: 10px;
  margin-left: -10px;
  }
  .li_liste_sous_lieux
  {
    /* width: 100%; */
    padding:10px;
    justify-content:space-between;
  }
  .logo_mobile_menu
  {
    text-align: left;
  }
  .titre_mobile_menu
  {
    left: -46px;
    font-size:1rem!important;
    padding-left: 44px;
    margin-left: 0;
    margin-right: 0;
  }
  .audios_lieu_qui_chante
  {
    max-width: 80%;
  }
  .container_formulaire_question_photos
  {
    width: 100%;
  }
  #map
  {
    width:100%;
  }
  .splide__arrow--prev
  {
    top: 50px !important;
  left: -25px;
  }

  .splide__arrow--next
  {
    top: 50px !important;
  	right: -25px;
  }
  .container_videos .splide__arrow--prev
  {
		left: -30px!important;
    top: 166px!important;
  }
	.container_splide_image_lieu .splide__arrow--prev {
	  top: -10px!important;
	}

	.container_splide_image_lieu .splide__arrow--next {
	  top: -10px!important;
	}
  .container_videos .splide__arrow--next
  {
	right: -30px!important;
    top: 166px!important;
  }
  .container_bouton_taxons_lieu
  {
    gap:30px;
    font-size:0.8rem;
    margin-top: 15px;
  }
  .titre_icone_taxonomy_lieu
  {
    position: relative;
  }
  .question_results
  {
    text-align: center;
  }
  .container_item_taxonomy_oiseaux .container_bouton_jeu_lieu
  {
    align-items:center;
		justify-content:space-around;
  }
  .container_boutons_oiseaux {
    flex-direction: column;
    gap:10px;
  }
  .container_item_oiseaux
  {
    width: 100%;
    min-width: unset;
  }
  .container_question
  {
    width:100%;
  }
  .container_question_oiseaux
  {
    gap:20px;
    width: 100%;
  }
  .question {
		font-size: 1.1rem;
		line-height: 1.6em;
    min-width: unset;
		width: 100%!important;
  }
  #audio-player-quiz
  {
    max-width: 560px;
  }
  .container_reponses
  {
    width: 100%;
  }
  .container_formulaire_question {
    width: 100%!important;
  }
  .cartouche_session_jeu
  {
    font-size: 1.4rem;
    line-height: 1.4em;
    flex-direction: row;
  }

  .card__back img
  {
    width: 50px;
    height: 50px;
  }
  .titre_reponses_recap_session
  {
    margin-left: auto;
    margin-right: auto;
  }
  .container_infos_cartouche_recap_session .lieu_session
  {
    flex-direction: column!important;
    gap:0;
  }
  .container_infos_cartouche_recap_session
  {
   padding:10px;
  }
  .container_notation_counter
  {
  	position: relative;
  	/* right: 20px;
		top:0; */
  }
  .container_notation_counter_encours {
    position: absolute;
    text-align: right;
    right: 20px;
    margin-top: 0px;
  }
  .container_cartouche_recap_session
  {
    justify-content:space-between;
    margin-right: auto;
    width: 98%;
    padding: 0!important;
    padding-left:5px;

  }
  .container_tools_box_lieu {
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }
  .titre_trombi
  {
    justify-content: center;
  }
  .container_bouton_jeu_lieu
  {
    justify-content: center;
    margin-bottom: 25px;
    width: 100%;
  }
  .detail_reponse_quiz
  {
    text-align: center;
  }
  .container_bonne_reponse
  {
    align-items: center;
    justify-content: center;
    width: auto!important;
  }
  ul.resume_questions
  {
    width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  }

  .container_validation_reponse
  {
    align-items: center;
    justify-content: center;
  }
  .indice_question_texte
  {
    position: relative;
    top:-25px;
  }
  .indice_question_image
  {
    position: relative;
    top:-25px;
  }
  .titre_cartouche_jeu {
    border-bottom: 3px white solid;
    padding-bottom: 7px;
    margin-bottom: 20px;
    max-width: 70%;
    font-size: 1rem;
  }
  .item_jeu_moncompte {
    width: 40%;
  }
  .bonne_reponse
  {
    max-width: 100%;
  }
  .fleche_retour {
    top: -28px;
  left: -6px;
  position: relative;
	}
  .separateur_header { height:20px; }
  form.searchandfilter ul { display: flex; flex-wrap: wrap; flex-direction: column;padding: 0;}
	.container_repartition svg
	{
		width: 100%;
		height: 100%;
	}
	.illustration_coste
	{
		width:100%;
		max-width:100%;
	}
	.page-id-21700 h3 {
	font-size: 1.1rem;
	}
	.container_fiche
	{
    margin-top:0px;
	}
	.container_fiche li
	{
    line-height: 1.5em !important;
    margin-bottom: 0px;
  }

	.container_tools_taxonomy_lieu {
	    justify-content: center;
      width:100%;
	}
  .container_item_taxonomy_lieu, .container_item_taxonomy_niveau, .container_item_taxonomy_oiseaux
  {
    width:100%;
  }
	.container_branding { justify-content: center;}
	.container_nom_lieu {
    margin-left: 0px;
    gap: 0px;
    /* width: max-content; */
    overflow: visible;
	}
	.item_famille  { margin-top:8px;}
	.item
	{
		width: 100%;
		text-align: left;
	}
	#main
	{
		padding: 0px 0 0px 0!important;
	}
	.vous_etes_ici
	{
		justify-content: flex-start !important;
    top:-10px!important;
	}
	.search-filter-results { margin-top: 0; }
	.container_infos_lieu { font-size:1rem!important;}
	.icone_change_lieu { left: 3px;
    position: relative;
    top: -6px;}
	.liste_sous_lieux
	{
    width: 100%;
	}
  .numerotation_liste_lieu
  {
    row-gap: 11px;
    column-gap: 0;
  }
	.titre_sous_lieu
	{
		font-size: 0.9rem;
	}
	.image_home div {
		font-size:18px;
		padding:20px;
	}
	.container_nom_page h1 {  font-size: 1.5rem;  }
	.container_select_quiz {
		 top:120px;
	}
	.chant_oiseaux_fiche audio {
			width: 250px;
	}
	.titre_lieu {
    line-height: 1em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 5px;
	}
	.container_item_search  {
		    /* display: flex!important; */
	      /* flex-direction: row!important; */
				padding-bottom: 0px!important;
		    justify-content: center!important;
		    align-items: flex-start!important;
				border-bottom: 0px!important;
		    /* flex-direction: column!important; */
		    gap: 10px!important;
	}
	.container_item_search .link_result  {
		    flex-direction: column!important;
	}
	.container_item_search .link_result
	{
		display: flex;
		flex-direction: row;
		gap:0px;
	}
	.container_search { flex-direction: row;justify-content: left;}
	.container_nom_page
	{
		gap:10px;
	}
	.page-id-21700 .wpb_single_image .vc_figure
	{
		width: 100%;

	}
	.page-id-21700 .wpb_single_image .vc_figure img
	{
		width: 100%;
	}
	.infos_item_taxonomy_lieu
	{
		display: flex;
		flex-direction: row;
		gap:5px;
		flex-wrap:wrap;
	}
	.tool_images_public {
	    gap: 1px;
			margin-top: 3px;

	}
	#map .legend {
		gap:3px;
	}
	.sous_titre_lieu { font-size: 0.7rem; }

	.nom_taxon_trombi
	{
		font-size: 0.7rem;
	  line-height: 1.4em;
	}
	.container_facteurs_pedologiques, .container_facteurs_ecologiques
	{
		padding: 10px;
		width: 100%;
	}
	.titre_item_fiche
	{
		font-size:1.1rem;
		line-height: 1.3em;
	}
	.container_preferences_ecologiques
	{
		flex-direction: column;
		column-gap: 25px;
	}
	.container_repartition, .container_acidite, .container_ecologie
	{
		margin-top: 15px;
		flex-direction: column;
		gap:0;
		margin-bottom: 15px;
	}
	.container_sexualite,
	.container_couleur,
	.container_fruit,
	.container_inflorescence,
	.container_repartition,
	.container_floraison,
	.container_dissemination,
	.container_pollinisation
	{
		gap:0;

	}
	figure.image_principale_fiche_desktop figcaption
	{
		font-size:0.8rem;
    width: max-content!important;
	}
	.illustration_coste
	{
		width:100%;
	}
	.description_habitat_lieu
	{
		width:100%;
	}
	#map
	{
		/* width:100%!important; */
	}
	.nom_branding { font-size:1.7rem;line-height: 1.2em;}
  .container_liens_additionnels
  {
    gap: 10px;
  }
  .container_description_fiche
  {
    text-align: left;
  }
  .liens_generaux .splide__slide img
  {
    max-height:30px!important;
  }
  .picto_florealpes, .picto_ecosia,
  .picto_specieswiki, .picto_openverse, .picto_flickr, .picto_inpn
  {
    max-height:30px!important;
  }

  .container_loupe_header {
   display: none;
  }
	.container_loupe_header_mobile
	{
		display: block;
		top: 30px;
		right:8%;
		position: absolute;
		z-index: 103;
	}
  .top-bar .right-widgets
	{
		display:block!important;
	}
	 .top-bar .left-widgets
	{
		width: 100%!important;
		height: 30px!important;
		display: flex!important;
		justify-content: end!important;
	}
  .container_branding_lieu p
  {
    margin:0;
  }

}

@media (max-width: 420px) {
  .container_popup img
  {
  	max-width: 380px;
    max-height: 280px;
  }
  #recherche_lieux
  {
    margin-top:10px;
    max-width: 100%;
    width: 100%;
  }
  #resultats_lieux
  {
    max-width: 100%;
    width: 100%;
  }
  #go_lieu
  {
    margin-top:25px;
    margin-left: 0;
    width: 100%;
  }
  .show-device-logo .mobile-branding img {
  	/* min-width: 60px; */
  	position: relative;
  	left: 8px;
    width:60px;
    height: 60px;
  }
	.legende_menu_footer
	{
		display: none;
	}
}

@media (max-width: 380px) {
  .question
  {
    font-size:0.9rem;
  }
	.nom_du_lieu
	{
		max-width: 250px;
	}
  .item_jeu_moncompte {
    width: 95%;
  }
  .titre_cartouche_jeu {
    font-size: 1.1rem;
    line-height: 1.2em;
  }
}

@media (max-width: 333px)
{
  .container_bouton_jeu_lieu
  {
    margin-left: 0px;
    margin-right: 0px;
  }
	.titre_item_fiche
	{
		font-size:1.2rem;
		line-height: 1.2em;
	}
	.titre_sexualite,
	.titre_couleur,
	.titre_fruit,
	.titre_inflorescence,
	.titre_floraison,
	.titre_pollinisation,
	.titre_dissemination
	{
		line-height: 0;
		margin: 0;
		padding: 0;
	}
	.container_sexualite,
	.container_couleur,
	.container_fruit,
	.container_inflorescence,
	.container_repartition,
	.container_floraison,
	.container_dissemination,
	.container_pollinisation
	{
		flex-direction: column;
		gap:0px;
		width: 100%;
		line-height: 0;
		font-size:0.8rem;
	}
	.nom_du_lieu
	{
		font-size: 0.8rem;
	}
	.mobile-logo { display: none; }
	.nom_branding { font-size:1.3rem;}
	.sous_titre_lieu { font-size: 0.5rem; }

	.first-switch-logo-left.first-switch-menu-right:not(.second-switch-menu-left) .mobile-header-bar .mobile-navigation
	{
		margin-left: 0px;
		position: relative;
		left: 13px;
	}
	.breadcrumbs_taxon3 { display: none; }
	.breadcrumbs_taxon4 { display: none; }
	/*.item { width:150px; }*/
	.container_nom_page h1 {  font-size: 1.3rem;  }
	.container_nom_page {
	    position: relative;
	    top: 10px;
	}

	.menu_settings { display: none; }

	.container_nom_page {
		display: flex;
		/* flex-direction: row-reverse; */
		align-items: baseline;
		justify-content: flex-end;
		gap: 5px;
		margin-bottom: 30px;

	}
	.first-switch-logo-left.first-switch-menu-right:not(.second-switch-menu-left) .mobile-header-bar .mobile-navigation
	{
		margin-left: 0px;
	}

	.icone_change_lieu { left:0; }
	.sous_titre_lieu { width: max-content;}
	.second-switch-logo-left.second-switch-menu-right .mobile-header-bar .mobile-mini-widgets  { justify-content: center;align-items: baseline;}
  .monlieu { top: 5px; right: 5px; }
}

/* ============================================================
   JEU / QUIZ — Améliorations design & responsive (2026-03)
   Ergonomie · Animations · Responsive · Jouabilité
   ============================================================ */

/* --- Keyframes --- */
@keyframes jeu-slide-in {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes jeu-pop-success {
  0%   { transform: scale(1); }
  35%  { transform: scale(1.05); }
  65%  { transform: scale(0.97); }
  100% { transform: scale(1); }
}
@keyframes jeu-shake-fail {
  0%, 100% { transform: translateX(0); }
  20%       { transform: translateX(-7px); }
  40%       { transform: translateX(7px); }
  60%       { transform: translateX(-4px); }
  80%       { transform: translateX(4px); }
}
@keyframes jeu-pulse-badge {
  0%   { box-shadow: 0 0 0 0 rgba(255,255,255,0.55); }
  70%  { box-shadow: 0 0 0 9px rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}
@keyframes jeu-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* --- Conteneur principal : animation d'entrée + responsive --- */
.container_formulaire_question {
  max-width: 600px;
  width: 100% !important;
  margin-top: 40px;
  animation: jeu-slide-in 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.container_formulaire_question_photos {
  animation: jeu-slide-in 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

/* --- Bloc question : responsive + ombre douce --- */
.question {
  width: 100% !important;
  max-width: 600px;
  box-sizing: border-box;
  border-radius: 14px;
  box-shadow: 0 3px 14px rgba(0,0,0,0.13);
  animation: jeu-slide-in 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

/* --- Zone réponses texte : responsive --- */
.container_reponses {
  width: 100% !important;
  max-width: 600px;
  animation: jeu-slide-in 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

/* --- Boutons réponse texte : ergonomie & animations --- */
ul.checkedbox li label {
  min-height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 11px 18px !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 13px !important;
  box-shadow: 0 2px 7px rgba(0,0,0,0.07);
  transition: background-color 0.15s ease,
              border-color 0.15s ease,
              transform 0.13s ease,
              box-shadow 0.15s ease !important;
}
ul.checkedbox li label:hover {
  background-color: #f0f5ff !important;
  border-color: #6b9fff !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 14px rgba(0,0,0,0.13);
}

/* Bonne réponse : vert + animation pop */
ul.checkedbox li input.quiz_success[type="radio"]:checked + label {
  background-color: #027a0b !important;
  border-color: #027a0b !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(2,122,11,0.38) !important;
  animation: jeu-pop-success 0.4s ease both;
  pointer-events: none;
}

/* Mauvaise réponse : rouge + animation shake */
ul.checkedbox li input.quiz_fail[type="radio"]:checked + label {
  background-color: #f36c5a !important;
  border-color: #f36c5a !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(243,108,90,0.38) !important;
  animation: jeu-shake-fail 0.38s ease both;
  pointer-events: none;
}

/* Désactiver hover sur toutes les options après sélection */
ul.checkedbox:has(input[type="radio"]:checked) li label:hover {
  transform: none;
  box-shadow: 0 2px 7px rgba(0,0,0,0.07);
  background-color: white !important;
  border-color: #e0e0e0 !important;
  cursor: default;
}
/* Exception: ne pas écraser la réponse sélectionnée */
ul.checkedbox:has(input.quiz_success[type="radio"]:checked) li input.quiz_success[type="radio"]:checked + label,
ul.checkedbox:has(input.quiz_fail[type="radio"]:checked) li input.quiz_fail[type="radio"]:checked + label {
  transform: none !important;
}

/* --- Réponses photo : hover sur les images --- */
.reponse_image img:not(.link) {
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  cursor: pointer;
}
.reponse_image:hover img:not(.link) {
  transform: scale(1.04) translateY(-3px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.22);
  border-color: #6b9fff !important;
}
input[type="radio"]:checked ~ .reponse_image img:not(.link),
.reponse_image input[type="radio"]:checked + img:not(.link) {
  border-color: #027a0b !important;
  box-shadow: 0 0 0 3px #027a0b;
}

/* --- Badge niveau : animation pulse --- */
.numero_du_jeu {
  border-radius: 20px !important;
  font-size: 0.85rem;
  padding: 5px 16px !important;
  letter-spacing: 0.03em;
  animation: jeu-pulse-badge 2.5s ease-in-out infinite;
  margin-bottom: 10px;
}

/* --- Titre du jeu --- */
.titre_cartouche_jeu {
  font-size: 1.22rem;
  margin-bottom: 18px;
  padding-bottom: 10px;
  animation: jeu-fade-in 0.5s ease both;
}

/* --- Boutons rejouer / niveaux : meilleur hover --- */
.bouton_modele_jeu {
  transition: transform 0.14s ease,
              box-shadow 0.14s ease,
              filter 0.14s ease !important;
  will-change: transform;
}
.bouton_modele_jeu:hover {
  transform: translateY(-3px) scale(1.04) !important;
  box-shadow: 0 7px 18px rgba(0,0,0,0.28) !important;
  filter: brightness(1.12);
  background-color: inherit !important; /* annule le #f36c5a générique */
}
.bouton_modele_jeu:active {
  transform: scale(0.97) !important;
  transition-duration: 0.07s !important;
}

/* Niveaux : plus aérés */
.container_niveaux_top {
  gap: 12px !important;
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

/* --- Barre de progression circulaire : z-index propre --- */
.container_notation_counter_encours {
  right: 14px;
  z-index: 10;
}

/* --- Icône de rechargement dans la question --- */
#reload_jeu {
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.65;
}
#reload_jeu:hover {
  transform: rotate(180deg);
  opacity: 1;
}

/* --- Résultats finaux --- */
.question_results {
  border-radius: 12px 12px 0 0 !important;
  padding: 18px 22px !important;
}

/* ---- RESPONSIVE MOBILE ---- */

@media (max-width: 600px) {
  .container_formulaire_question {
    margin-top: 18px;
  }
  .container_formulaire_question_photos {
    margin-top: 18px !important;
  }
  ul.checkedbox {
    gap: 8px !important;
  }
  ul.checkedbox li label {
    min-height: 54px;
    font-size: 0.95rem !important;
    padding: 11px 14px !important;
    border-radius: 12px !important;
  }
  .question {
    font-size: 1rem;
    padding: 14px 16px;
    border-radius: 12px;
  }
  .titre_cartouche_jeu {
    font-size: 1.1rem;
  }
  .bouton_modele_jeu {
    font-size: 0.88rem;
    padding: 8px 14px;
  }
  .container_niveaux_top {
    gap: 8px !important;
  }
  .reponse_image img:not(.link) {
    max-width: 100%;
    width: auto !important;
    height: auto;
  }
}

@media (max-width: 400px) {
  ul.checkedbox li label {
    font-size: 0.9rem !important;
  }
  .nom_espece_question {
    font-size: 1.2rem;
  }
  .container_niveaux_top {
    flex-direction: column !important;
    align-items: stretch;
  }
  .container_niveaux_top .bouton_modele_jeu {
    text-align: center;
    width: 100% !important;
  }
}

/* --- Fin améliorations jeu 2026-03 --- */