/*
Theme Name: 	Trions
Theme URI: 	http://www.edservices.fr
Author: 	ED Services.Fr
Description:	Theme for Communauté de Communes du Territoire de Lunéville à Baccarat
Template:	edservices2667
Version: 	1.6
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/*
jaune: #f3d158 rgb(243,209,88);
mauve: #944193 rgb(148,65,147);
mauve menu: #8a5a95;
marron: #cd8700;
vert pastel: #62b980;
vert menu: #50b480;
saumon: #f37d64;
gris clair recherche: #ddded8
gris clair publications #edede8
olive: #8d946f
*/

.menu_wrapper {
    overflow: hidden;
}

body.page-id-664 .wpcf7-form input[type="text"] {
    border: 0 !important;
}

/*multistep*/
.submitpopup {
    width:92% !important;
}
body.page-id-1298 .wpcf7-form .colorred {
    color:red !important;
}

#wpcf7-f1297-p1298-o1 form p {
    margin: 0 0 5px 0 !important;
}
#wpcf7-f1297-p1298-o1 form {
    display: grid;
    place-content: center;
    min-height: 100vh;
  }
  
 /* label {
    font-family: system-ui, sans-serif;
    font-size: large;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 1em;
  }
  
  label + .form-control {
    margin-top: 1em;
  }
  
  label:focus-within {
    color: var(--form-control-color);
  }
*/

/*.wpcf7-list-item span {
    font-weight: normal;
}*/
.wpcf7-list-item-label {
    font-weight:normal !important;
}

.edserrorform {
    position: absolute;
    right:0;
    bottom:0;
    color:red;
    font-weight: bold;
}

#wpcf7-f1297-p1298-o1 form {
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    background-color: #fcfcfc;
    padding:3em;
    width:800px;
}

#wpcf7-f1297-p1298-o1 form div.titre {
    font-style: italic;
    color:gray !important;
    margin-bottom:2em !important;
}

#wpcf7-f1297-p1298-o1 {

    display: flex !important;
    justify-content: center;
    align-items: center;
}
#wpcf7-f1297-p1298-o1 .wpcf7-form-control.wpcf7-radio {
    display:grid;
}
#wpcf7-f1297-p1298-o1 .span_2_of_2 input:not([type='checkbox']) {
    //width:unset !important;
}

#wpcf7-f1297-p1298-o1 input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
  
    font: inherit;
    color: currentColor;
    width: 1.15em !important;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 50%;
    transform: translateY(-0.075em);
  
    display: inline-grid;
    place-content: center;
    margin-bottom:1em;
  }
  
  #wpcf7-f1297-p1298-o1 input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
  }
  
  #wpcf7-f1297-p1298-o1 input[type="radio"]:checked::before {
    transform: scale(1);
  }
  
  #wpcf7-f1297-p1298-o1 input[type="radio"]:focus {
    /*outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);*/
  }
/*multistep*/

h2.deviennentdechets {
    margin-top:1.8em;
}

.deviennentdechetswrapper {
    margin-bottom:4em;
}

.descriptiondeviennentdechets {
    position: absolute;
    width:55% !important;
    background-color: #FFF !important;
    padding:2em;
    text-align: justify;
    bottom:0;
}

.descriptiondeviennentdechets .pucejaune::before {
    color:rgb(250,231,77);
    font-weight:bolder;
    margin-right:0.4em;
    content:">>";
}

.descriptiondeviennentdechets .pucejaune {
    margin-bottom:1em;
}

body.page-id-614 .tableaufacture table th {
    border-top:0px !important;
    border-right:8px solid rgb(132, 132, 132);
    box-shadow: none !important;
}
body.page-id-614 .tableaufacture table tr:nth-child(even) th, body.page-id-614 .tableaufacture table tr:nth-child(even) td {
    border-right:2px solid rgb(132, 132, 132);
    box-shadow: none !important;
    background: rgb(217,217,217);
    //border: 0;
    //color: #fff;
}

body.page-id-614 .tableaufacture table tr:nth-child(odd) th, body.page-id-614 .tableaufacture table tr:nth-child(odd) td {
    background: white !important;
    border-right:2px solid rgb(132, 132, 132);
    //border: 0;
}

body.page-id-614 .tableaufacture {
    margin-bottom:40px !important;
}

.below {
    z-index:0 !important;
}

.menu-item-765, .menu-item-761, .menu-item-758, .menu-item-759 {
    pointer-events: none;
}

.slick-next, .slick-prev  {
    margin:0 !important;
}

div.menu2 ul#menu-menu2 li.submenu4 {
    display:none;
}

div.menu2 ul#menu-menu2 li.submenu2 > a:hover, 
div.menu2 ul#menu-menu2 li.submenu3 > a:hover {
    text-decoration: none !important;
}

.column_column ul li {
    margin-bottom: 0px !important;
}

/*icone3col*/
.icone3col .column {
    margin:10px !important;
}
.icone3col > div {
    display: grid;
    margin-bottom:30px;

    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2em;
    
    padding:30px 30px 20px 30px;
    border: 4px solid #cd8700;
    align-items:center

}
.icone3col.olive > div {
    border: 4px solid #8d946f;
}
.icone3col.vert > div {
    border: 4px solid #62b980;
}
.icone3col > div > div {
    width: 100% !important;
    grid-template-columns: 1fr;


}
.icone3col > div > div > div {
    display:grid !important;
    height:100%;
}
.icone3col > div > div > div h3 {
    font-weight: 600;;
    font-size:50px;
    line-height: 0.9em !important;
    margin: 0 !important;
}
.icone3col > div > div > div > div:nth-child(2) img {
    width:auto !important;
    height:150px !important;
}
.icone3col > div > div > div > div:nth-child(3) {
    margin: 0 !important;
}
.icone3col > div > div > div > div:nth-child(3) img {
    width:50px !important;
    height:50px !important;
}
/*icone3col*/

/*icone4col*/
.icone4col > div {
    display: grid;

    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2em;
    grid-row-gap: 2em; 

}
.icone4col > div > div {
    width: 100% !important;
    grid-template-columns: 1fr;

}
.icone4col > div > div > div {
    display:grid !important;
    padding:10px;
    border: 3px solid #62b980;
    height:100%;
}
.icone4col > div > div > div h3 {
    font-size:x-large;
    line-height: normal;
    margin: 0 !important;
}
.icone4col > div > div > div > div:nth-child(2) img {
    width:auto !important;
    height:150px !important;
}
.icone4col > div > div > div > div:nth-child(3) {
    margin: 0 !important;
}
.icone4col > div > div > div > div:nth-child(3) img {
    width:50px !important;
    height:50px !important;
}
/*icone4col*/

.wcp-carousel-main-wrap .post-style-1 .wcp-img-wrap {
    width: 60% !important;
}
.wcp-carousel-main-wrap .post-style-1 .wcp-content-wrap{
    width: 40% !important;
}


/*donnees perso*/
body.page-id-874 ul li {
    margin:0 !important;
}
body.page-id-874 h3 {
    margin:2px !important;
}
body.page-id-874 #Footer {
    margin-top:30px;
}

/*cf7*/
.wpcf7-form input[type="text"]::placeholder, .wpcf7-form textarea::placeholder {
    color:black !important;
}

.wpcf7-form input[type="text"], .wpcf7-form textarea {
    color:black !important;
    border-color:black !important;
    color:black !important;
    margin-bottom:5px !important;
}
.wpcf7-spinner {
    position:absolute;
}
.wpcf7-submit {
    margin-right:0 !important;
    margin-top:10px !important;
}
/*cf7*/

/*carousel publication*/
.wcp-carousel-main-wrap {
    background-color: #edede8;
}
.slick-slide  {
    margin:25px 15px !important;
    border-radius: 7px;
}
.fixed-height-image {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;

}
div.publications .fixed-height-image  {
    height: auto !important;
    aspect-ratio: 1 / 1 !important
}
.rpc-box {
    border:0 !important;
}
.publications .wcp-post-meta {
   width:205px;
}
/*carousel publication*/

body.home ul.breadcrumbs {
    display:none !important;
}

i.icon-search-fine {
    font-size:xx-large;
}

p.robotoblack {
    font-family: robotoblack, Helvetica, Arial, sans-serif;
}

.wcp-post-contents.rpc-content {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.4em;
    font-weight: 500;
    text-align: justify;
    width: 90%;
}

.author-date, .title_wrapper, .author-box {
    display:none;
}

.boutonensavoirplus {
    float:right;
    margin-top:20px;
    margin-right:20px;
    padding:15px;
    border-radius: 5px;
    background:#f3d158;
    color:black;
}
li.submenu3 {
    /*display:none !important;*/
}

/*ramassage*/
.resultwrapper {
    min-height: 350px;
}
.ramassagecontainer .fond {
    width:300px;
    position: absolute;
    z-index:-1;
    margin-left:-190px;
    margin-top:-75px;
}
.ramassagecontainer {
    display:flex;
    flex-wrap: nowrap;
    background:url() top left no-repeat;
    background-size:200px;
}
.ramassageres .big {
    font-weight: bold;
}

.select2 {
    font-size: large !important;
    line-height: 10px !important;
}
.select2-selection__rendered {
    margin-top:5px;
}

.select2-container .select2-selection--single {
    height:38px !important;
}

.select2-dropdown {
    font-size: large;
 }

.ramassageres {
    display:flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    column-gap: 2em;
}
.ramassageres > .col2 {
    flex:1;
}
.ramassageres > .col1 {
    width:120px;
}
.ramassagecontainer > div {
    flex:1;
    width:50%;
}
.ramssageres {

}
.ramassagewrapper select {
    width:90%;
}
.lunevillewrapper, .autrewrapper {
    min-height: 150px;
}
/*ramassage*/

/*blog*/
body.single-post #Header_wrapper {
    background-image: url(https://www.trions.fr/wp-content/uploads/2022/12/sacjaune-scaled.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
/*blog*/

/*menu*/
ul#edsmenuidmenu4 {
    display:none !important;
}
ul#edsmenuidmenu2 > li, ul#edsmenuidmenu3 > li {
    padding-bottom:1em;
}
ul#edsmenuidmenu2 > li:not(.menu-item-792) > a:hover, ul#edsmenuidmenu3 > li > a:hover {
    text-decoration: none;
    cursor: default;
}
.eds_menu_wrapper_menu2, .eds_menu_wrapper_menu3 {
    opacity: 0;
    visibility:hidden;
    z-index: 9999999;
}
.eds_menu_wrapper_menu2.active, .eds_menu_wrapper_menu3.active {
    opacity: 1;
    visibility:visible;
    z-index: 9999999;
}
.edsmenuclass { 
    position: absolute;
    z-index: 9999999;
    background-color: #fefefe;
    padding:30px 40px 20px 40px;
    margin-top:12px;
    column-count: 2;
    column-fill: auto;

}
.edsmenuclass > li > a {
    font-size:x-large;
    color:black;
    font-weight: bold;
}
.edsmenuclass > li:not(:first-child) {
    /*margin-top:30px;*/
}
.eds_menu_wrapper_menu2 .edsmenuclass > li:nth-child(4) {
    break-before: column;
}
.eds_menu_wrapper_menu3 .edsmenuclass > li:nth-child(3) {
    break-before: column;
}
#edsmenuidmenu2 > li > a, #edsmenuidmenu3 > li > a {
    text-transform: uppercase;
}
.edsmenuclass > li > ul > li > a {
    margin-left:30px;
    color:black;
    font-size:large;
}
/*menu*/

/*search form*/
#Top_bar .search_wrapper {
    display:block !important;
    position: relative !important;
}
.eds_search_wrapper form {
    display:flex;
    justify-content: right;
    align-items: center;
}
.eds_search_wrapper .field {
    margin:0 !important;
    background-color: #ddded8;

    width:100%;
}
.eds_search_wrapper .field::placeholder {
    color:black !important;
}
/*search form*/

/*breadcrumbs*/
ul.breadcrumbs {
    width:100%;
    max-width: 1400px;
    margin: 10px auto 0px auto !important;
    font-size:large;
}


ul.breadcrumbs li {
    display: inline-block;
    color:black;
}

ul.breadcrumbs li a {
    color:black;
}

ul.breadcrumbs li span {
    color: #f3d158;
}

ul.breadcrumbs li:nth-child(2) a {
    font-weight: 900;
}

ul.breadcrumbs li:nth-child(3) a {
    font-weight: bold;
}
/*breadcrumbs*/

/*top bar*/
#Subheader {
    background-color: transparent !important;
}
.mfn-main-slider {
    margin-top:40px;
    //display:none;
}
body:not(.home) #Header_wrapper {
    height:400px;
}
body:not(.home) #Top_bar:not(.is-sticky) {
    height:210px;
}
#Top_bar #logo {
    height:150px;
}
#Top_bar:not(.is-sticky) #logo img {
    position: absolute;
    width:814px;
    height: 180px;
    /*margin-top: 25px;*/
    left:calc(50% - 814px);
}
#Top_bar.is-sticky .eds_search_wrapper { 
    display:none;
}
#Top_bar.is-sticky .menu2 {
    display:none;
}
#Top_bar.is-sticky #menu {
    height:60px;
}
.topbarwrapper {
    display:flex;
    max-width:1200px;
    margin: 0 auto;
}

.topbar2 #menu {
    height:67px;
}

.topbar2  #menu-menu1 {
height: 67px;
display: inline-block;
}

.topbarwrapper > div {
    flex:1;
}

.topbar2 {
    display:block;
}

.menu_wrapper, .menu2  {
    float: unset !important;
    text-align: right;
}
.menu2 {
    margin-top:40px;
}
.menu2 li:first-child {
    margin-right:1em;
}
.menu2 li:first-child a {
    background-color: #50b480;
}
.menu2 li {
    display: inline;
    
}
.menu2 li:first-child a, .menu2 .submenu3 a{
    color:white;
    transform: scale(1, 0.8);
    -webkit-transform: scale(.9);
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: xx-large;
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    color:white;
    padding:10px 20px;
    border-radius: 30px;
}
.menu2 li.submenu3 a {
    background-color: #8a5a95;

}
.menu2 li:first-child img {
    width:50px;
    margin-right:12px;
    vertical-align: middle;
    margin-top:-10px;
}
.menu2 li.submenu3 img {
    height:40px;
    margin-right:15px;
    vertical-align: middle;
    margin-top:-9px;
}
#menu-item-573, #menu-item-1445 {
    position: relative;
    background:url(https://www.trions.fr/wp-content/uploads/2022/12/utilisateur-2.png) center left no-repeat;
    background-size:40px 40px;
    padding-left:28px;
}
#menu-item-573::after, #menu-item-1445::after, #menu-item-902::after {
    content: " ";
    position: absolute;
    right:0;
    top:calc(50% - 12px);
    width:4px;
    height:24px;
    background-color:#f3d158;
}
#Top_bar .menu > li > a span:not(.description) {
    border:none;
    
}
/*top bar*/



.abovefooter {
    z-index:9;
    margin-bottom:300px;
}

/*carousel same height*/
.slick-track {
    display:flex !important;
}
.slick-slide  {
    /*height: 350px !important; désactivé*/ 
    background: #fefefe;
}
.rpc-box {
    height: 100% !important;
    
}

.wcp-post-meta.wcp-disable-post-meta {
    margin-left:20px !important;
}

.wcp-post-author {
    display:none;
}

.frise {
    padding:4em 0;
    text-align: center;
}

.frise img {
    max-width: 75% !important;
   
}

/*chiffres clés*/
:root {
    font-family: sans-serif;
    --space-s: 2rem;
    --border-size: 8px;
}


.annee {
    margin-top: -50px;
    margin-bottom: 50px;
    margin-left: 300px;
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size:xx-large;
    color: black;
    font-weight: bold;
}

.chiffres_cles_wrapper {
    display:flex; 
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;

    gap: var(--space-s);
    margin-right: calc(-1 * var(--space-s));
}

.chiffres_cles_wrapper > div {
    flex-basis: calc(20% - var(--space-s));
}

.chiffres_cles_picto.itemindex0 {
    flex-basis: calc(40% - var(--space-s)) !important;
}
.chiffres_cles_content {
    flex-basis: calc(60% - var(--space-s)) !important;
    padding-right:10rem;
    text-align: justify;
}
.chiffres_cles_picto.itemindex0 .chiffre {
    font-size: 60px;
}
.chiffres_cles_picto.itemindex0 img {
    height:170px !important;
}

.chiffres_cles_picto {
    border:3px solid red;
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
}

.chiffres_cles_picto .chiffre {
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size:xx-large;
    color: black;
    font-weight: bold;
    padding-top:0.7em;
}

.chiffres_cles_picto .description {
    line-height: normal;
    font-weight: bold;
    height:60px;
    display:flex;
    justify-content: center;
    align-items: center;
    padding:0 1em;
}

.chiffres_cles_picto .appreciation {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    min-width: 220px;
    bottom:0;
}

.chiffres_cles_picto .appreciation > div {
    background-color: red;
    display: inline-block;
    color:white;
    width:auto;
    padding:0 0.5em;
}

.chiffres_cles_picto img {
    height:100px !important;
    padding:1em 0;
}

.chiffres_cles_picto .texte1 {
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size:xx-large;
    font-weight: bold;
    color: black;
}

.chiffres_cles_picto .texte2 {
    margin-bottom:3em;
}


/*chiffres clés*/

.button-default button {
    box-shadow: unset !important;
}
ul.slick-dots {
    bottom:-50px !important;
}

.slick-next {
    right: -40px !important;
    background: none !important;
}
.slick-prev {
    left: -40px !important;
    background: none !important;
}
.slick-arrow {
    background-color: #f37d64; !important;

    width:50px !important;
    height:50px !important;
    z-index:9;
    top:60% !important;;
}

.slick-arrow:before {
    font-size:40px !important;
}

.h2wrapper {

}

h2 {
    text-transform: uppercase;
    background-color:black;
    color:white;
    display:inline-block;
    padding:3px 10px 0px 10px;
    position: relative;
    z-index:1;
}
h2::before {
    z-index:-1;
    content:" ";
    /*border-left:1px solid red;*/
    border-right:1px solid black;
    border-left:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid black;
    width:100%;
    height:100%;
    margin-left:5px;
    margin-top:5px;
    top:0;
    left:0;
    position: absolute;
    //padding:10px 10px 0px 10px;

}

.wcp-content-wrap {
    padding-top:0 !important;
}

.rcp-barre {
    background-color: #f3d158;
    height:30px;
    width:100%;
    margin-bottom:10px;
}

.wcp-post-meta {
    border-bottom:3px dashed black;
    width:315px;
    display: block;
    margin-bottom:20px;
}

.wcp-post-date {
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size:large;
    color: black;
}

.rpc-title {
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size:xx-large;
    font-weight: bold; 
    margin-left:7px;
    color: #f3d158;
}

.fleuractus {
    position: absolute;
    //bottom:1000px; /*20241212*/
    top:0px; /*20241212*/
    margin-left:-150px;
}

.rpc-content {
    margin-top:10px;
    margin-left:20px;

}

.mfn-main-slider {
    display:none !important; /*20241211*/
}

.actuswrapper {
    /*background-color:#FFFFFF;*/
    /*padding:2em 4em;*/
    //margin-top:-1550px; 20241211
}

/*carte*/
.eds_cctlb_communes_wrapper .maplayers {
    display:none;
}
#edscarte, #carte2, #carte3 {
    /*height: 600px;*/
    height: 700px;
    /*width:80%;*/
    width:100%;
    border:10px solid #f3d158;
}
.eds_cctlb_map h2 {
    position:relative;
}

input.mapedscheckbox {
    display:none;
}
li:has(>input:checked) {
    background-color: #f3d158;
    color:white;
}
.maplayers > ul > li {
    transition: transform .1s;
}
.maplayers > ul > li:has(>input:checked):hover {
    background-color: #febe00;
}
.maplayers > ul > li:not(:has(>input:checked)):hover {
    background-color: #9efab5;
}
.maplayers > ul > li:hover {
    color:black;
    -ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Safari 3-8 */
    transform: scale(1.3);
}

.eds_cctlb_map .maplayers {
    position:absolute;
    background-color: transparent;
    left:-210px;
    width:200px;
    margin-top:70px;
    z-index:09999;
}
.maplayerswrapper {
    position:absolute;
    left:-290px;
    margin-top:-20px;
    z-index:-1;
}
.eds_cctlb_map .maplayers li {
    padding:5px 5px 5px 10px;
    clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 
        53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 
        99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 
        100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 
        83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 
        28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 
        0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 
        0 10%, 1% 6%, 1% 3%); 
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size:x-large;
    color: black;
    margin:0 0 1em 0 !important;
    list-style-type: none;
}
.eds_cctlb_map .maplayers ul {
    width:100%;
    margin:0;
}
/*carte*/


/*encart copypaste*/
/*encart*/
.paddingtop {
    margin-top:2em;
}
.eds_cctlb_area.col4 {
    width:25%;
}
.withtitles.eds_cctlb_area_wrapper {
   
}
.withtitles.eds_cctlb_area_wrapper > .eds_cctlb_area > h2 {
    position: absolute;
    margin-top:-2em;
}
.h2eds_cctlb_area_wrapper {
    margin-top:1em;
}
.eds_cctlb_area_wrapper div.img img {
    max-height:200px;
    height:200px !important;
    object-fit: cover;
    width:100%;
    flex: 0 1 auto;
}

.descriptioncourte {
    text-align: justify;
}

h2.encarttitle {
    //padding-top:2em;
}

.eds_cctlb_area {
    border:var(--border-size) solid #f3d158;
}

.eds_cctlb_area_wrapper {
    padding-top:1em;    
    padding-bottom:1em;
}
.eds_cctlb_area_wrapper.edscol3 {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    //grid-auto-rows: 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
}
.eds_cctlb_area_wrapper.edscol4 {
    display: grid;

    grid-template-columns: repeat(4, 1fr);
    //grid-auto-rows: 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
}
.eds_cctlb_area_wrapper.edscol1 {
    display: grid;

    grid-template-columns: repeat(1, 1fr);
    //grid-auto-rows: 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
}
.eds_cctlb_area_wrapper.edscol2 {
    display: grid;

    grid-template-columns: repeat(2, 1fr);
    //grid-auto-rows: 1fr;
    grid-column-gap: 1.75em;
    grid-row-gap: 2em;
}
.eds_cctlb_area_wrapper > div.fullwidth {
    grid-column: 1 / -1;
}
.eds_cctlb_area_wrapper > div.fullwidth.photogauche > div {
    /*display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-column-gap: 2em !important;
    grid-row-gap: 2em !important;*/

    display: flex;
    flex-flow: column;
    column-gap: 2em !important;
    row-gap: 2em !important;
}

.fullwidth.photogauche {
    width:100%;
}
/*.eds_cctlb_area_wrapper > div.fullwidth.photogauche > div > div img {
    flex:unset !important;
    max-height: unset !important;
    
}
.eds_cctlb_area_wrapper > div.fullwidth.photogauche > div > div {
    flex:50%;
    max-height: unset !important;
    padding:2em;
}*/

div.eds_cctlb_area_item  {
    height:100%;
}

.eds_cctlb_area_item h5 {
    font-size:x-large;
    color:#e2c54e;
    font-weight: 500;
    font-family: "Francois One", Helvetica, Arial, sans-serif;
}
.eds_cctlb_area.fullwidth.photogauche > div.eds_cctlb_area_item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex !important;
    flex-flow: row wrap !important;
    width: 100% !important;
}

.eds_cctlb_area.fullwidth.photogauche > div.eds_cctlb_area_item > div {
    box-sizing: border-box;
    width: 48% !important;
}

.eds_cctlb_area.fullwidth.photogauche > div.eds_cctlb_area_item > div.img {
    padding:2em 1em 2em 2em;
}
.eds_cctlb_area.fullwidth.photogauche > div.eds_cctlb_area_item > div.img img {
    max-width: unset !important;
    max-height: 100%;
object-fit: cover;
}
.eds_cctlb_area.fullwidth.photogauche > div.eds_cctlb_area_item > div.excerpt {
    padding:2em 2em 2em 1em;
}
.eds_cctlb_area.fullwidth.photogauche > div.eds_cctlb_area_item > div.title {
    padding:0em 2em 0em 2em;
}
.eds_cctlb_area.fullwidth.photogauche > div.eds_cctlb_area_item > div.boutonbas {

}
.eds_cctlb_area_wrapper.edscol2 > div {
    flex-basis: 48%;
    //min-height: 100%;
    height:100%;
    display: flex;
    z-index:1;
}
.eds_cctlb_area_wrapper.edscol2 .eds_cctlb_area_item {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.eds_cctlb_area_wrapper.edscol2 .eds_cctlb_area_item img, .eds_cctlb_area_wrapper.edscol1 .eds_cctlb_area_item img {
    flex: 0 1 200px;
}

.eds_cctlb_area_wrapper.edscol2 .eds_cctlb_area_item .title, .eds_cctlb_area_wrapper.edscol1 .eds_cctlb_area_item .title {
    flex: 0 1 auto;
    padding:1em 1.5em 0 1.5em;
    font-size:xx-large;
    font-weight: 600;;
}

.eds_cctlb_area_wrapper.edscol2 .eds_cctlb_area_item .excerpt, .eds_cctlb_area_wrapper.edscol1 .eds_cctlb_area_item .excerpt {
    flex: 1 1 auto;
    padding:0 2em 2em 2em;
    text-align: justify;
}

.eds_cctlb_area_wrapper.edscol2 .eds_cctlb_area_item .boutonbas, .eds_cctlb_area_wrapper.edscol1 .eds_cctlb_area_item .boutonbas {
    flex: 0 1 auto;
    padding:0 1.5em 2em 1.5em;
}

.boutonbas.has2ndlevel {
    padding-bottom:0.5em !important;
}
.boutonbas.x2ndlevel {
        padding: 0 1.5em 0.5em 3.5em !important;

}
.boutonbas.x2ndlevel a {
    color: #7b9078 !important;
}
.boutonbas.x2ndlevel:before {
    border-style: solid;
    border-color: #e2c54e;
    border-width: 0.25em 0em 0 0;
    content: '';
    display: inline-block;
    height: 0.8em;
    left: -0.2em;
    position: relative;
    top: 0.6em;
    transform: none !important;
    vertical-align: top;
    width: 0.8em;
    margin-right: 0.4em;
}

.boutonbas.x2ndlevel:last-child {
    padding-bottom:2em !important;
}

/*col3*/
.eds_cctlb_area_wrapper.edscol3 > div {
    flex-basis: 33%;
    //min-height: 100%;
    height:100%;
    display: flex;
}
.eds_cctlb_area_wrapper.edscol3 .eds_cctlb_area_item {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.eds_cctlb_area_wrapper.edscol3 .eds_cctlb_area_item img, .eds_cctlb_area_wrapper.edscol1 .eds_cctlb_area_item img {
    flex: 0 1 200px;
}

.eds_cctlb_area_wrapper.edscol3 .eds_cctlb_area_item .title, .eds_cctlb_area_wrapper.edscol1 .eds_cctlb_area_item .title {
    flex: 0 1 auto;
    padding:1em 1.5em 0 1.5em;
    font-size:xx-large;
    font-weight: 600;;
}

.eds_cctlb_area_wrapper.edscol3 .eds_cctlb_area_item .excerpt, .eds_cctlb_area_wrapper.edscol1 .eds_cctlb_area_item .excerpt {
    flex: 1 1 auto;
    padding:0 2em 2em 2em;
    text-align: justify;
}

.eds_cctlb_area_wrapper.edscol3 .eds_cctlb_area_item .boutonbas, .eds_cctlb_area_wrapper.edscol1 .eds_cctlb_area_item .boutonbas {
    flex: 0 1 auto;
    padding:0 1.5em 2em 1.5em;
}
/*col3*/
.eds_cctlb_area_wrapper.edscol4 > div {
    flex-basis: 22%;
    //min-height: 100%;
    height:100%;
    display: flex;
}
.eds_cctlb_area_wrapper.edscol4 .eds_cctlb_area_item {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.eds_cctlb_area_wrapper.edscol4 .eds_cctlb_area_item img {
    flex: 0 1 200px;
}

.eds_cctlb_area_wrapper.edscol4 .eds_cctlb_area_item .title {
    flex: 0 1 auto;
    padding:1em 1.5em 0 1.5em;
    font-size:xx-large;
    font-weight: 600;;
}

.eds_cctlb_area_wrapper.edscol4 .eds_cctlb_area_item .excerpt {
    flex: 1 1 auto;
    padding:0 2em 2em 2em;
    text-align: justify;
}

.eds_cctlb_area_wrapper.edscol4 .eds_cctlb_area_item .boutonbas {
    flex: 0 1 auto;
    padding:0 1.5em 2em 1.5em;
}
.boutonbas a, a > .boutonbas {
    color: #626262;
}
.eds_cctlb_area { 
    background-color: white;;
}

.eds_cctlb_area_wrapper {
    display:flex;
}
/*encart*/

/*area wrapper*/

.eds_cctlb_area_sep {
    width:4%;
}
.eds_cctlb_area_wrapper {
    display:flex;
    flex-direction: row;
    column-gap: 2em;
    min-height:100%;
}
div:not(.withtitles) > .eds_cctlb_area {
    width:100%;
    flex:1;
    
    /*min-height:calc(100% - 80px);*/
}

div.withtitles .eds_cctlb_area_item {
    
    min-height:calc(100% - 80px);
}

.eds_cctlb_area_item {
    width:100%;

}
.eds_cctlb_area_item .info {
    padding:2em;
}
.eds_cctlb_area_item .title{
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px; 
    color: #7b9078;
    margin-bottom:1em;
}
.eds_cctlb_area_item .title:after {
    content: '';

    border-bottom: 4px solid #e2c54e;
    width: 120px;
    display: block;
    margin-top:0.5em;
    margin-left:-0.75em;
}
.eds_cctlb_area_item .excerpt {
    padding-bottom:2em;
}
/*area wrapper*/

/*lire la suite bouton*/
.liresuite, .boutonbas {
    font-family: "Francois One", Helvetica, Arial, sans-serif;
    font-weight: bold; 

}
.liresuite:before, .boutonbas:before {
    border-style: solid;
    border-color: #e2c54e;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.8em;
    left: -0.2em;
    position: relative;
    top: 0.25em;
    transform: rotate(45deg);
    vertical-align: top;
    width: 0.8em;
    margin-right:0.4em;
}
/*lire la suite bouton/*

/*footer*/

#block-5 {
    text-align: right;
}
#block-6 a:first-child {
    margin-right:5px;
}
#block-6 a:not(:first-child) {
    margin-left:5px;
    margin-right:5px;
}
.footerimg {
    position: absolute;
    bottom: -51px;
    right: -200px;
}
#Footer .widgets_wrapper {
    padding:0 0 28px 0 !important;
}
#Footer {
    box-shadow: 0px 0px 45px -28px rgba(0,0,0,0.45);
    font-size:15px !important;
}
#Footer .widgets_wrapper .widget {
    padding:0 !important;
}
#Footer .one-third.column {
    width:25%;
    margin: 0;
    padding: 0;
}
#Footer .two-third.column {
    width:73%;
    margin: 0;
    padding: 0;
}
.innerfooter {
    text-align: right !important;
}

.edscopyright {
    
}

/*page contact*/
.wpcf7-form input[type="text"]::placeholder, .wpcf7-form textarea::placeholder {
    color:unset !important;
}

.wpcf7-form input[type="text"], .wpcf7-form textarea {
    /*color:unset !important;
    /*border:0 !important;*/
    //color:unset !important;
    margin-bottom:5px !important;
}

.contactleft, .contactright {
    //box-shadow: 0px 0px 5px gray;
    border: 10px solid #f3d158;
}
.contactleft {

}
.contactright {

    background-color: transparent !important;
}
.horairesdiv ul {
    color: black;
    font-size: medium;
    font-weight: 500;
    list-style: none;
}

.horairesdiv .jour {
    border-bottom: 1px solid #f5e7b4
}

.jour {
    width: 80px;
    display: inline-block;
}


.contactformwrapper input,
.contactformwrapper textarea {
    background: #efdc97 !important;
    border-radius: 5px;
    //color: rgb(0, 26, 62) !important;
}

.contactformwrapper input:focus,
.contactformwrapper textarea:focus {
    background: #f5e7b4 !important;
    //color: rgb(0, 26, 62) !important;
}


.contactformwrapper input.wpcf7-submit {
    background: #50b480 !important;
    color: white !important;
}

.contactformwrapper {
    padding: 30px 30px 0 30px;
    margin-top: -925px;
    border-radius: 10px;
    background: #fff;
}

.contactformwrapper h5 {
    text-align: center;
}

.contactformwrapper h5:before {
    top: 30px !important;
    left: 6% !important;
}

.get_in_touch ul li,
.get_in_touch .get_in_touch_wrapper ul li p a {
    color: black !important;
}

.get_in_touch ul li .icon {
    color: #f3d158 !important;
}

.get_in_touch {
    background-color: transparent !important;
    /*height: 400px !important;*/
}

.mcb-item-b6ac97579 {
    margin-bottom:0 !important;
}

#adressehoraires>div {

    display:flex;
    justify-content: center !important;
    flex-wrap: wrap;
    //row-gap: 2rem;
    gap: 2em;

}

#adressehoraires>div>div {
    flex:1;
    color:#f3d158 !important;
    width:100% !important;
}

#adressehoraires h3 {
    
    margin-left:-14px;
    font-weight: 500;
    color: black !important;
    margin-bottom:1em;
}

#adressehoraires h2 {

    margin-bottom:1em;
}

#Content {
    margin-top:80px;
}

.mapwrapper {
    //margin-top:-850px; 20241211
}

.ays_content_box {
	height:696px;
}

@media only screen and (max-width: 767px) {
    .ays_image_main, .ays_image_window.ays-pb-modal_1  {
        width:300px !important;
        height:300px !important;
    }
    .ays_content_box {
        height:200px !important;
    }
    
    .chiffres_cles_picto .texte1, .chiffres_cles_picto.itemindex0 .chiffre {
        line-height: 0.9em;
    }
    .menu2 .submenu4 {
        display:block;
    }
    .menu2 .submenu4 a{
        color:white;
        transform: scale(1, 0.8);
        -webkit-transform: scale(.9);
        box-sizing: border-box;
        text-transform: uppercase;
        font-size: xx-large;
        font-family: "Francois One", Helvetica, Arial, sans-serif;
        color:white;
        padding:10px 20px;
        border-radius: 30px;
    }
    .menu2 li.submenu4 a {
        background-color: #f3d158;
    
    }

    .menu2 li.submenu4 img {
        height:40px;
        margin-right:15px;
        vertical-align: middle;
        margin-top:-9px;
        filter:invert();
    }

    .menu2 li {
        display: block !important;
        margin-bottom:3em;
        margin: 0 !important;
        height: 75px;
    }

    .contactformwrapper {
        padding:0 !important;
    }
    body:not(.template-slider) #Header_wrapper {
        background-size:100% 20%;
    }
    body:not(.home) #Header_wrapper {
        height:490px !important;
    }

    #adressehoraires {
        background: none !important;
    }
    #adressehoraires .horairesdiv.column_column ul li {
        margin-bottom:10px !important;
    }
    #adressehoraires .horairesdiv ul {
        margin: 0 !important;
    }
    .innerfooter {
        text-align: left !important;
        font-size: small;
    }
    .eds_cctlb_map .maplayers {
        position: unset;
        left: 0;
        width: unset;
        margin-top: 0px;
    }
    .eds_cctlb_map .maplayers li {
        margin:0 0 10px 0 !important;
    }
    #edsmenuidmenu2, #edsmenuidmenu3, #edsmenuidmenu4 {
        background-color: rgb(250,250,250,1);
    }
    .edsmenuclass > li > a {
        font-size:large;
    }
    .edsmenuclass > li > ul > li > a {
        font-size: medium;

        margin-left:10px;
    }
    .edsmenuclass > li > ul > li {
        padding:5px 0;
    }
    .edsmenuclass {
        padding: 10px 10px 10px 10px;
    }
    .menu_wrapper {
        display:none !important;
    }
    .eds_search_wrapper form {
        display:block;
    }
    .eds_search_wrapper .field {
        display:inline-block;
        width:85%;
    }
    #carousel-326 .fixed-height-image {
        height:150px !important;
    }
    .slick-slide  {
        /*height: 460px !important;*/
    }
    .rpc-title {
        font-size:medium !important;
    }
    .wcp-carousel-main-wrap .post-style-1 .wcp-img-wrap {
        width: 100% !important;
    }
    .wcp-carousel-main-wrap .post-style-1 .wcp-content-wrap{
        width: 100% !important;
    }

    .actuswrapper {
        margin-top:-100px !important;
    }
    .fleuractus {
        display:none !important;
    }
    .mapwrapper {
        margin-top:60px !important;
    }
    .topbarwrapper {
        display: block !important;
    }
    #Top_bar #logo {
        height:80px;
    }
    #Top_bar:not(.is-sticky) #logo img {
        position: unset;
        width: unset;
        height: unset;
        left: unset;
    }
    .menu2 {
        text-align: center;
    }
    .menu2 li:first-child {
        margin-right: 0;
    }

    .chiffres_cles_picto.itemindex0, .chiffres_cles_picto.itemindex1 {
        flex-basis: calc(100% - var(--space-s)) !important;
    }
    .chiffres_cles_content, .chiffres_cles_wrapper > div {
        flex-basis: calc(50% - var(--space-s)) !important;
    }

    .chiffres_cles_picto.itemindex0 .chiffre {
        font-size:xx-large;
    }

    .annee {
        margin-left:210px;
        line-height: 0.9em;
    }

    .mfn-main-slider {
        margin-top: 0px;
    }

    #Content {
        margin-top:10px !important;
    }

    body.page-id-584 #Content {
        margin-top:10px !important;
    }

    body.page-id-584 div.mcb-item-j2hhulbwd, body.page-id-584 div.mcb-item-20vkjylmq,
    body.page-id-584 div.mcb-item-r6blh3kjj,
    body.page-id-584 div.mcb-item-eagxsqn7g
    { /*mes jours de collecte*/
        display:none !important;
    }

    body.page-id-584 div.ramassagecontainer {
        flex-direction: column;
    }

    body.page-id-584 div.ramassagecontainer > div {
        flex: 1;
        width: 100% !important;
    }

    body.page-id-584 div.ramassagecontainer > div.resultwrapper {
        margin-top:2em;
        min-height:unset !important;
    }

    #Footer .container {
        padding-left:0 !important;
        padding-right:0 !important;        
    }
 
    #Footer .container .column {
        clear: unset !important;
    }

    #Footer .container .column.two-third {
        width:65%;
    }
    #Footer .container .column.one-third {
        width:30%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px){ 

}

@media only screen and (min-width: 768px) and (max-width: 991px) { 
    #Content {
        margin-top:30px;
    }
        
    #Top_bar:not(.is-sticky) #logo img {
        left:unset;
        width:40%;
        height:auto;
    }

    .eds_cctlb_map .maplayers {
        position: unset;
        margin-top:10px;
        width:100%;

    }

    .eds_cctlb_map .maplayers ul {
        display:flex;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
    }
    .eds_cctlb_map .maplayers li {
        flex:1;
        text-align: center;
        vertical-align: middle;
    }

    #Top_bar a.responsive-menu-toggle {
        top:40% !important;        
    }

    li.submenu2 {
        margin-top:20px;
        margin-left:-52%;
    }

    .menu2 {
        margin-top:90px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1368px){ /*20241211*/
    #Content {
        margin-top:10px;
    }
        
    #Top_bar:not(.is-sticky) #logo img {
        left:unset;
        width:40%;
        height:auto;
    }

    .eds_cctlb_map .maplayers {
        position: unset;
        margin-top:10px;
        width:100%;

    }

    .eds_cctlb_map .maplayers ul {
        display:flex;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
    }
    .eds_cctlb_map .maplayers li {
        flex:1;
        text-align: center;
        vertical-align: middle;
    }

    li.submenu2 {
        margin-left:-52%;
    }
}