/* ----------------------------------
/* ------------ THEME 2.2.8 ----------
------------------------------------- */
/* ----------------------------------
/* ------------ FONT-FACE ----------
------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i|Muli:400,400i,600,600i,700,700i,800,800i,900,900i&display=swap");
/* ----------------------------------
/* ------------ ENTETE ----------
------------------------------------- */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background: url("../images/fond.jpg") center no-repeat fixed; margin: 0; padding: 0; max-width: 100%; width: 100%; }

div, td { color: #020202; font-family: "Muli", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; margin: 0; padding: 0; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s  ease-in-out; }

@media only screen and (max-width: 1279px) { div, td { font-size: 16px; } }

a { text-decoration: none; color: #237344; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s  ease-in-out; }

a:hover { text-decoration: none; }

img { border: none; display: block; margin: 0 auto; }

p { padding: 10px 0; margin: 0; }

h1, h2, h3, h4 { font-weight: normal; margin: 0; padding: 0; }

h1 { color: #237344; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 40px; font-weight: 700; line-height: 45px; text-align: center; }

h1:before, h1:after { content: url("../images/carre.png"); display: block; line-height: 0; }

h1:before { padding-right: 15px; }

h1:after { padding-left: 15px; }

h2 { color: #237344; font-size: 20px; font-weight: 600; padding: 10px 0; }

ul h3 { display: inline; }

address, menu { margin: 0; padding: 0; font-style: normal; }

.menu-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }

.photos ul { list-style: none; margin: 0; padding: 0; }

.photos a { display: block; }

.photos img { max-width: 100%; height: auto; }

.clear, p.clear { clear: both; height: 0; padding: 0; }

.clear p { display: none; }

.none { display: none; }

.url { display: inline-block; }

.num { font-size: 16px; font-weight: 500; display: inline-block; }

.clearfix:after { content: ""; display: table; clear: both; }

.container { margin: 0 auto; max-width: 1600px; padding: 0 15px; width: 100%; }

.wrapper { margin: 0 auto; max-width: 1520px; padding: 0 15px; width: 100%; }

.youtube, .addthis_sharing_toolbox { display: inline-block; vertical-align: top; }

/*#cssmenu {
    display: none;
    @include resp(1152) {
        display: block;
    }
}*/
.more, .link-more { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; }

.more a, .link-more a { background: #FFF; border: 1px solid #8cbb4a; color: #237344; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 800; padding-left: 30px; position: relative; text-transform: uppercase; }

.more a:after, .link-more a:after { background: #8cbb4a; content: '+'; color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 30px; min-height: 30px; min-width: 30px; }

.more a:hover, .link-more a:hover { background: #237344; color: #FFF; }

.price { color: #ea332c; }

.price p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.price p span { font-size: 40px; font-weight: 900; line-height: 45px; }

.photos a { display: block; }

.photos a img { max-width: 100%; height: auto; }

/* ----------------------------------
/* ------------ HEADER ----------
------------------------------------- */
#pageweb { margin: 0 auto; max-width: 1920px; overflow: hidden; width: 100%; }

#header { -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s  ease-in-out; }

#header.fixe { position: fixed; top: 0; left: 0; right: 0; z-index: 20; }

#header.fixe .header { background: #FFF; }

#header.fixe .header #logo img { max-width: 140px; }

.logo img { max-width: 100%; height: auto; }

.header-coord { background: #237344; }

.header-coord .coord .tel { padding: 0 0px;text-align: center; font-size: 20px;}

.header-coord .coord .tel:before { display: block; line-height: 0; width: 40px; }

.header-coord .coord .tel span { color: #FFF; font-size: 14px; }

.header-coord .coord .tel p { padding: 5px 0; }

.header-coord .coord .tel a { color: #8cbb4a; display: inline-block; line-height: 20px; }

@media only screen and (max-width: 899px) { .header-coord .coord .tel a { display: inline-block; font-size: 20px; line-height: 15px; } }

@media only screen and (max-width: 532px) { .header-coord .coord .tel a { font-size: 20px; } }

@media only screen and (max-width: 479px) { .header-coord .coord .tel a { display: block; } }

.header-coord .coord .tel.info { /*&:before{ content: url("../images/tel-info.svg"); padding-right: 15px; } */ }

.header-coord .coord .tel.vente { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; /*&:before{ content: url("../images/tel-vente.svg"); padding-left: 15px; }*/ }

@media only screen and (max-width: 479px) { .header-coord .coord .tel.vente { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; padding: 0; } }

.header { background: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); /* bloc-menu */ }

@media only screen and (max-width: 899px) { .header { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

.header #logo img { max-width: 150px; height: auto; }

.header .bloc-menu .menu-menu-1-container { height: 100%; }

.header .bloc-menu ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; }

.header .bloc-menu ul li { position: relative; z-index: 10; }

.header .bloc-menu ul li a { color: #237344; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Muli'; font-size: 18px; font-weight: 600; height: 100%; line-height: 16px; padding: 0px 30px; position: relative; text-align: center; text-transform: uppercase; }

.header .bloc-menu ul li a:before, .header .bloc-menu ul li a:after { background: #8cbb4a; content: ''; opacity: 0; position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; z-index: -1; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s  ease-in-out; }

.header .bloc-menu ul li a:hover, .header .bloc-menu ul li a.on { color: #FFF; }

.header .bloc-menu ul li a:hover:before, .header .bloc-menu ul li a:hover:after, .header .bloc-menu ul li a.on:before, .header .bloc-menu ul li a.on:after { opacity: 1; top: 0; bottom: 0; }

.header .bloc-menu ul li a:hover:before, .header .bloc-menu ul li a.on:before { left: 0; }

.header .bloc-menu ul li a:hover:after, .header .bloc-menu ul li a.on:after { right: 0; }


.admin-bar #top header { padding-top:90px !important;}
#top header { padding-top:127px !important;}
#top header .head { padding: 0px 0 !important;}
body .pt-5 { padding-top:0rem !important;}
body .pb-5 { padding-bottom:0rem !important;}
body .py-3 { padding-bottom:0rem !important;}
body .py-5 {
  padding: 0rem !important;
}
body .py-sm-5 { padding:0 !important;}

.entry-header { padding-top:30px !important;}
.content-right .pt-3 { padding-top:5px !important;}
.content-right .mb-5 { margin-bottom:20px !important;}
.section .content .content-right .contenu .cont h2 { margin-bottom:5px;}

@media only screen and (max-width: 899px) { .header .bloc-menu { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .header .bloc-menu button.menu-toggle { background: transparent; color: #237344; display: block; position: relative; z-index: 9999; }
  .header .bloc-menu button.menu-toggle:hover { background: #237344; color: #FFF; }
  .header .bloc-menu ul { background: rgba(255, 255, 255, 0.9); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; z-index: 888; }
  .header .bloc-menu ul li { border-bottom: 1px solid #8cbb4a; width: 100%; }
  .header .bloc-menu ul li:first-child { border-top: 1px solid #8cbb4a; }
  .header .bloc-menu ul li a { color: #237344; display: block; padding: 20px 0; } }

.header .tel { background: #237344; }

.header .tel:before { content: url("../images/tel.png"); display: block; padding-right: 10px; }

.header .tel span { font-size: 14px; }

.header .tel a { color: #237344; display: block; font-style: italic; font-size: 40px; font-weight: 700; }

.head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#slide-flash { background: rgba(45, 48, 46, 0.8); margin: 0 auto; max-width: 1920px; width: 100%; }

#slide-flash iframe { margin: 0 auto; max-width: 100%; height: 380px; width: 100%; }

#flash { background: rgba(45, 48, 46, 0.8); margin: 0 auto; max-width: 1920px; width: 100%; }

#flash iframe { margin: 0 auto; max-width: 100%; height: 380px; width: 100%; }

#flash #product-slider .carousel-inner .carousel-item .contenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#flash #product-slider .carousel-inner .carousel-item .contenu .contenu-photos img { height: auto; max-height: 640px; max-width: 100%; }

#flash #product-slider .carousel-inner .carousel-item .contenu .contenu-texte p.titre { color: #237344; font-family: 'muli'; font-size: 30px; font-weight: 900; line-height: 35px; padding-bottom: 40px; }

.bloc-pub .pub .pub-left { background: #FFF; }

.bloc-pub .pub .pub-right { background: #000; }

.bloc-pub .pub .pub-right video { display: block; height: auto; max-height: 250px; width: 100%; }

.bloc-partage { background: #237344; }

/* ----------------------------------
/* ------------ CORPS ----------
------------------------------------- */
#central { background: rgba(249, 249, 249, 0.96); }

.video-promo { line-height: 0; }

.video-promo video { max-width: 100%; width: 100%; }

.section-info { background: #237344; }

.section-info .content .contenu .contenu-video .textwidget { height: 100%; }

.section-info .content .contenu .contenu-video iframe { border: none; height: 100%; margin: 0; padding: 0; width: 100%; }

@media only screen and (max-width: 992px) { .section-info .content .contenu .contenu-video iframe { height: 50vh; } }

.section-info .content .contenu .contenu-texte .textwidget { color: #FFF; }

.section-info .content .contenu .contenu-texte h2 { color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 25px; font-weight: 900; text-transform: uppercase; }

.section-info .content .contenu .contenu-texte h2:before, .section-info .content .contenu .contenu-texte h2:after { content: url("../images/carre.png"); display: block; padding: 0 10px; }

.section-info .content .contenu .contenu-texte p.more { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.section-info .content .contenu .contenu-texte a { color: #8cbb4a; }

.section .content .content-left .wpcf7-form { margin: 0 auto; max-width: 440px; }

.section .content .content-left .contenu { border-bottom: 1px solid #237344; }

.section .content .content-left .contenu .titre { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.section .content .content-left .contenu .titre:before { content: url("../images/titre.png"); display: block; padding-right: 10px; }

.section .content .content-left .contenu .titre h2 { border-bottom: 2px solid #237344; color: #237344; font-size: 30px; font-weight: 900; text-transform: uppercase; }

@media only screen and (max-width: 532px) { .section .content .content-left .contenu .titre h2 { font-size: 25px; } }

@media only screen and (max-width: 479px) { .section .content .content-left .contenu .titre h2 { font-size: 18px; } }

.section .content .content-left .contenu .cont .cont-article .texte-article h3 { color: #8cbb4a; font-size: 18px; font-weight: 700; }

.section .content .content-left .contenu .cont .cont-article .texte-article h3 a { color: #8cbb4a; }

@media only screen and (max-width: 599px) { .section .content .content-left .contenu .cont .cont-article .texte-article h3 { padding-top: 40px; } }

.section .content .content-left .contenu .cont .cont-article .texte-article p { font-size: 14px; }

.section .content .content-left .contenu .more { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.section .content .content-right { background: #237344; }

.section .content .content-right .contenu .cont h2 { border-bottom: 1px solid #8cbb4a; color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: 900; text-transform: none; margin-bottom: 15px; }

@media only screen and (max-width: 1279px) { .section .content .content-right .contenu .cont h2 { font-size: 18px; } }

.section .content .content-right .contenu .cont h2:before { display: block; line-height: 0; padding-right: 15px; }

.section .content .content-right .contenu .cont.cont-cherche { background: none; }

.section .content .content-right .contenu .cont.cont-cherche h2:before { content: url("../images/ttl_cherche.png"); }

.section .content .content-right .contenu .cont.cont-cherche form { display: -webkit-box; display: -ms-flexbox; display: flex; }

.section .content .content-right .contenu .cont.cont-cherche form input { border: 1px solid #8cbb4a; margin: 0; max-width: calc(100% - 36px); padding: 5px 15px; width: 100%; }

.section .content .content-right .contenu .cont.cont-cherche form input::-webkit-input-placeholder { font-size: 12px; }

.section .content .content-right .contenu .cont.cont-cherche form input:-ms-input-placeholder { font-size: 12px; }

.section .content .content-right .contenu .cont.cont-cherche form input::-ms-input-placeholder { font-size: 12px; }

.section .content .content-right .contenu .cont.cont-cherche form input::placeholder { font-size: 12px; }

.section .content .content-right .contenu .cont.cont-cherche form button { background: url("../images/cherche.png") center no-repeat #8cbb4a; border: none; display: block; margin: 0; margin-left: 2px; min-width: 34px; padding: 0; }

.section .content .content-right .contenu .cont.cont-shop h2:before { content: url("../images/mony.png"); }

.section .content .content-right .contenu .cont.cont-shop .photos { background: #FFF; }

.section .content .content-right .contenu .cont.cont-shop .texte { font-size: 14px; font-weight: 700; line-height: 18px; }

.section .content .content-right .contenu .cont.cont-shop .more { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.section .content .content-right .contenu .cont.cont-gal h2:before { content: url("../images/product.png"); }

#gal-produit { background: #FFF; }

#gal-produit .cont-prod .titre h3 { color: #237344; font-size: 20px; font-weight: 800; text-align: center; }

#gal-produit .cont-prod .price p { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#gal-produit .cont-prod .more { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media only screen and (max-width: 767px) { .section .content .content-right .contenu .cont.cont-gal #gal-produit img { max-width: 200px; } }

.section .content .content-right .contenu .cont.cont-list h2:before { content: url("../images/art.png"); }

.section .content .content-right .contenu .cont.cont-list ul { list-style: none; margin: 0; padding: 0; }

.section .content .content-right .contenu .cont.cont-list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; position: relative; }

.section .content .content-right .contenu .cont.cont-list ul li:before { content: url("../images/flech.png"); display: block; line-height: 0; padding-right: 10px; }

.section .content .content-right .contenu .cont.cont-list ul li:after { background: #f9f9f9; content: ''; height: 1px; position: absolute; left: 20px; bottom: 5px; right: 0; }

.section .content .content-right .contenu .cont.cont-list ul li a { color: #f9f9f9; }

.section .content .content-right .contenu .cont.cont-list.cont-blog h2:before { content: url("../images/blog.png"); }

.section .content .content-right .contenu .cont.cont-fb .fb-page { margin: 0 auto; }

@media only screen and (max-width: 767px) { .section .content .content-right .contenu .cont.cont-fb .fb-page { max-height: 400px; } }

.carousel-control-next:hover, .carousel-control-prev:hover { background: darkgray; }

#comments { background: #f9f9f9; padding: 20px 15px; }

#comments ol.comment-list { padding-left: 60px; }

@media only screen and (max-width: 1279px) { #comments ol.comment-list { padding-left: 0; } }

/* ----------------------------------
/* ------------ FOOTER ----------
------------------------------------- */
.blog-link .content { background: rgba(255, 255, 255, 0.9); }

.blog-link .content .link-blog p { color: #237344; font-size: 30px; font-weight: 900; margin-bottom: 20px; text-align: center; text-transform: uppercase; }

.blog-link .content .link-blog ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }

.blog-link .content .link-blog ul li { max-width: calc(100%/4); padding: 5px 10px; width: 100%; }

@media only screen and (max-width: 767px) { .blog-link .content .link-blog ul li { max-width: 50%; } }

@media only screen and (max-width: 532px) { .blog-link .content .link-blog ul li { max-width: 100%; } }

.blog-link .content .link-blog ul li a { color: #2d302e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; }

.blog-link .content .link-blog ul li a:before { content: url("../images/flech.png"); display: block; line-height: 0; padding-right: 10px; }

.blog-link .content .link-blog ul li a:hover { color: #237344; }

#footer { background: #191919; }

#footer footer .foot-info { font-size: 14px; }

#footer footer .foot-info .more a { text-align: center; }

#footer footer .foot-info .more a:after { font-size: 25px; min-height: 60px; min-width: 60px; }

#footer footer .foot .foot-nav .link p { background: #8cbb4a; color: #FFF; font-size: 20px; font-weight: 900; padding: 15px 30px; }

#footer footer .foot .foot-nav .link ul { list-style: none; margin: 0; padding: 0 0 30px; }

#footer footer .foot .foot-nav .link ul li { border-top: 1px dashed rgba(249, 249, 249, 0.5); }

#footer footer .foot .foot-nav .link ul li a { color: #FFF; display: block; font-size: 14px; line-height: 18px; padding: 10px 5px; }

#footer footer .foot .foot-nav .link ul li a:hover { background: #737373; color: #8cbb4a; }

#footer footer .foot .foot-link p { background: #8cbb4a; color: #FFF; font-size: 20px; font-weight: 900; padding: 15px 30px; }

#footer footer .foot .foot-link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 20px 0 0; }

#footer footer .foot .foot-link ul li { max-width: calc(100%/3); padding: 10px 15px; width: 100%; }

@media only screen and (max-width: 767px) { #footer footer .foot .foot-link ul li { max-width: 50%; } }

@media only screen and (max-width: 532px) { #footer footer .foot .foot-link ul li { max-width: 100%; } }

#footer footer .foot .foot-link ul li a { color: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; }

#footer footer .foot .foot-link ul li a:before { content: url("../images/flech.png"); display: block; line-height: 0; padding-right: 10px; }

#footer footer .foot .foot-link ul li a:hover { color: #8cbb4a; }

#footer footer .foot-info .textwidget { color: #FFF; }
/*# sourceMappingURL=main.css.map */