@font-face{font-family:"Young Serif";src:url(../fonts/young-serif-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(../fonts/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(../fonts/atkinson-hyperlegible-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(../fonts/public-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+30-39}
@font-face{font-family:"Atkinson Hyperlegible";src:url(../fonts/public-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+30-39}

:root{
  --feuillage:#1e7931;
  --feuillage-clair:#9cc08a;
  --ardoise:#45617f;
  --nuit:#1d3046;
  --aube:#e7eef3;
  --lune-disque:#34506d;
  --lune-clair:#f0cf93;
  --clair-lune:#f6ead2;
  --terre:#26302a;
  --terre-2:#55615a;
  --filet:#dfe5dd;
  --brume:#f4f6f1;
  --t-racine:#9a6b2f;
  --t-fleur:#b84d74;
  --t-feuille:#35803a;
  --t-fruit:#c2551f;
  --alerte:#b3261e;
  --titre:"Young Serif",Georgia,serif;
  --texte:"Atkinson Hyperlegible",system-ui,sans-serif;
  --second-color:var(--feuillage);
  --footer_height:0px;
}

body{display:flex;flex-direction:column;min-height:100vh;font-family:var(--texte);color:var(--terre);background:#fff;margin-bottom:0;font-size:1.0625rem;line-height:1.6}
.main_content{flex:1 0 auto}
a{color:var(--feuillage)}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--ardoise);outline-offset:2px}

h1,h2{font-family:var(--titre);font-weight:400;line-height:1.15;text-wrap:balance;font-variant-numeric:lining-nums}
h2 span,h2 strong{font-weight:400}
h2.bg_calicon{font-family:var(--texte)}
span.red{color:var(--alerte)}
.plant_info_container h2{color:var(--ardoise)}

.header{height:auto;min-height:64px;background-image:none!important;box-shadow:none;flex-wrap:wrap;padding-top:.4rem;padding-bottom:.4rem}
.header .top_menu_container{padding-left:0!important;margin-left:0;margin-right:auto}
#logo a{display:flex;align-items:center;gap:6px;height:auto;margin-top:0;color:var(--terre);text-decoration:none}
#logo a img{height:44px;width:auto}
#logo a div{font-size:1.6rem;letter-spacing:-.01em;padding:0}
#logo a span{color:var(--feuillage)}
.logo_container{text-align:left}
#mobile_menu_btn_container{top:10px;right:12px}
#mobile_menu{width:44px;height:44px;border-color:var(--filet)}
#mobile_menu .menu-btn_icon{width:24px;height:2px;color:var(--terre-2)}
#mobile_menu:not(.menu-btn-toggled) .menu-btn_icon::before{transform:translateY(-7px)}
#mobile_menu:not(.menu-btn-toggled) .menu-btn_icon::after{transform:translateY(7px)}
.devise{flex-basis:100%}
.devise h1{margin:0;font-size:1.15rem;color:var(--ardoise)}

footer{position:static;height:auto;padding-top:1.4rem;padding-bottom:1.4rem;border-top:1px solid var(--filet);font-size:.95rem;color:var(--terre-2);background:#fff}
footer p{text-align:left;margin-bottom:.6rem}
footer .footer_menu_container{justify-content:flex-start;margin:0;padding:0}
footer .footer_menu_container ul li{margin-right:1.2rem}

@media (min-width:993px){
  .header{min-height:84px}
  #logo a img{height:64px}
  #logo a div{font-size:2.3rem}
  .devise{flex-basis:auto}
  .devise h1{font-size:1.25rem}
  #navbar.container-lg{max-width:1140px!important;padding-left:12px!important;padding-right:12px!important}
  nav.top_navbar{box-shadow:none;border-bottom:1px solid var(--filet)}
  #navbar .top_nav_li,#navbar .top_nav_li:first-child{border:0;padding-left:0;padding-right:1.5rem}
  #navbar.hide .nav-link{margin-left:0;margin-right:0;border-bottom:3px solid transparent}
  #navbar.hide .nav-link:hover{border-bottom:3px solid var(--filet)}
  #navbar.hide .nav-link.active,#navbar.hide .nav-link.active:hover{border-bottom:3px solid var(--feuillage-clair)}
}

.btn-primary,.btn-primary:hover,.btn-primary:focus{background-color:var(--feuillage);border-color:var(--feuillage)}

@media (min-width:1400px){
  #navbar.container-lg{max-width:1320px!important}
}

@media only screen and (max-width:992px){
  .box{padding-left:0!important;padding-right:0!important}
}