/*
Theme Name: P102
Version: 1.0.17
Domain Path: /langs
*/

/* Headings */
html body{font:400 87.5%/150% 'Open Sans',Helvetica,Arial;}
h1, h2, h3,
h4, h5, h6{margin:0 0 10px; font-weight:600 !important; font-family:'Open Sans',Helvetica,Arial !important; padding:0 !important; }
h1{font-size:31px !important; line-height:1.25em; margin-bottom:15px}
h2{font-size:1.86em !important; line-height:1.25em}
h3{font-size:1.50em !important; line-height:1.2em}
h4{font-size:1.18em !important; line-height:1.25em}
h5{font-size:1.1em !important; line-height:1.143em}
h6{font-size:1em !important; line-height:1.166em}
p { line-height:23px; }

html body.light { background-color:#fff; color:#5e6d82; }
html body.light a, html body.light .link { color:#0F5660; }
html body.light a div {  color:#5e6d82; }
html body .container { max-width:1390px; }
html body.is_sticky #header { position:relative; }
html body.is_sticky main { margin-top:0; }
/*html body.light #header { border-bottom:2px solid #F2F5FA; }*/
html body.light #header .inner { justify-content:normal; }
html body.light #header .inner .icons { flex-grow:1; margin-left:5%; }
html body.light #header .inner .icons .search { border:2px solid #2b375c; border-radius:4px; }
html body.light #header .inner .icons .search input { background-color:#fff; color:#5e6d82; }
html body.light #header .inner .icons .search input::placeholder { color:#5e6d82; }
html body.light #header .inner .icons .search button { padding:0 10px; }
html body.light #header .telephone { margin-left:30px; }
html body.light #header .telephone a { text-decoration:none; font-size:20px; font-weight:700; color:#2b375c; }
html body.light #header .telephone a:hover { color:#fe5722; }
html body.light #header .telephone a span { vertical-align:middle; font-size:24px; }
html body.light #header .telephone a span.icon-tel { display: inline-block; background:url(assets/img/icon_tel.png) no-repeat; width:36px; height:36px; margin-right:10px; }
/*html body.light #header .inner .menu { flex-grow:1; }*/
html body.light #header .menu { background-color:#2b375c; text-align:center; }
html body.light #header .menu nav { display:inline-block; width:1390px; max-width:100%; text-align:left; }
html body.light.is_sticky #header .menu { position:fixed; top:0; width:100%; }
html body.light #header .menu nav .home { display:inline-block; height:59px; vertical-align:middle; padding:0 10px; }
html body.light #header .menu nav .home img { position:relative; top:calc(50% - 2px); transform:translateY(-50%); }
html body.light #header .menu nav ul { list-style:none; display:inline-block; vertical-align:middle; margin-left:0; }
html body.light #header .menu nav ul li { display:inline-block; margin-bottom:0; }
html body.light #header .menu nav ul li.mobile-menu-display { display:none; }
html body.light #header .menu nav ul li a { display:block; color:#fff; text-decoration:none; padding:19px 10px 20px; text-transform:uppercase; font-size:14.5px; font-weight:bold; }
html body.light #header .menu nav ul li a:hover, html body.light #header .menu nav .home:hover { background-color:#d03a0c; }
html body.light #header .menu nav ul li .sub-menu { display:none; position:absolute; left:50%; transform:translateX(-50%); max-width:100%; width:1390px; margin:0; background-color:#fff; }
html body.light #header .menu nav ul li:hover .sub-menu { display:flex; flex-direction:column; flex-wrap:wrap; gap:0 10px; border:1px solid #ddd; box-shadow:1px 1px 5px #ccc; padding:15px 20px; text-align:left; }
html body.light #header .menu nav ul li:hover .sub-menu li { width: calc(25% - 10px); }
html body.light #header .menu nav ul li .sub-menu a { color:#4c5869; padding:5px; font-size:12.5px; font-weight:normal; }
html body.light #header .menu nav ul li .sub-menu a:hover { background-color:#fff; color:#d03a0c; }

/* MAJ CSS MENU 17/09/25 SUITE AJOUT */
html body.light #header .menu nav > ul > li:hover > .sub-menu { display:flex; flex-direction:row; }
html body.light #header .menu nav > ul > li:hover > .sub-menu > li { flex:24.44% 0 0; }
html body.light #header .menu nav > ul > li:hover > .sub-menu > li > a { font-weight:bold; font-size:14px; }
html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu { position:relative; top:unset; left:unset; transform:none; width:100%; border:0; box-shadow:none; padding:0 0 0 25px; }
html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu { list-style:disc; }
html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu li { display:list-item; width:100%; }
html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu li a { display:inline-block; padding:5px 0; text-transform:none; font-size:14px; }
html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu li.back { display:none; }


html body.light main.entry.single .entry-layout .contents h3:not(.sc),
html body.light main.entry.single .entry-layout .contents .h3:not(.sc),
html body.light main.entry.single .entry-layout .contents a:not([class]),
html body.light main.entry.single .entry-layout .contents span[data-obflink-url]:not(.sc),
html body.light main.entry.page .entry-layout .contents h3:not(.sc),
html body.light main.entry.page .entry-layout .contents .h3:not(.sc),
html body.light main.entry.page .entry-layout .contents a:not([class]),
html body.light main.entry.page .entry-layout .contents span[data-obflink-url]:not(.sc),
html body.light.single-product main.product .product-layout .product-layout-description .description a:not([class]) { color:#5e6d82; }

.home-banniere { order:2; margin-top:15px; }
.home-banniere img { margin:0 auto; }
.home-banniere .gcol-12 { position:relative; }
.global-review { position:absolute; top:0; right:0; text-align:center; }
.global-review .global-review-content { display:inline-block; border:5px solid #e74c3c; padding:10px; background-color:#f1f1f1; }
.global-review .global-review-content .titre { display:block; font-size:14px; font-weight:bold; }
.global-review .global-review-content .note-globale { display:block; font-size:50px; font-weight:bold; line-height:40px; color:#e74c3c; margin-top:10px; }
.global-review .global-review-content .note-globale .note-sur { font-size:18px; color:#666; }
.global-review .total-avis { display:block; margin-top:5px; font-style:italic; font-size:13px; }

body main.blog .blog-header { padding-top:10px; padding-bottom:40px; }
body main.entry.page .entry-layout, body main.entry.single .entry-layout { margin-top:10px; margin-bottom:40px; }

html body.light #footer .bottom { background-color:#fff; }
html body.light #footer .bottom .copyright { text-align:left; }
html body.light #footer .bottom .copyright span { color:#1E2229; }

html body.light #back-to-top { bottom:25px; right:20px; background-color:#fff; color:#95a5a6; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; border:2px solid #95a5a6; transition:border-color 0.3s ease,background-color 0.3s ease; }
html body.light #back-to-top:hover { background-color:#2b375c; border-color:#fff; }
html body.light #back-to-top svg { position:relative; top:-2px; }
html body.light #back-to-top svg path { fill:#95a5a6; transition:fill 0.3s ease; }
html body.light #back-to-top:hover svg path { fill:#fff; }

main.loop .loop-layout { margin-bottom:80px; }
body.archive main.loop .loop-header { order:1; }
body.archive main.loop .loop-layout { order:3; }
body.archive main.loop .loop-header .header { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:transparent; }
body.archive main.loop div.loop-header { background-color:#fff !important; padding:0; }
body.archive main.loop div.loop-header:before { display:none; }
body.archive main.loop div.loop-header .header h1, body.tag main.loop .loop-header .header h1 { margin-bottom:15px; padding-bottom:0; }
body.archive main.loop div.loop-header .header p { display:none; }
body.archive main.loop .loop-breadcrumb { order:0; }
body.archive main.loop .loop-description { order:4; }
body.archive main.loop .loop-description .description, body.tag main.loop .loop-description .description { padding:0; }
body .breadcrumb:not(.reduced) { margin:15px 0; }
body .breadcrumb { width:100%; background-color:#EAEDF2; padding:8px 20px; border-radius:4px; }
body .breadcrumb span { margin:8px 0; }
body .breadcrumb .breadcrumb__link { text-decoration:none; }
body .breadcrumb .breadcrumb__separator { margin-left:10px; margin-right:5px; font-size:18px; }

[class~=gcol], [class*=gcol-], [class*=gcol_] { padding:0 10px 1rem; }
.entries .entry a .thumbnail,
main.blog .blog-categories .categories .category .posts .post a .thumbnail,
body.archive .blog-categories .categories .category .posts .post a .thumbnail{ height:249px; }
.entries .entry a .details, main.blog .blog-categories .categories .category .posts .post a .details { margin:-70px auto 0; }
.entries .entry a .details .title h2,
main.blog .blog-categories .categories .category .posts .post a .details .title h3,
body.archive .blog-categories .categories .category .posts .post a .details .title h3,
body.light main.blog .blog-hero .post a .details .title p { font-size:18px !important; font-weight:600; }
.entries .entry a .details .excerpt, main.blog .blog-categories .categories .category .posts .post a .details .excerpt { margin-top:10px; }
.entries .entry a .details .excerpt p, main.blog .blog-categories .categories .category .posts .post a .details .excerpt p { text-indent:0; }

.single-post #post-container h2,
.single-post #post-container h3,
.single-post #post-container h4 { display:block !important; }

/*** page catégorie ***/
body.archive .blog-categories { order:3; margin-bottom:40px; }
body.archive .blog-categories .categories { padding-bottom:100px }

@media (max-width: 800px) {
    body.archive .blog-categories .categories { padding-bottom:100px }
}

body.archive .blog-categories .categories .category:not(:first-child) { margin-top: 100px }

@media (max-width: 800px) {
    body.archive .blog-categories .categories .category:not(:first-child) { margin-top:60px }
}

body.archive .blog-categories .categories .category .header h2 { margin-bottom: 0; font-size: 3.4375rem; line-height: 1 }

@media (min-width: 801px) and (max-width: 1024px) {
    body.archive .blog-categories .categories .category .header h2 { font-size:2.625rem }
}

@media (min-width: 576px) and (max-width: 800px) {
    body.archive .blog-categories .categories .category .header h2 { font-size:2.625rem }
}

@media (max-width: 575px) {
    body.archive .blog-categories .categories .category .header h2 { font-size:2.375rem }
}

body.light.archive .blog-categories .category .posts .post a .thumbnail { background-color:#e8e8ee; }
body.light.archive .blog-categories .category .posts .post a .details { background-color:#fff; }
body.light.archive .blog-categories .category .posts .post a .details .category { background-color:#12709b; }
body.light.archive .blog-categories .category .posts .post a .details .category span { color:#fff; }

body.archive .blog-categories .categories .category .header p { text-align:left; }
body.archive .blog-categories .categories .category .header p:first-of-type { margin-top:20px; }
body.archive .blog-categories .categories .category .header p:not(:last-child) { margin-bottom:10px; }
body.archive .blog-categories .categories .category .posts { margin-top:40px; }

@media (min-width: 801px) {
    body.archive .blog-categories .categories .category .posts.by-two>div>div:nth-child(n+3) { margin-top:40px }
}

@media (min-width: 576px) and (max-width: 800px) {
    body.archive .blog-categories .categories .category .posts.by-two>div>div:not(:first-child) { margin-top:40px }
}

@media (min-width: 801px) {
    body.archive .blog-categories .categories .category .posts.by-three>div>div:nth-child(n+4) { margin-top:40px }
}

@media (min-width: 576px) and (max-width: 800px) {
    body.archive .blog-categories .categories .category .posts.by-three>div>div:nth-child(n+3) { margin-top:40px }
}

@media (max-width: 575px) {
    body.archive .blog-categories .categories .category .posts.by-three>div>div:not(:first-child) { margin-top:40px }
}

body.archive .blog-categories .categories .category .posts .post a { position: relative; overflow: hidden; display: block; text-decoration: none }

@media (min-width: 1025px) {
    body.archive .blog-categories .categories .category .posts .post a:hover .thumbnail img { transform:scale(1.05) translateY(-2px); transition: transform 300ms cubic-bezier(0.55, 0, 0.1, 1) }
}

body.archive .blog-categories .categories .category .posts .post a .thumbnail { position: relative; z-index: 1; width: 100%; overflow: hidden; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) }

@media (max-width: 575px) {
    body.archive .blog-categories .categories .category .posts .post a .thumbnail { height:320px }
}

body.archive .blog-categories .categories .category .posts .post a .thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }

@media (min-width: 1025px) {
    body.archive .blog-categories .categories .category .posts .post a .thumbnail img { transition:transform 300ms cubic-bezier(0.55, 0, 0.1, 1) }
}

body.archive .blog-categories .categories .category .posts .post a .details { position: relative; z-index: 2; margin: -120px auto 0; padding: 15px 20px 10px; width: 90%; height: auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end }
body.archive .blog-categories .categories .category .posts .post a .details.bottom { margin: -35px auto 0 }
body.archive .blog-categories .categories .category .posts .post a .details .category { position: absolute; bottom: 100%; left: 0; padding: 3px 20px 5px; display: inline-block }
body.archive .blog-categories .categories .category .posts .post a .details .category span { font-size: 12px; font-weight: 700 }
body.archive .blog-categories .categories .category .posts .post a .details .title { display: inline-block }
body.archive .blog-categories .categories .category .posts .post a .details .title h2 { font-weight: 700 }
body.archive .blog-categories .categories .category .posts .post a .details .metas { margin-top: 5px; display: inline-block }
body.archive .blog-categories .categories .category .posts .post a .details .metas span { display: inline-block; font-size: 12px; text-decoration: underline }
body.archive .blog-categories .categories .category .posts .post a .details .excerpt { margin-top: 15px }
body.archive .blog-categories .categories .category .posts .post a .details .excerpt p { font-size: 14px; }

/*** 2e template home ***/
.page-id-104 .entry-breadcrumb, .page-id-104 .entry-header { display:none; }
.title.title-gradient-bg { display:inline; background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f4f6fe)); background:linear-gradient(to bottom,#fff,#f4f6fe);}
#home-search-top .headlines h1.hl-1{ font-size:30px; font-weight:bold; line-height:normal; margin-bottom:0; }
#home-search-top .headlines label.hl-1{ font-size:24px; }
#home-search-top .site-search-engine{margin:15px 0 15px 0; font-size:20px;}
#home-search-top .site-search-engine .text{font-size:16px}
#home-search-top .site-search-engine .icon-select-arrow{display:none}
@media screen and (min-width:360px){
    #home-search-top .site-search-engine .icon-select-arrow{display:inline-block}
}
@media screen and (min-width:400px){
    #home-search-top .site-search-engine .text{font-size:19px}
}
#home-search-top .favors{display:none}
#home-search-top .favors svg.icon-circle{display:inline-block;vertical-align:middle;width:28px;height:28px;margin-left:-5px;margin-right:-2.5px;margin-top:-1px}
#home-search-top .favors span.text{display:inline-block;vertical-align:middle;color:#8AD18A;font-weight:700;font-size:14px;margin-right:20px;margin-bottom:0;}
#home-search-top .illustration-container img.illustration { display:none; }
#home-search-top .headlines label.hl-2 { display:block; font-size:18px; width:50%; height:0; margin:0; padding-top:5px; position:relative; }

.site-search-engine{margin:0;padding:0;position:relative;cursor:pointer}
.site-search-engine.mobile.has-unique-select-link{padding-right:0}
.site-search-engine.mobile .button-url{margin:0;padding:0;-webkit-box-shadow:1px 2px 2px #f0f3f5;box-shadow:1px 2px 2px #f0f3f5}
.site-search-engine.mobile .button-url a{display:block}
.site-search-engine .search-input.search-mode{padding-right:30px}
body.light .site-search-engine .search-input .search-placeholder{display:block;width:100%;height:60px;overflow:hidden;padding:0 30px 0 54px;font-size:18px;color:#d4dbe1;border-style:solid;border-width:2px;border-color:#399ef9;border-top-left-radius:11px;border-bottom-left-radius:11px;line-height:57px;background-color:#fff;outline:none;-webkit-appearance:none}
body.light .site-search-engine .search-input input.unique-selected{background-color:#fff !important;color:#399ef9 !important;border:2px solid #399ef9 !important;}
.site-search-engine .search-input { display:none; }
.site-search-engine .search-input .search-placeholder::-webkit-input-placeholder{color:#399ef9}
.site-search-engine .search-input .search-placeholder::-moz-placeholder{color:#399ef9}
.site-search-engine .search-input .search-placeholder::-ms-input-placeholder{color:#399ef9}
.site-search-engine .search-input .search-placeholder:-ms-input-placeholder{color:#399ef9}
.site-search-engine .search-input .icon-magnify{display:block;width:40px;position:absolute;top:10px;left:10px}
.icon-magnify .st0 { fill:none; stroke:#399ef9; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:10; }
.site-search-engine .search-input .selected-links{display:none;position:absolute;z-index:1;max-height:330px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow-y:auto;width:100%;margin:0;padding:0;list-style:none;background-color:#fff;-webkit-box-shadow:0 4px 4px #e1e4e6;box-shadow:0 4px 4px #e1e4e6}
.site-search-engine .search-input .selected-links.active{display:block}
.site-search-engine .search-input .selected-links li a{display:block;padding:15px 15px}
.site-search-engine .search-input .selected-links li a:hover{background-color:#f8fafd}
.site-search-engine .search-input .selected-links li a svg.icon-arrow{display:inline-block;vertical-align:middle;margin:0 5px 0 0;padding:0;width:30px;stroke:#fff;fill:#8dc572}
.site-search-engine .search-input .selected-links li a span.text{display:inline-block;vertical-align:middle;margin:0;padding:0}
.site-search-engine .search-input .selected-links li a:hover span.text{font-weight:700}
.site-search-engine .search-submit{display:block;height:60px;background-color:#399EF9;border-radius:4px;text-align:center;-webkit-box-shadow:0 2px 4px #e7eaef;box-shadow:0 2px 4px #e7eaef}
.site-search-engine .search-submit .label{display:inline-block;vertical-align:top;margin:0;color:#fff;line-height:60px;font-weight:700}
.site-search-engine .search-submit svg.icon-arrow{position:relative;display:inline-block;vertical-align:top;width:24px;height:60px;padding:0;margin-left:5px;margin-right:-5px;background-color:transparent;}
.site-search-engine .search-submit svg.icon-arrow path{stroke:#399EF9;fill:#fff}
.site-search-engine .search-submit .icon-arrow .st0{fill:#fff}
.search-engine-module{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fafafa;z-index:10;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-animation:fadein 0.5s;animation:fadein 0.5s}
.search-engine-module-inner{padding:15px}
.search-engine-module .close{display:block;margin:0 0 30px 0;padding:0;cursor:pointer;position:absolute;top:25px;right:30px;z-index:1}
.search-engine-module .close svg.icon-cross{display:inline-block;vertical-align:middle;width:30px;background-color:#fff;border-radius:9999px;-webkit-box-shadow:1px 2px 2px #f0f3f5;box-shadow:1px 2px 2px #f0f3f5}
.search-engine-module .close span.text{display:none;vertical-align:middle;margin-left:10px;color:#DFDFE0}
.search-engine-module .label{display:block;padding:0;color:#399EF9;font-size:16px}
.search-engine-module .input-container{margin:15px 15px 0 15px;position:relative}
.search-engine-module .input-container .field{position:relative;overflow:hidden;margin-right:60px}
.search-engine-module .input-container .field .input, .search-engine-module .input-container .field .first-search-result-input{display:inline-block;width:100%;height:45px;vertical-align:middle;padding:0;font-size:24px;font-weight:700;border:none;background-color:transparent;color:#4a4c4d;position:relative;outline:0;text-transform:lowercase}
.search-engine-module .input-container .field .first-search-result-input{position:absolute;top:0;left:0;z-index:-1;color:#dfdfe0;width:100%}
.search-engine-module .input-container .after{display:block;background-color:#cddef9;height:3px;width:20px;position:absolute;bottom:-5px;left:0;-webkit-transition:width 1s;transition:width 1s}
#home-how-it-works { text-align:center; margin-bottom:35px; }
#home-how-it-works .close { display:none; }
#home-how-it-works .inner { font-size:0; }
#home-how-it-works .step { display:inline-block; width:50%; margin:0; vertical-align:top; }
#home-how-it-works .step .i { display:none; position:absolute; top:15px; left:15px; color:#f1f5fa; font-size:30px; line-height:1; font-weight:700; padding:5px; }
#home-how-it-works .step .text { display:block; margin:-22.5px 0 0 0; font-size:16px; font-weight:700; line-height:1.35; }

#post-container .image-container img { margin:0 auto; }

@media screen and (min-width:700px){
    #home-search-top .headlines h1.hl-1 { font-size:30px; }
    #home-search-top .headlines{margin-right:250px}
    #home-search-top .headlines label.hl-2{width:100%; padding-top:0;}
    #home-how-it-works .step { width:20%; margin:0 2.5%; }
    #home-search-top .site-search-engine{width:440px;margin:60px 0 15px 0}
    #home-search-top .headlines img.illustration{display:block;margin:0 0 0 20%;position:absolute;top:45px;left:unset;right:-250px;z-index:-1}
    #home-search-top .favors{display:block;margin:30px 0 30px 0}
    #home-search-top .headlines.saisissez label.hl-2{position:relative;margin-top:20px;margin-bottom:-50px}

    .site-search-engine{padding-right:190px}
    .site-search-engine .search-input{ display:block; position:relative}
    .site-search-engine .search-input.search-mode{padding-right:0}
    .site-search-engine .search-submit { position:absolute;right:0;top:0;width:180px; }
    body.light .site-search-engine .search-input input.search-placeholder[type=text]{border-radius:4px;height:60px;font-size:20px;padding-left:50px}
    body.light .site-search-engine .search-input input.search-placeholder.selected-links-trigger[type=text]{cursor:pointer;outline:none}
    .site-search-engine .search-input .icon-magnify{top:10px;left:10px}
    .search-engine-module-inner{width:100%;margin:0 auto;padding:15px}
    .search-engine-module .input-container .label{margin-bottom:5px;font-size:18px}
    .search-engine-module .input-container .after{height:5px;bottom:-10px}
    .search-engine-module .input-container #algolia-powered-logo{top:125px;right:2.5px;width:60px;height:15px}
    .search-engine-module .input-container .field .input,.search-engine-module .input-container .field .first-search-result-input{font-size:32px}
    .search-engine-module .results-container{padding:5px 0 30px 0}
    .search-engine-module .results-container .list{padding:0 7.5px}
    .search-engine-module .results-container .counter{padding:30px 15px;font-size:18px}
    .search-engine-module .results-container .list.buttons-list ul li{display:inline-block;width:50%;margin:0 0 15px 0;padding:0 7.5px}
    .search-engine-module .results-container .list ul li a{padding:15px}
    .search-engine-module .results-container .list ul li .text{font-size:18px;font-weight:400}
    .search-engine-module .results-container .list ul li a svg{width:35px;height:35px;padding:5px;position:absolute;right:10px;margin-top:-17.4px}
    .search-engine-module .popular-results-container .header{padding:0 0 30px 0}
    .search-engine-module .popular-results-container svg.icon-star{width:44px;margin:0 0 0 -12.5px}
    .search-engine-module .popular-results-container span.title{font-size:28px}
    .search-engine-module .popular-results-container ul li{width:25%;margin-bottom:30px}
    .search-engine-module .popular-results-container ul li a span.text{font-size:19px;padding:15px;line-height:1.35}
    .search-engine-module .popular-results-container ul li a svg.icon-arrow{right:12.5px;top:182.5px}
    .search-engine-module .more{margin-top:30px}
    .search-engine-module .more .button-arrow span.text{height:54px;line-height:54px;font-size:18px}
}
@media screen and (min-width:1024px){
    #home-search-top{min-height:390px;position:relative}
    #home-search-top .inner{width:100%;position:absolute;top:0}
    #home-search-top .search-main{width:1024px;margin:0 auto;padding:0px 512px 0 0px}
    #home-search-top .headlines{margin-right:0;margin-bottom:45px}
    #home-search-top .headlines.saisissez{margin-bottom:15px}
    #home-search-top .headlines label.hl-2{width:auto;height:auto;margin-right:0;margin-top:10px;margin-bottom:-5px;font-weight:700;color:#808080}
    #home-search-top .headlines.saisissez label.hl-2{margin-top:40px;margin-bottom:0}
    #home-search-top .headlines img.illustration{display:none}
    #home-search-top .illustration-container img.illustration{display:block}
    #home-search-top .illustration-container{margin:0 auto;padding:0}
    #home-search-top .illustration-container.responsive{width:100%;margin:0;padding:0}
    #home-search-top .site-search-engine{width:100%;margin:0 0 15px 0}
    #home-search-top .favors{display:block;width:150%;padding:15px 0 0 0}
    #home-search-top .favors svg.icon-circle{width:36px;height:36px;margin-left:-5px;margin-right:-2.5px;margin-top:-1px}
    #home-search-top .favors span.text{font-size:18px;margin-right:30px}
}
@media screen and (min-width:1200px){
    #home-search-top .illustration-container{margin:0 auto;padding:0}
    #home-search-top .search-main{padding-right:550px;}
}
/*** fin 2e template home ***/

#sidebar-container .widget { background-color:transparent; }
.widget.ez-toc { padding:0; }
.widget.ez-toc div.ez-toc-widget-container ul.ez-toc-list { margin:0; padding:0; }
.ez-toc-widget-container .ez-toc-list li { margin-bottom:5px; margin-right:2px; background-color:#fff; box-shadow:1px 2px 2px #ddd; border-radius:6px; }
.ez-toc-widget-container .ez-toc-list li:hover { color:#fff; background-color:#399EF9; }
.ez-toc-widget-container .ez-toc-list li:hover a { color:#fff !important; }
.ez-toc-widget-container .ez-toc-list li a { text-decoration:none; display:block; padding:10px; }
.ez-toc-widget-container .ez-toc-list li a.active { color:#399EF9; }
.same-category-posts { margin:30px 0; }
.same-category-posts .same-category-post-item { display:inline-block; border:none; width:33.3%; }
.same-category-posts .same-category-post-item a { display:block; text-decoration:none; padding:15px 60px 15px 15px; border-radius:6px; box-shadow:1px 2px 2px #f0f3f5; margin-right:4px; }
.same-category-posts .same-category-post-item a:hover { color:#fff; background-color:#399EF9; }
.show-responsive { display:none; }
#toggleSommaire { display:none; }
#close-sidebar { display:none; margin:15px 30px 0; text-align:right; }
#close-sidebar .icon-cross { display:inline-block; vertical-align:middle; border-radius:9999px; box-shadow:1px 2px 2px #f0f3f5; }
#test { position:fixed; width:100%; height:30vh; top:50%; transform:translateY(-50%); }

.bottom-sidebar .same-category-posts .h3.widget-title { display:inline-block; font-size:20px; padding:5px 20px; background-color:#2b375c; color:#fff; }

main.blog .blog-categories .categories, body.archive .blog-categories .categories { padding-bottom:20px; }
main.blog .blog-categories .categories .category:not(:first-child), body.archive .blog-categories .categories .category:not(:first-child) { margin-top:20px; }
main.blog .blog-description, body.archive .blog-description { padding:20px 0; }

.home-banniere .retargeting-container { margin-bottom:0; }
.retargeting-container .item-content { border:0 !important; box-shadow:none; min-height:510px; }
.retargeting-container .item-content:hover { border:0 !important; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); }
.single .retargeting-container .item-content { min-height:350px; }
.retargeting-container .item .item-content img { max-width:100%; }
.item .item-content .link span { border:0; background-color:#12709b; color:#fff; padding:12px 20px; transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out; }
.item .item-content .link span:hover { background-color:#80b601; box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.3); }
.item .item-content .link i { display:inline-block; position:relative; top:-2px; vertical-align:middle; background:url(assets/img/icon_addtocart_mini.webp) no-repeat; width:17px; height:15px; margin-right:5px; }

.more-content-button { background-color:#12709b; color:#fff; border-radius:4px; padding:12px 20px; transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out; }
.more-content-button:hover { background-color:#80b601; box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.3); }

.hide-part { display:none; }
.hide-part.inline { display:inline; }
.show-more-span { cursor:pointer; margin-left:3px; white-space:nowrap; }
.show-more-span:before { content:"["; display:inline-block; vertical-align: text-bottom; line-height:20px; }
.show-more-span:after { content:"]"; display:inline-block; vertical-align: text-bottom; line-height:20px; }

.container table { width:100%; border-collapse:collapse; margin: 20px 0; }
.container table th { background-color:#f5f5f5; border:1px solid #ddd; padding:12px; text-align:left; }
.container table tbody td { border:1px solid #ddd; padding:12px; }

.home-sidebar { order:99; }

@media only screen and (min-width: 801px) {
    main.blog .blog-categories .categories .category .posts.by-three > div > div:nth-child(n+4),
    body.archive .blog-categories .categories .category .posts.by-three > div > div:nth-child(n+4) { margin-top:0; }
}

@media only screen and (max-width: 1300px) {
    html .home-banniere .home-review a { font-size:0.8vw; bottom:0.6vw; }
}

@media only screen and (max-width: 1200px) {
    html body.light #header .brand { max-width:33%; }
}

@media only screen and (max-width: 900px) {
    html body.light #header .brand { max-width:25%; }

    html .home-banniere .home-review a { bottom:0.3vw; }
}

@media only screen and (max-width: 800px) {
    .show-responsive { display:block; }
    #toggleSommaire { display:block; position:fixed; top:-30px; left:50%; transform:translateX(-50%); width:75%; padding:5px 0; transition:0.5s;  background-color:#fff; padding:5px 0; text-align:center; border-radius:6px; box-shadow:1px 2px 2px rgb(0 0 0 / 10%); font-size:18px; font-weight:bold; z-index:998; }
    #toggleSommaire:before { display:inline-block; content: ''; border-style:solid; border-width:0.15em 0.15em 0 0; height:0.3em; position:relative; top:7px; transform:rotate(135deg); vertical-align:top; width:0.3em; margin-right:10px; }
    #toggleSommaire:after { display:inline-block; content: ''; border-style:solid; border-width:0.15em 0.15em 0 0; height:0.3em; position:relative; top:7px; transform:rotate(135deg); vertical-align:top; width:0.3em; margin-left:10px; }
    #toggleSommaire.show { top:60px; }
    #sidebar-container { display:none; position:fixed !important; top:0 !important; left:0; width:100vw !important; height:100%; background-color:#fff; margin-top:0; z-index:999; }
    #sidebar-container.visible { display:block; }
    #sidebar-container .widget { padding:15px 10px; }
    .lmcc-entry .lmcc-sidebar-layout .sommaire-container { display:none !important; position:fixed !important; top:0 !important; left:0 !important; width:100vw !important; max-width:100vw !important; height:100vh !important; overflow-y:auto; box-sizing:border-box; padding:20px !important; border:0 !important; background-color:#fff !important; margin:0 !important; z-index:999; }
    .lmcc-entry .lmcc-sidebar-layout .sommaire-container.visible { display:block !important; }
    .lmcc-entry .lmcc-sidebar-layout .sommaire-container #close-sidebar { display:block; margin:0 0 18px auto; padding:8px 12px; border:0; border-radius:4px; background-color:#12709b; color:#fff; font-weight:bold; cursor:pointer; }
    body.sommaire-visible { overflow:hidden; }
    .same-category-posts { margin:20px 0; }
    .same-category-posts ul { margin-left:0; }
    .same-category-posts ul li.same-category-post-item { display:block; width:100%; }

    html body.light #header div.menu { background-color:#fff; }
    html body.light #header .menu nav { display:block; text-align:left; background-color:#fff; }
    html body.light #header .menu nav .home { display:block; height:auto; padding:20px 10px 19px; border-bottom:1px solid rgba(30,34,41,.2); }
    html body.light #header .menu nav .home img { display:none; }
    html body.light #header .menu nav .home:after { content:"Accueil"; display:inline-block; color:#000; font-size:14.5px; font-weight:600; text-transform:uppercase; }
    html body.light #header .menu nav ul { display:block; }
    html body.light #header .menu nav ul li { display:block; border-bottom:1px solid rgba(30,34,41,.2); position:relative; }
    html body.light #header .menu nav ul li a { color:#000 !important; font-weight:600; padding-right:45px; }
    html body.light #header .menu nav ul li a:hover, html body.light #header .menu nav .home:hover, html body.light #header .menu nav .home:hover:after { background-color:#80b601 !important; color:#fff !important; }
    html body.light #header .menu nav>ul>li.menu-item-has-children>a { position:relative; }
    html body.light #header .menu nav ul li .sub-menu { position:fixed; left:-100%; transition: 0.3s; top:47px; width:100%; padding:0; box-shadow:none; transform:none; z-index:10; }
    html body.light #header .menu nav ul li:hover .sub-menu { padding:0; }
    html body.light #header .menu nav ul li:hover .sub-menu li { width:100%; }
    html body.light #header .menu nav ul li .sub-menu li a { padding:19px 10px 20px; font-size:14.5px; font-weight:600; }
    html body.light #header .menu .go-child { position:absolute; background:url(assets/img/circle_img_black.png) no-repeat; top:15px; width:24px; height:24px; right:10px; z-index:1; }
    html body.light #header .menu .go-child:before { display:block; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #000; content:''; position:relative; top:7px; left:10px; }
    html body.light #header .menu .touch-back { display: inline-block; background:url(assets/img/circle_img_black.png) no-repeat; width:24px; height:24px; margin-right:6px; vertical-align:middle; }
    html body.light #header .menu .touch-back:before { display: inline-block; content:''; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000; margin-left:9px; vertical-align:middle; position:relative; }
    html body.light #header .menu nav ul li.mobile-menu-display { display:block; }

    /* MAJ CSS MENU 17/09/25 SUITE AJOUT */
    html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu { position:fixed; top:47px; left:-100%; padding:0; }


    html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu li a { display:block; padding:19px 10px 20px; text-transform:uppercase; font-size:14.5px; }
    html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu li.back { display:list-item; }

    /*html body.light #header .menu nav > ul > li:hover > .sub-menu { display:flex; flex-direction:row; }
    html body.light #header .menu nav > ul > li:hover > .sub-menu > li { flex:24.44% 0 0; }
    html body.light #header .menu nav > ul > li:hover > .sub-menu > li > a { font-weight:bold; font-size:14px; }

    html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu { list-style:disc; }
    html body.light #header .menu nav > ul > li:hover > .sub-menu > li .sub-menu li { display:list-item; width:100%; }

    */

    html body.light #header { border-bottom:2px solid #F2F5FA; }
    html body.light #header .inner .icons { display:none; }
    html body.light #header .menu { display:none; position:fixed; top:50px !important; left:0; width:100%; height:calc(100vh - 50px); overflow:scroll; }
    html body.light #header .menu .container { max-width:none; padding:0; }
    html body.light #header .menu .container .home { display:none; }
    html body.light #header .menu .container ul { width:100%; }
    html body.light #header .menu .container ul li { display:block; padding:10px 20px; border-bottom:1px solid rgba(30,34,41,0.2); }
    html body.light #header .menu .container ul li a { color:#1E2229; padding:0; text-transform:none; font-weight:normal; }
    html body.light #header .menu .container ul li a:hover { background-color:#F7F7F9; }
    html body.light #header .menu.active { display:block; }
    html body.light #header { position:fixed; }
    html body.light main { margin-top:50px; }
    body.archive main.loop .loop-header div.header h1, body.tag main.loop .loop-header div.header h1 { padding:10px 15px; }
    body.archive main.loop .loop-header, body.tag main.loop .loop-header { padding:20px 0 18px; }
    body.archive main.loop .loop-header div.header p { margin-top:18px; }
    body #header .site-navigation .inner { justify-content:start; }
    body #header .site-navigation .inner .brand { order:3; flex-grow:1; max-width:none; }
    body #header .site-navigation .inner .telephone { order:2; margin-left:20px; }
    body #header .site-navigation .inner .telephone a:before { background-size:23px; width:23px; height:23px; margin-right:0; transform:rotate(-100deg); }
    body #header .site-navigation .inner .telephone a span { display:none; }
    body #header .site-navigation .inner .telephone a span.icon-tel { display:inline-block; }
    body #header .site-navigation .inner .opener { order:1; }
    #header .site-navigation .inner .brand a, #header .site-navigation .inner .brand span { width:auto; height:auto; }
    body .breadcrumb:not(.reduced) { margin:10px 0; padding:8px 10px; }
    body .breadcrumb.reduced { padding:8px 10px; }
    body .breadcrumb.reduced .breadcrumb__separator { margin-left:5px; margin-right:0; }
    body .breadcrumb span { margin:2px 0; }
    body .breadcrumb span:nth-child(5) { white-space:nowrap; text-overflow:ellipsis; max-width:calc(100% - 220px); overflow:hidden; }
    body main.blog .blog-header { padding:10px 0 20px; }
    body main.blog .blog-header .header h1 { font-size:30px; margin-block-start:0; }
    body main.blog .blog-categories .gcol-9_sm-12 { padding:0 0px 1rem; }
    body main.blog .blog-categories .categories .category:not(:first-child), body.archive .blog-categories .categories .category:not(:first-child) { margin-top:10px; }
    body main.blog .blog-categories .categories .category .header h2 { font-size:24px; }
    body main.blog .blog-categories .categories .category .header p:first-of-type { margin-top:12px; }
    body main.blog .blog-categories .categories .category .posts { margin-top:20px; }
    body main.entry.page .entry-layout, body main.entry.single .entry-layout { margin-top:15px; margin-bottom:15px; }
    body main.entry.single .entry-header.model-1 .header .details:not(.no-image) { padding:30px 15px; }
    body main.entry.single .entry-header.model-1 .header .details:not(.no-image) .title { padding:10px 15px; }
    body main.entry.single .entry-header.model-1 .header .details h1 { font-size:22px !important; }
    body.single-post #post-container .image-container { margin-bottom:10px !important; }
    body h2, body .h2 { margin-bottom:18px; font-size:22px; }
    body h3, body .h3 { margin-bottom:12px; font-size:20px; }
    body p, body .text { margin:0 0 10px; }
    .global-review { display:block; position:relative; margin-top:10px; margin-bottom:10px; }
    .global-review .global-review-content { display:block; padding:5px 10px; }
    .global-review .global-review-content .titre { margin-bottom:4px; }
    .global-review .global-review-content .note-globale { display:inline-block; padding:0 15px; font-size:28px; vertical-align:middle; margin-top:0; line-height:22px; }
    .global-review .global-review-content .rating-box { display:inline-block; vertical-align:middle; }
    .global-review .global-review-content .total-avis { margin-top:3px; }
}

@media only screen and (max-width: 600px) {
    .site-navigation [class~=gcol], [class*=gcol-], [class*=gcol_] { padding:0 20px 1rem; }
    .blog-categories .categories .category .by-three .gridlex-noBottom [class~=gcol],
    .blog-categories .categories .category .by-three .gridlex-noBottom [class*=gcol-],
    .blog-categories .categories .category .by-three .gridlex-noBottom [class*=gcol_] { margin-top:0px !important; padding:0 0 1rem !important; }

    .single .header .image.fixed { height:250px !important; }
    body #header .site-navigation .inner .brand img { max-width:80%; max-height:45px; height:auto; }

    body .breadcrumb span:nth-child(3) { white-space:nowrap; text-overflow:ellipsis; max-width:145px; overflow:hidden; }

    body table { max-width:100%; width:100%; display:block; overflow:scroll; }

    h1{font-size:1.57em !important; line-height:1.25em; margin-top:10px; }
    h2{font-size:1.5em !important; line-height:1.2em}
    h3{font-size:1.22em !important; line-height:1.25em}
    h4{font-size:1.07em !important; line-height:1.1428em}
    h5{font-size:1em !important; line-height:1em}
    h6{font-size:1em !important; line-height:1em}
}