@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/fonts/open-sans-300.woff2') format('woff2');}@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/fonts/open-sans-400.woff2') format('woff2');}@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/fonts/open-sans-700.woff2') format('woff2');}@media (min-width: 1400px) { .container { max-width: 1140px; }}@media (min-width: 1200px) { h1 { font-size: 2.25rem; }}body { font-family: 'Open sans', sans-serif; font-weight: 300; font-size: 16px; padding-top: 50px;}h2 { font-size: 28px;}h3 { font-size: 22px; margin-bottom: 15px;}h2.title,.smallTitle,.bigTitle { margin: 25px 0 30px 0;}h2.title,.smallTitle,.bigTitle { margin: 20px 0; margin-top: 25px;}.smallTitle { font-size: 15px; font-weight: 500; letter-spacing: -1px; text-align: left; padding-left: 20px; color: #626262; letter-spacing: 0;}.smallTitle:before { content: "\f054"; font-family: FontAwesome; font-size: 13px; padding-right: 8px;}sup { top: -.4em;}h1 sup { top: -0.7em; font-size: 20px;}h2 sup { top: -0.9em; font-size: 15px;}h2.smallTitle sup { top: -0.4em; font-size: 11px;}a { color: #E40000; text-decoration: none;}a:focus, a:hover { color: #B30000;}p { line-height: 29px;}img { max-width: 100%; height: auto;}b, strong { font-weight: 500;}.container ul > li { line-height: 40px;}hr { opacity: 1; color: #eee; margin-top: 1rem !important; margin-bottom: 1rem !important;}address { line-height: 24px;}table td { padding: 2px 8px;}table tr.even td { border-bottom: 1px solid #ccc;}table tr.odd td { border-bottom: 1px solid #ccc;}textarea.form-control { height: auto;}.hidden { display: none;}.clearfix:after { content: " "; display: table; clear: both;}.breadcrumb { background: #fff; padding: 8px 0; border-bottom: 1px solid #dedede; border-radius: 0; --bs-breadcrumb-divider: '›'; --bs-breadcrumb-item-padding-x: 0.8rem; --bs-breadcrumb-divider-color: #ccc;}#category-12 .breadcrumb { border-bottom: none; margin-bottom: 0;}.breadcrumb li { font-size: 14px; font-weight: 500; display: inline;}.breadcrumb a { color: #555353; cursor: pointer; font-size: 14px;}.breadcrumb a:hover { color: #333;}.pageContent { color: #676767; line-height: 25px;}.panel-group .panel { border-radius: 0; box-shadow: none;}.panel-default>.panel-heading { background-image: none; padding: 0; overflow: auto; background-color: #fff; border-top-left-radius: 0; border-top-right-radius: 0;}.panel-title { line-height: 44px; margin-left: 55px; color: #444;}.btn-active,.btn-active:hover { color: #fff; background-color: #d00b2b; border-color: #d00b2b; text-shadow: none;}@media screen and (min-width: 765px) { body { padding-top: 151px; }}#category-13 .col-md-4 img { height: 100px !important; width: 100px !important; margin-bottom: 20px; border: 1px solid #ddd !important; margin-right: 15px !important;}.menu-side:before { content: "\f054"; position: absolute; margin-left: -16px; font-family: FontAwesome; padding-right: 8px; color: #e4e4e4; text-decoration: none !important; font-size: 10px !important;}.logo-emissions-air-interieur,.logo-origine-france-garantie { display: none;}.form-control { display: block; width: 100%; height: 45px; padding: 12px 12px; font-size: 15px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #E0DFDF; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.form-newsletter { display: inline-block; background: #ececec; width: 100%; margin: 0 0 30px 0; padding: 20px 0 20px 0;}.newsletter { height: 38px;}.newsletter-btn { background-color: #aaa; background-image: none; font-size: 16px; padding: 11px 25px; float: right; color: #fff; width: 100%; line-height: 14px;}.form-group { margin-bottom: 10px;}.form-control:focus { border-color: #9A9A9A; outline: 0;}#projectCountryFilter .btn-default { float: none; padding: 10px 15px;}.btn-default,.btn-info,.btn-danger,.btn-success { background-image: none; font-size: 16px; padding: 16px 25px; float: right;}.btn-info { border: 1px solid #5bc0de;}.btn-success { background-color: #198754; border-color: #198754; border-radius: 5px;}.btn-success:hover { background-color: #157347; border-color: #146c43;}.newsletter-btn:hover { background-color: #E40000; color: #fff;}.has-error .form-control { border-color: #a94442; background: #FBF3F4;}.has-success .form-control { border-color: #8AAD8B; box-shadow: none; background: #ECFFEC;}.alert-success { background-image: none; text-shadow: none; border-color: #dff0d8; box-shadow: none;}.DetailsRoomBlock { border: 1px solid #ccc; overflow: auto; position: relative; margin-bottom: 30px; display: none}#room_list { overflow: auto; margin: 20px 0;}#room_list .room .room_details { border: 1px solid #CCC; background-color: #f5f5f5;}#room_list .room { margin-bottom: 30px;}#room_list .room .room_type { background: #ccc; padding: 15px 20px; color: #545454; text-transform: uppercase; font-weight: 400; font-size: 18px}@media (max-width: 820px) { #page-content-wrapper { padding: 15px 0; } .container-fluid { padding: 0; }}.subtitle-results { margin-top: 50px !important; line-height: 35px;}.results-keywords { text-align: center; margin: 0 auto;}.results-title { margin: 40px 0 20px 0;}.results-title:before { content: "\f054"; font-family: FontAwesome; font-size: 20px; padding-right: 8px; color: #A60A14; line-height: 45px;}.results-list { list-style: none; margin: 0; padding: 0; margin-bottom: 60px;}.results-list li { line-height: 25px; margin-bottom: 15px;}.results-list li a { font-weight: 400;}@media (max-width: 767px) { h1 { font-size: 18px; } h2 { font-size: 16px; }}.navbar-first,.navbar-second { padding-right: 15px; padding-left: 15px; min-height: 70px;} @media (min-width: 768px) { .navbar-first, .navbar-second { display: flex; align-items: center; } .navbar-first .navbar-nav, .navbar-second .navbar-nav { margin: 0 auto; } .navbar-nav > li > .dropdown-menu { border: 0; border-top: 1px solid #d00b2b; border-radius: 0; } .dropdown-menu { padding: 5px 0; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }}@media (min-width: 768px) { .navbar-nav > li > a { padding-top: 25px !important; padding-bottom: 25px !important; line-height: 20px; }}.dropdown-menu > li > a { display: block; color: #333; font-size: 13px; font-weight: 400; padding: 7px 18px; line-height: 1.42857143;}.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover { background-color: #f5f5f5;}.dropdown-item { padding: 0;}.navbar-first { background-color: #fff;}.navbar-second { background-color: #f5f5f5 !important;}#navbarCollapse { padding: 0; flex-direction: column; }.navbar-wrapper { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px;}.top-bar { display: none; width: 100%; height: 35px; background-color: #1D1C1C; transition: margin 0.2s;}.top-bar .container { height: 25px; padding: 0; padding-right: 200px; }#topHeader-lang { text-transform: uppercase; cursor: pointer; margin: 0; color:#fff;}#topHeader-lang ul { margin: 0; padding-left: 20px;}#topHeader-lang ul>li { line-height: 25px;}#topHeader-lang .text { color: #fff;}#topHeader-lang a { font-size: 12px; margin: 0; color: #5C5C5C; font-weight: normal; letter-spacing: 1px; padding-right: 10px; line-height: 30px; padding-left: 5px; text-transform: uppercase;}#topHeader-lang .dropdown-toggle { text-decoration: none;}#topHeader-lang .dropdown-menu a { padding-top: 0 !important; padding-bottom: 0 !important;}#topHeader-lang svg { width: 26px; height: 17px; border-radius: 2px;}#topHeader-lang .dropdown-menu svg { margin-right: 7px;}#topHeader-lang .dropdown-menu { z-index: 20000; border-radius: 2px; background: #fff; margin-top: 0; margin: 0; padding-left: 0; padding-right: 0; min-width: 210px;}#topHeader-lang .dropdown-menu .active a { background: #ececec;}.top-bar #topHeader-sociaux { display: flex; justify-content: flex-end; align-items: center; gap: 14px; height: 35px; padding-right: 20px;}.top-bar #topHeader-sociaux a { color: #fff; display: flex; align-items: center; height: 100%; transition: color .3s ease; text-decoration: none;}.top-bar #topHeader-sociaux svg { width: 17px; height: 17px; fill: currentColor;}.top-bar #topHeader-sociaux a:hover { color: #d00b2b;}.top-bar #topHeader-search { float: right; }.top-bar #topHeader-search span { width: 24px; float: left; margin-right: 10px;}.top-bar #topHeader-search button { height: 30px; border-radius: 0; margin: 0 2px; background: #1D1C1C; border: 0; color: #fff; box-shadow: none; padding: 0; padding-left: 5px;}.top-bar #topHeader-search button:hover { color: #d00b2b;}.top-bar #topHeader-search button i { font-size: 14px; line-height: 0; text-shadow: none}.top-bar #topHeader-search input { float: left; width: 200px; height: 30px; border-radius: 12px; border: 0; font-size: 14px; padding: 0; padding: 2px 14px; margin: 2px 0;}.brandBlock { width: 100%;}.brandBlock .container { position: relative; justify-content: center; display: flex; height: 48px;}.brandBlock .navbar-brand-barrisol { align-self: center;}.brandBlock .logo-barrisol { width: 350px;}.navbar-nav .nav-link.active { color: var(--bs-nav-link-color);}.dropdown-item.active { background-color: transparent;}.navbar .navbar-toggler { position: absolute; z-index: 99; margin: 8px 10px; border: 0; background: transparent;}.navbar { margin-bottom: 0; min-height: auto !important; border: 0 !important; background: #fff; padding: 0; }.nav-link:focus,.nav-link:hover { color: #d00b2b; background-color: transparent;}.navbar .nav-link { text-shadow: none; color: #636262; text-transform: none; font-size: 13px; font-family: "Open sans"; font-weight: 400; text-transform: uppercase; padding: 10px 12px;}.dropdown-menu .dropdown-item { color: #333 !important;}.navbar .navbar-collapse { text-align: center !important;}.navbar-first li,.navbar-second li { color: #333; text-align: left;}.navbar .navbar-collapse li:last-child { border: 0;}.dropdown-menu li { background: #fff; border: 0;}.dropdown-menu:not(.lang-dropdown-menu) li a::before { content: ""; display: inline-block; width: 11px; height: 11px; background-image: url('data:image/svg+xml,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1363%20877l-742%20742q-19%2019-45%2019t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19%2045-19t45%2019l742%20742q19%2019%2019%2045t-19%2045z%22%20fill%3D%22%23e4e4e4%22%2F%3E%3C%2Fsvg%3E'); background-size: contain; background-repeat: no-repeat; background-position: left center; padding-right: 17px;}#topHeader-lang .lang-dropdown-menu li a { padding: 5px 12px;}.navbar-wrapper.reduced .logo-emissions-air-interieur,.navbar-wrapper.reduced .logo-wwf,.navbar-wrapper.reduced .logo-origine-france-garantie,.navbar-wrapper.reduced .logo-100-recyclable{ display: none;}.navbar-wrapper.reduced .navbar .navbar-collapse { text-align: center !important;}.navbar-wrapper.reduced .brandBlock img.logo-barrisol { width: 300px; transition: width .1s ease-in-out;}.navbar-wrapper.reduced .navbar-collapse:not(.show) { display: none !important;}#topHeader-lang { position: absolute; top: -31px; right: 0;}.mobile-hidden { display: none !important;}@media (max-width: 819px) { #topHeader-lang { top: 10px; margin-right: 15px; } #topHeader-lang > a { padding: 9px 10px; border-radius: 4px; } #topHeader-lang > a:hover { background-color: #DCDCDC; } #topHeader-lang .text { display: none; } .navbar-wrapper.reduced .brandBlock img.logo-barrisol { width: 220px; }}@media (min-width: 820px) { body { padding-top: 221px; } .top-bar { display: block; } .mobile-hidden { display: block !important; } .logo-emissions-air-interieur, .logo-origine-france-garantie { display: block; } .navbar .navbar-toggler { display: none; } .navbar-wrapper.reduced .navbar-toggler { display: block; } .navbar .nav-item.open > .nav-link, .navbar .nav-item.open > .nav-link:focus, .navbar .nav-item.open > .nav-link:hover { background-color: transparent !important; } .reduced .top-bar { margin-top: -35px; }}@media (min-width: 820px) and (max-width: 1199.98px) { .navbar .nav-link { font-size: 10px; padding: 10px 4px; }}@media (min-width: 1200px) { .navbar .nav-link { font-size: 13px; }}#sideMenuList { display: block;}.caret { float: right; margin-top: 8px;}@media (min-width: 820px) { #sideMenuList { display: none; } .caret { float: none; margin-top: -2px; }}.commercial-bloc,.retailer-bloc-caract,.retailer-bloc-info { font-size: 13px;}.commercial-bloc .form-control { font-size: 12px; padding: 7px 7px; }input[type=checkbox],input[type=radio] { height: 17px !important;}.retailer-form-contact input[type=text] { height: 40px !important;}.commercial-bloc h3 { font-size: 15px !important;}.retailer-bloc h3 { background: #525252; padding: 10px 95px 10px 10px; color: #fff; margin: 0; font-size: 15px; font-weight: 300; cursor: pointer; position: relative;}#backBtn { display: none;}@media (min-width:450px) { .retailer-form-contact input[type=text] { height: 45px !important; } #backBtn { display: block; } .commercial-bloc .form-control { font-size: 15px; } .commercial-bloc, .retailer-bloc-caract, .retailer-bloc-info { font-size: 16px; } .commercial-bloc h3, .retailer-bloc h3 { font-size: 20px !important; }}.green-cert { font-weight: bold; color: green;}.header-logo-origine-france-garantie { position: absolute; top: 35px; left: 2%; z-index: 20000; display: none;}.header-logo-100-recyclable { position: absolute; top: 40px; left: calc(2% + 87px); z-index: 20000; display: none;}.header-logo-wwf { position: absolute; top: 36px; right: calc(2% + 87px); z-index: 20000; display: none;}.header-logo-emissions-air-interieur { position: absolute; top: 43px; right: 2%; z-index: 20000; display: none;}.header-logo-origine-france-garantie img { width: 70px;}.header-logo-100-recyclable img { width: 60px;}.header-logo-wwf img { width: 90px;}.header-logo-emissions-air-interieur img { width: 80px;}@media (min-width: 820px) { .header-logo-origine-france-garantie, .header-logo-100-recyclable, .header-logo-wwf, .header-logo-emissions-air-interieur { display: block; }}@media (min-width: 1600px) { .header-logo-wwf { top: 48px; right: 150px; } .header-logo-emissions-air-interieur { top: 58px; right: 20px; } .header-logo-wwf img { width: 130px; } .header-logo-emissions-air-interieur img { width: 120px; } .header-logo-origine-france-garantie { top: 35px; } .header-logo-100-recyclable { top: 55px; left : 170px; } .header-logo-origine-france-garantie img { width: 123px; } .header-logo-100-recyclable img { width: 84px; }}@media (min-width: 1900px) { .header-logo-wwf { right: calc(5% + 140px); } .header-logo-emissions-air-interieur { right: 5%; } .header-logo-origine-france-garantie { left: 5%; } .header-logo-100-recyclable { left: calc(5% + 144px); }}.mobile-logos { margin-bottom: 20px;}.mobile-logos div.col-3 { display: flex; justify-content: center; align-items: center;}.mobile-fog-logo,.mobile-recyclable-logo,.mobile-wwf-logo,.mobile-a-plus-logo { height: 100%;}.mobile-fog-logo img { max-height: 100%;}.mobile-wwf-logo img { max-height: 80px;}@media (min-width: 820px) { .mobile-logos { display: none; }}.grid { padding: 20px 20px 100px 20px; max-width: 1300px; margin: 0 auto; list-style: none; text-align: center;}.grid li { display: inline-block; margin: 0; text-align: left; position: relative; cursor: pointer;}.grid li img { width: 155px; height: 103px;}.grid figure { margin: 0; position: relative;}.grid figure img { max-width: 100%; display: block; position: relative;}.grid figcaption { position: absolute; top: 0; left: 0; padding: 10px; color: #ed4e6e; text-align: center; }.grid figcaption { background: #d00b2b;}.grid figcaption h3 { margin: 0; padding: 0; color: #F4F4F4; text-transform: uppercase !important; font-weight: normal;}.grid figcaption span:before { content: 'by ';}.cs-style-3 figure { overflow: hidden; cursor: pointer;}.cs-style-3 figure img { transition: transform 0.4s;}.cs-style-3 figure:hover img,.cs-style-3 figure.cs-hover img { transform: translateY(-50px);}.cs-style-3 figcaption { height: 103px; width: 100%; top: auto; bottom: 0; opacity: 0; transform: translateY(100%); transition: transform 0.4s, opacity 0.1s 0.3s;}.cs-style-3 figure:hover figcaption,.cs-style-3 figure.cs-hover figcaption { opacity: 1; transform: translateY(0px); transition: transform 0.4s, opacity 0.1s;}.cs-style-3 figcaption a { position: absolute;}#wrapper { padding-left: 0; transition: all 0.5s ease; overflow: auto; }#wrapper.toggled { padding-left: 250px;}#sidebar-wrapper { z-index: 1000; float: left; width: 0; display: none; height: 100%; margin-left: -250px; overflow-y: auto; background: #fff; transition: all 0.5s ease;}#wrapper.toggled #sidebar-wrapper { width: 250px; display: block;}#page-content-wrapper { width: 100%; padding: 15px; padding-top: 0; float: right; }#wrapper.toggled #page-content-wrapper { margin-right: -250px;}.sidebar-nav { margin: 0; padding: 0; list-style: none;}.sidebar-nav li { padding-left: 20px; list-style: none; line-height: 26px !important; margin: 12px 0;}.treeview-menu { margin: 0 0 10px; padding: 0;}.treeview-menu li { text-indent: 0; line-height: 30px; margin: 7px 0;}.treeview-menu li a:first-letter { text-transform: uppercase;}.sidebar-nav li.title { font-weight: 300; text-transform: uppercase; background: #fff; color: #E50000; padding: 8px; font-size: 23px; padding-left: 0; padding-left: 20px; text-indent: 0; font-weight: 900;}.sidebar-nav li a { display: block; text-decoration: none; color: #5C5C5C; font-size: 14px; font-weight: 500;}.sidebar-nav li a:hover { text-decoration: none; color: #d00b2b; background: rgba(255, 255, 255, 0.2);}.sidebar-nav li a:active,.sidebar-nav li a:focus { text-decoration: none;}.sidebar-nav>.sidebar-brand { height: 65px; font-size: 18px; line-height: 60px;}.sidebar-nav>.sidebar-brand a { color: #999999;}.sidebar-nav>.sidebar-brand a:hover { color: #fff; background: none;}#wrapper.toggled { padding-left: 0;}#wrapper.toggled #page-content-wrapper { margin-right: 0;}@media (min-width:768px) { #wrapper { padding-left: 240px; } #wrapper.toggled { padding-left: 0; } #sidebar-wrapper { width: 250px; display: block; } #wrapper.toggled #sidebar-wrapper { display: none; } #page-content-wrapper { position: relative; } #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; }}.banner { height: 120px; position: relative; background-size: 100%; background-position: center;}.banner:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: #000; opacity: .3;}.banner-text { position: relative; z-index: 2; display: block; padding-top: 20px; font-size: 38px; text-align: center; font-weight: bold; line-height: 70px; color: #fff;}@media (max-width: 820px) { .brandBlock img.logo-barrisol { width: 210px; } .banner-text { font-size: 24px; }}#sidebar-wrapper { padding-top: 17px;}.sidebar-nav { padding-top: 5px;}#sidebar-wrapper .title { font-size: 23px; font-weight: 900; color: #e50000; text-transform: uppercase; padding-left: 20px; display: block;}footer { background: #fff; color: #575757; font-size: 12px;}footer p { line-height: 24px; font-size: 15px;}footer .container { text-align: center;}footer #footer-sociaux { padding: 20px; padding-top: 10px;}footer #footer-sociaux div { background-color: #E40000; width: 40px; height: 40px; border-radius: 20px; display: inline-block; margin: 0 2px; vertical-align: middle; padding: 4px 9px 0 8px;}footer #footer-sociaux svg { height: 22px;}footer #footer-sociaux svg.instagram { height: 26px;}footer #footer-sociaux a { color: #fff; font-size: 20px; line-height: 30px; }footer p.copyright { font-size: 10px; margin: 25px 0}footer .form-newsletter-content { max-width: 450px; margin: 0 auto; padding: 0 20px;}footer .form-newsletter-content .alert { font-size: 16px; border-color: #969696; margin: 0;}#footer-sociaux { display: block;}.footer_logo { width: 250px; height: auto; margin-bottom: 10px;}footer .icon { width: 12px; height: 12px; color: #575757; fill: currentColor;}.installer-locator { background: #ccc;}.installer-locator .btn-installer-locator { transition: all 0.3s ease;}.installer-locator .btn-installer-locator:hover { background-color: #aeaeae !important; color: #fff !important;}@media (max-width: 991px) { .installer-locator .btn-installer-locator { font-size: 16px; }}.footer-contact-form { background-color: #f7f7f7; padding: 30px 0;}.footer-contact-form h2 { font-size: 26px; color: #cd0505; margin-top: 0;}.footer-contact-form h2:before { content: url(/view/img/pen_write.png); position: relative; float: left; margin: 0 30px 0 0;}.footer-contact-form p { font-weight: 500; color: #707070;}.footer-contact-form .btn { margin-top: 15px;}.btn-back-to-top { position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: rgba(208,11,43,1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon fill='%23fff' points='8,2.8 16,10.7 13.6,13.1 8.1,7.6 2.5,13.2 0,10.7'/%3E%3C/svg%3E") no-repeat center/50%; border-radius: 50%; cursor: pointer; opacity: 0; transform: translateY(20px); transition: opacity 0.3s, transform 0.3s; pointer-events: none;}.btn-back-to-top.is-visible { opacity: 0.7; transform: translateY(0); pointer-events: auto;}@media (min-width: 1024px) { .btn-back-to-top { width: 60px; height: 60px; right: 30px; bottom: 30px; }}