:root {
  --vert-fonce: #87C656;
  --vert-moyen: #9FD178;
  --vert-clair: #D8EDC9;
  --vert-tres-clair: #F3F9EE;
  --vert-flash: #C2E2AA;
  --orange-fonce: #F26B38;
  --orange-moyen: #F79E31;
  --orange-clair: #FBD9AC;
  --gris: #3A6B67;
  --gris-clair: #F4F4F4;
  --blanc: #FFFFFF;
  --noir: #0E0E0E;
}

/*@font-face {font-family: 'Manrope';src: url('../manrope.woff2') format('woff2');font-weight: normal;font-style: normal;}*/

/******** HEADER **************/
header {
    position:fixed;
    width:100vw;
    z-index:100;
}
#flash_info {
    background:var(--vert-flash);
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding: 10px;
    gap: 40px;
}
#titre_flash {
    font-size:140%;
    text-transform:uppercase;
    padding: 0 20px;
    display: flex;
    gap: 4px;
}
#contenu_flash p {
    margin:0;
}
#contenu_flash a {
    font-size:100%;
}
#close_flash  {
    position:  absolute;
    top:  8px;
    right:  20px;
    cursor:  pointer;
}
#cadre_header {
    position:relative;
    background:#FFF;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    /*padding:24px 0;*/
    padding:0;
}
#logo_header {
    position:absolute;
    top:20px;
    left:20px;
    display: flex;
    align-items: center;
    justify-content: center;  
    background:#FFF;
}
#logo_header h1 {
    display: none;    
}
#logo_header a {
	height: 103px;
}
.burger-menu {
    display:none;
    background:none; 
    border:0; 
    padding:.5rem; 
    cursor:pointer;
    line-height:0;
    background-color:#FFF;
    color:#000;
}
.burger-menu:focus,.burger-menu:hover {
    background-color:#FFF;
    color:#000;
}
.icon-burger{
  display:block;
  fill:none; 
  stroke:currentColor; 
  stroke-width:2; 
  stroke-linecap:round;
}
.icon-burger line{ 
    transition: transform .25s ease, opacity .2s ease; 
    transform-origin: 12px 12px; 
}


.burger-menu.is-open .icon-burger line:nth-child(1){ transform: translateY(5px) rotate(45deg); }
.burger-menu.is-open .icon-burger line:nth-child(2){ opacity:0; }
.burger-menu.is-open .icon-burger line:nth-child(3){ transform: translateY(-5px) rotate(-45deg); }

.menuheader {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.menuheader > li {
    position: relative;
    padding-left: 0;
    margin-left: 20px;
}

.menuheader > li > a {
    display: block;
    /*padding: 15px 20px;*/
    padding: 33px 20px;
    color: #000;
    text-transform:uppercase;
    text-decoration: none;
    font-family: "Arial", Sans-serif;
    font-size: 120%;
    font-weight: normal;
    letter-spacing:2px;
}

.menuheader > li:hover > a {
    background: #D8EDC9;
    font-weight:bold;
}


.menuheader li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #FFF;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
    min-width: 220px;
    border-left: 4px solid #87C656;
    font-size: 90%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.menuheader li:hover > ul {
    display: block;
}


.menuheader li ul li {
    margin:0;
    padding:0;
    font-size: 90%;
    font-weight: 400;
}


.menuheader li ul li a {
    display: block;
    padding: 10px;
    color: #000;
    text-decoration: none;
    font-weight:400;
}

.menuheader li ul li a:hover {
    background: #D8EDC9;
    font-weight:400;
}


.menuheader li ul li ul {
    top: 0;
    left: 100%;
}
.menuheader li ul li ul li a {
    font-size: 160%;
}


.menuheader ul.sub-menu li.menu-item-has-children > a::after {
    content: '>';
    font-size: 0.7em;
    float: right;
}


/******************** ACCESSIBILITE ***********************/
#access_header a {
    color:#000;
}
#accessibility-links {
	display:none;
}
#eye-off {
    width:20px;
    height:20px;
}
#eye {
    width:20px;
    height:20px;
	display:none;
}
/******************** RESPONSIVE ***********************/
@media (min-width: 1025px) and (max-width: 1780px) {
  .menuheader {
    padding: 0 0 0 90px;
  }
}
@media (min-width: 1025px) and (max-width: 1500px) {
  .menuheader > li > a {
    padding: 33px 5px;
	  font-size: 110%;
  }
}
@media (max-width: 1250px) {
    #cadre_header {
    flex-wrap: wrap;
    }
    #logo_header {
    order:1;
    position: relative;
    top: 0px;
    left:0px;
    flex: 1;
    justify-content: flex-start;
    padding-left: 40px;
    }
    #menu_header {
    order:3;
    flex-basis: 100%;
    }

    #eye-off {
    width:80px;
    }
    #eye {
    width:80px;
    }
}
@media (max-width: 1249px) {
.menuheader {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    }
.menuheader > li {
    margin:0;
}
.menuheader li ul {
    min-width:auto;
}
.menuheader > li > a {
    display: flex;
    padding: 10px 3px;
    align-items: center;
    justify-content: start;
	font-size: 115%;
}
.menuheader > li > a::before {
    content: "";
    background: url('/wp-content/uploads/2025/07/pictos_header.svg') no-repeat;
    background-size:233px 30px;
    width:38px;
    height:30px;
    display: block;
    position: relative;
    margin-right: 4px;
}
.menuheader > li:nth-child(1) > a::before {
    background-position: 0 0;
}
.menuheader > li:nth-child(2) > a::before {
    background-position: -117px 0;
}
.menuheader > li:nth-child(3) > a::before {
    background-position: -39px 0;
}
.menuheader > li:nth-child(4) > a::before {
    background-position: -156px 0;
}
.menuheader > li:nth-child(5) > a::before {
    background-position: -78px 0;
}
.menuheader > li:nth-child(6) > a::before {
    background-position: -195px 0;
}
}
@media (max-width: 767px) {
#menu_header {
    order:2;
    flex-basis:auto;
    padding-right: 60px;
    }
.menuheader > li > a {
        font-size: 100%;
 }
.menuheader li ul li {
    line-height:1em;
}
#access_header {
    order:3;
    display:none;
    }
.burger-menu { 
    display:inline-flex; 
    align-items:center; 
    justify-content:center; 
}
.menu-header-container { 
    display:none; 
    position:absolute; 
    top:100%; 
    left:0; 
    right:0;
    background:#fff; 
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.menu-header-container.open{ 
    display:block; 
}
}
@media (prefers-reduced-motion: reduce){
  .icon-burger line{ transition:none; }
}

body:not(.home) main, .search div.elementor-location-archive, .single .elementor-location-single, .archive .elementor-location-archive  {
	padding-top: 91px;
}

/*** RECHERCHE **/
#recherche_header {
    display: flex;
    align-items: center;
    justify-content:start;
    color:#000;
	order: 2;
	margin-right: 10px;
}
#recherche_header form {
    position: relative;
}
#recherche_header input {
    background:#FFFFFF;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width:300px;
    color: #000 !important;
    padding: 15px 40px;
    border:none;
}
#recherche_header button {
    position: absolute;
    top: 5px;
    right: 22px;
    color:#000;
    border:none;
}
#recherche_header button:hover {
    background:none;
}

@media (max-width: 767px) {
    #flash_info {
    flex-direction: column;
    gap: 0px;
    }
}