<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Agence spécialiste des voyages en Irlande, Ecosse, Norvège, Islande, Italie et Laponie Suédoise</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" /> <link rel="shortcut icon" type="image/x-icon" href="/assets/img/site/173/LogoQL_favicon-16x16.ico" /> <meta name="p:domain_verify" content="b7feb83210f2adf7abfd9e0c89e0b6fa"/> <!-- Google Tag Manager --> <script type="text/javascript"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5H7KPNG'); </script> <!-- End Google Tag Manager --> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/vendor/jquery-ui.min.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/foundation/css/normalize.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/foundation/css/foundation.min.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/vendor/select2.min.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/helper.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/icons.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/icons-kit.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/common/style.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/font-awesome.min.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/slick/css/slick.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/module/search/engine/default.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/jssocials/css/jssocials.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/jssocials/css/jssocials-theme-flat.css?1713185872" /> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/foundation/js/vendor/modernizr.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/foundation/js/vendor/jquery.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/vendor/jquery-ui.min.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/vendor/select2.full.min.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/vendor/datepicker-fr.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/vendor/jquery.dotdotdot.min.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/foundation/js/foundation.min.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/slick/js/slick.min.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/common/global.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/common/module.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/module/search/engine/configuration/script.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/module/search/engine/html/default.js?1713185872"></script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/jssocials/js/jssocials.min.js?1713185872"></script> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/fonts/raleway.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/fonts/roboto.css?1713185872" /> <style type="text/css"> .kit-body-wrap:not(.kit-body-admin) a:not(.button) { color: #AE1919; } .kit-body-wrap:not(.kit-body-admin) a.button-2-little, .kit-body-wrap:not(.kit-body-admin) button.button-2-little { border: 2px solid #AE1919; color: #AE1919; } .kit-body-wrap a.top_link:hover:not(.button) { border: 1px solid #AE1919; } .kit-body-wrap a.top_link:hover:not(.button) span { color: #AE1919; } .kit-body-wrap .product-main-container button.button-2-little:hover { border-color: #AE1919; } .kit-body-wrap:not(.kit-body-admin) a:hover:not(.button), .kit-body-wrap:not(.kit-body-admin) button.link { color: #AE1919; } .kit-body-wrap .color-one { color: #AE1919; } .kit-body-wrap .bg-color-one { background-color: #AE1919; } .kit-body-wrap .bg-color-one-opacity05 { background-color: rgba(174,25,25, 0.5); } .kit-body-wrap .color-two { color: #333333; } .kit-body-wrap .bg-color-two-opacity05 { background-color: rgba(51,51,51, 0.5); } .kit-body-wrap .bg-color-two-opacity015 { background-color: rgba(51,51,51, 0.15); } .kit-body-wrap .bg-color-two-opacity005 { background-color: rgba(51,51,51, 0.05); } .kit-body-wrap .bg-color-two { background-color: #333333 !important; } .kit-body-wrap .bg-color-three { background-color: #000000; } .kit-body-wrap .bg-color-four { background-color: #ffffff; } .kit-body-wrap .page-layout-wrap h1, .kit-body-wrap .page-layout-wrap h2, .kit-body-wrap .page-layout-wrap h3, .kit-body-wrap .page-layout-wrap h4, .kit-body-wrap .page-layout-wrap h5, .kit-body-wrap .page-layout-wrap h6 { color: #AE1919; } .kit-body-wrap .page-layout-wrap button, .kit-body-wrap .page-layout-wrap .button { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap button.second, .kit-body-wrap .page-layout-wrap .button.second { background-color: #333333; } .kit-body-wrap .page-layout-wrap button:hover, .kit-body-wrap .page-layout-wrap .button:hover { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap button.second:hover, .kit-body-wrap .page-layout-wrap .button.second:hover { background-color: #333333; } .kit-body-wrap:not(.kit-body-admin) .button-2, .kit-body-wrap:not(.kit-body-admin) button.button-2, .kit-body-wrap:not(.kit-body-admin) a.button-2, .kit-body-wrap:not(.kit-body-admin) input.button-2 { background-color: #AE1919; } .kit-body-wrap .page-footer, .kit-body-wrap .page-footer-wrap { background: #000000; color: #ffffff; } .kit-body-wrap .page-footer h2, .kit-body-wrap .page-footer h3, .kit-body-wrap .page-footer-wrap h2, .kit-body-wrap .page-footer-wrap h3, .kit-body-wrap .content-configuration.pages-layout .footer-add h4 { color: #ffffff !important; } .kit-body-wrap:not(.kit-body-admin) .page-footer a{ color: #ffffff; } .kit-body-wrap .page-footer-wrap a, .kit-body-wrap .page-footer-wrap a.module-add h4 { color: #ffffff !important; } .kit-body-wrap .page-footer-wrap nav a { color: #AE1919 !important; } .kit-body-wrap .page-footer h2.line > span, .kit-body-wrap .page-footer-wrap h2.line > span { background: #000000 !important; } .kit-body-wrap .ui-datepicker .ui-datepicker-header > a:hover { border-color: #AE1919; } .kit-body-wrap .ui-datepicker thead span { color: #AE1919; } .kit-body-wrap .ui-state-default, .kit-body-wrap .ui-state-default:hover, .kit-body-wrap .ui-widget-content .ui-state-default:hover, .kit-body-wrap .ui-widget-header .ui-state-default:hover { border: 1px solid #AE1919; } #cookie-banner-container .cookie-more { color: #AE1919; } #cookie-banner-container .cookie-validate{ background: #AE1919; } .kit-body-wrap .menu .top-bar-section ul li { background: #AE1919; } .kit-body-wrap .menu .top-bar-section ul li:hover:not(.has-form) > a { background: #AE1919; } .kit-body-wrap .menu .top-bar-section .divider, .kit-body-wrap .menu .top-bar-section [role="separator"] { border-top-color: rgba(51,51,51, 0.25); } @media only screen and (min-width: 640px) { .kit-body-wrap .menu .top-bar-section ul li:hover:not(.has-form) > a { background: #AE1919; } .kit-body-wrap .top-bar-section li.active:not(.has-form) a:not(.button) { background: #AE1919; } .kit-body-wrap .top-bar-section .has-dropdown > a:after { border-color: rgba(174,25,25, 1) transparent transparent transparent; } .kit-body-wrap .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #AE1919; } .kit-body-wrap .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: #AE1919; } } @media only screen and (max-width: 640px) { .kit-body-wrap .menu .top-bar-section ul li { color: #fff; background: #fff; } .kit-body-wrap .menu .top-bar-section ul li a:hover, .kit-body-wrap .menu .top-bar-section ul li a:focus { background: #AE1919; color: white; } .kit-body-wrap .menu .top-bar-section .divider, .kit-body-wrap .menu .top-bar-section [role="separator"] { border-top-color: #fff; } .kit-body-wrap .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #fff; } .kit-body-wrap .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: #AE1919; } } .kit-body-wrap .menu .top-bar .top-bar-section li.selected a{ background-color: #AE1919 !important; color : white; } .kit-body-wrap .engine-module .tab-title a:hover, .kit-body-wrap .engine-module .tab-title a:focus, .kit-body-wrap .engine-module .tab-title.active a { background: #333333; color: white; } .kit-body-wrap .offers-module-descoverlay .price-container { background: #AE1919; } .kit-body-wrap .page-layout-wrap .offers-module-simple .offer-content { background-color: rgba(51,51,51, 0.9); } .kit-body-wrap .offers-module-hoverdown .offer-content { background: #AE1919; } .kit-body-wrap .offers-module-right .go-offer-container { color: #AE1919; } .kit-body-wrap .offers-module-right .go-offer::after { background-color: #AE1919; } .kit-body-wrap .offers-module-right .price-content, .kit-body-wrap .offers-module-right .offer-title, .kit-body-wrap .offers-module-right .offer-destination, .kit-body-wrap .offers-module-right .offer-region { color: #AE1919; } .kit-body-wrap .offers-module-right .offer-consult:hover .go-offer { color: #333333; } .kit-body-wrap .offers-module-right .offer-consult:hover .go-offer::after { background-color: #333333; } .kit-body-wrap .page-layout-wrap .present-list-module .fancy-label .field.focused + span { border-color: #AE1919; } .kit-body-wrap .page-layout-wrap .present-list-module .fancy-label .field.focused + span span { color: #AE1919; } .kit-body-wrap .page-layout-wrap .present-list-module .content-block { border-top: 3px solid #AE1919; } .kit-body-wrap .page-layout-wrap .present-list-module .picto { border: 3px solid #AE1919; } .kit-body-wrap .page-layout-wrap .present-list-module .info-circle { stroke: #AE1919; } .kit-body-wrap .page-layout-wrap .present-list-module .content-block .forgotten_password { color: #AE1919; } .kit-body-wrap .page-layout-wrap .present-list-module .picto svg, .kit-body-wrap .page-layout-wrap .present-list-module .content-block .tips-list-icon, .kit-body-wrap .page-layout-wrap .present-list-module .content-block .explanation .howitworks > svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .present-list-module .input-container i.fa { color: #AE1919; } .partner-module .slider-type .slider-container.partners .slick-dots .slick-active button { background: #AE1919; } .kit-body-wrap .flight-offer-module .flight-offer-price, .kit-body-wrap .flight-offer-module .color-primary { color: #AE1919; } .kit-body-wrap ul.pagination li.current a { background: #333333; border: 1px solid #333333; color: white; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .button.isWhite { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .button.isWhite svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .engine { background: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .filter-container-header button:hover { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .filter-container.isMobileModal .filter-container-header svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .filter-list input:checked { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .filter-slider .ui-slider-handle { background: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .pagebackground::before { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .pagination li.current a { color: #AE1919; outline: 1px solid #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .pagination a { background: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .pagination a:hover, .kit-body-wrap .page-layout-wrap .template-quartierlibre .pagination a:hover .icon-arrow-left-alt, .kit-body-wrap .page-layout-wrap .template-quartierlibre .pagination a:hover .icon-arrow-right-alt { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .result-promotion { background: #AE1919; } .kit-body-wrap .product-main-container ul li.active a { background-color: #333333 !important; color : white !important; } .kit-body-wrap svg.product-contact-icon.colored { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .product-main-container .font-color { color : black !important; } .kit-body-wrap .page-layout-wrap .product-main-container select { font-style : italic; } .kit-body-wrap .template-default .magellan-description.fixed .sub-nav .active { background-color: #333333 !important; } .kit-body-wrap .magellan-description .sub-nav dd a, .magellan-description .sub-nav dd a:hover { background-color : inherit !important; text-decoration : none; } .kit-body-wrap:not(.kit-body-admin) .product-action-container .mail-container a, .kit-body-wrap:not(.kit-body-admin) .product-action-container .print-container a { background: rgba(174,25,25, 0.9); -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .kit-body-wrap:not(.kit-body-admin) .product-action-container .mail-container a:hover, .kit-body-wrap:not(.kit-body-admin) .product-action-container .print-container a:hover { background: #AE1919; } .kit-body-wrap .prices .day .product-promotion.price-table { color: #333333; } .kit-body-wrap #ask .text-pax .link-pax, .kit-body-wrap #ask .text-pax .icon-pen { color: #AE1919; } .kit-body-wrap .page-layout-wrap .popIn-custom .criteria-header svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .popIn-custom .criteria-depature svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .popIn-custom .criteria-pax-button svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .popIn-custom .criteria button.action { border: 1px solid #AE1919; } .kit-body-wrap .page-layout-wrap .popIn-custom .criteria button.action.hollow { color: #AE1919; } .kit-body-wrap .page-layout-wrap .popIn-custom .criteria button.action.full { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .popIn-custom .criteria .criteria-choice-return { color: #AE1919; } .SS { background: #DB1F1F; } .RQ { background: #DB611F; display: none !important; } .OK { background: #43AC6A; display: none !important; } @media only screen and (max-width: 64.063em) { .kit-body-wrap #description .magellan-description.fixed .menu .icon-arrow-left-alt, .kit-body-wrap #description .magellan-description.fixed .menu .icon-arrow-right-alt { color: #AE1919; } .kit-body-wrap #description .magellan-description.fixed dl.sub-nav { border-top: 1px solid #AE1919 !important; } .kit-body-wrap #description .magellan-description.fixed .menu { border: 1px solid #AE1919; border-right: 0; } } .kit-body-wrap .page-layout-wrap .template-quartierlibre .information-header>svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .criterias-title { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .icon-gear { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-desktop .datesModule-previous svg, .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-desktop .datesModule-next svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-desktop .datesModule-days-back { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-specialOffer-banner { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-reservation .price-link { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-mobile .datesModule-days-name { background: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-mobile .datesModule-days-name-container { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-mobile .datesModule-days-price-container svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesInformations { background: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .programme::after { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .programme-day { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .programme-day svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .programme-title { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesModule-month-price-value { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre h3 { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .jssocials-share-facebook .jssocials-share-link, .kit-body-wrap .page-layout-wrap .template-quartierlibre .jssocials-share-twitter .jssocials-share-link { background: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .infos-container { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .product-promotion { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .price-button .book-it .button { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .product-book-selection svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre h4 { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .description-title svg { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .specialist-block { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .picture-specialist-container { border: 8px solid #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .icon-arrow-left-alt, .kit-body-wrap .page-layout-wrap .template-quartierlibre .icon-arrow-right-alt { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .product-mail-icon, .kit-body-wrap .page-layout-wrap .template-quartierlibre .product-print-icon { fill: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .socials-icons span { color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .recommandations-background { background-color: #AE1919; } .kit-body-wrap .page-layout-wrap .template-quartierlibre button, .kit-body-wrap .page-layout-wrap .template-quartierlibre .button { box-shadow: 4px 4px 4px #7a1212; } .kit-body-wrap .page-layout-wrap .template-quartierlibre #go_back { box-shadow: 4px 4px 10px #570d0d; } .kit-body-wrap .page-layout-wrap .template-quartierlibre .price-button-container svg { fill: #AE1919; } .reveal-modal .template-quartierlibre h4 { color: #AE1919; } @media only screen and (max-width: 1200px) { .kit-body-wrap .page-layout-wrap .template-quartierlibre.product-main-container ul li.active a { background-color: white !important; color : black !important; } } @media only screen and (min-width: 1400px) { .kit-body-wrap .page-layout-wrap .template-quartierlibre .datesInformations::before { background: #AE1919; } } .kit-body-wrap .page-layout-wrap .row.extended .inline-breadcrumbs .inline-breadcrumbs__link:hover { color: #333333; } .kit-body-wrap .page-layout-wrap .content .goodtoknow h3 { color: #333333; } .kit-body-wrap .page-layout-wrap .form-submit, .kit-body-wrap .page-layout-wrap .form-submit:hover { background: #333333; } .kit-body-wrap.kit-body-admin .color-kit-orange { color: #F8B195; } .kit-body-wrap.kit-body-admin .background-kit-orange-hover:hover { background: #F8B195; color: white; } .kit-body-wrap.kit-body-admin .background-kit-orange { background: #F8B195; } .kit-body-wrap.kit-body-admin .border-kit-orange { border: 1px solid #F8B195; } .kit-body-wrap.kit-body-admin .background-kit-orange-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-orange-hover:hover span.icon:before { color: #F8B195; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-orange { padding-bottom: 1.5rem; border-bottom: 1px solid #F8B195; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-orange { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-orange { padding-bottom: 1.5rem; border-bottom: 2px solid #F8B195; } .kit-body-wrap.kit-body-admin .color-kit-salmon { color: #F27280; } .kit-body-wrap.kit-body-admin .background-kit-salmon-hover:hover { background: #F27280; color: white; } .kit-body-wrap.kit-body-admin .background-kit-salmon { background: #F27280; } .kit-body-wrap.kit-body-admin .border-kit-salmon { border: 1px solid #F27280; } .kit-body-wrap.kit-body-admin .background-kit-salmon-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-salmon-hover:hover span.icon:before { color: #F27280; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-salmon { padding-bottom: 1.5rem; border-bottom: 1px solid #F27280; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-salmon { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-salmon { padding-bottom: 1.5rem; border-bottom: 2px solid #F27280; } .kit-body-wrap.kit-body-admin .color-kit-green { color: #84AF9c; } .kit-body-wrap.kit-body-admin .background-kit-green-hover:hover { background: #84AF9c; color: white; } .kit-body-wrap.kit-body-admin .background-kit-green { background: #84AF9c; } .kit-body-wrap.kit-body-admin .border-kit-green { border: 1px solid #84AF9c; } .kit-body-wrap.kit-body-admin .background-kit-green-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-green-hover:hover span.icon:before { color: #84AF9c; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-green { padding-bottom: 1.5rem; border-bottom: 1px solid #84AF9c; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-green { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-green { padding-bottom: 1.5rem; border-bottom: 2px solid #84AF9c; } .kit-body-wrap.kit-body-admin .color-kit-kaki { color: #C7C8A9; } .kit-body-wrap.kit-body-admin .background-kit-kaki-hover:hover { background: #C7C8A9; color: white; } .kit-body-wrap.kit-body-admin .background-kit-kaki { background: #C7C8A9; } .kit-body-wrap.kit-body-admin .border-kit-kaki { border: 1px solid #C7C8A9; } .kit-body-wrap.kit-body-admin .background-kit-kaki-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-kaki-hover:hover span.icon:before { color: #C7C8A9; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-kaki { padding-bottom: 1.5rem; border-bottom: 1px solid #C7C8A9; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-kaki { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-kaki { padding-bottom: 1.5rem; border-bottom: 2px solid #C7C8A9; } .kit-body-wrap.kit-body-admin .color-kit-blue { color: #345D7E; } .kit-body-wrap.kit-body-admin .background-kit-blue-hover:hover { background: #345D7E; color: white; } .kit-body-wrap.kit-body-admin .background-kit-blue { background: #345D7E; } .kit-body-wrap.kit-body-admin .border-kit-blue { border: 1px solid #345D7E; } .kit-body-wrap.kit-body-admin .background-kit-blue-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-blue-hover:hover span.icon:before { color: #345D7E; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-blue { padding-bottom: 1.5rem; border-bottom: 1px solid #345D7E; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-blue { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-blue { padding-bottom: 1.5rem; border-bottom: 2px solid #345D7E; } .kit-body-wrap.kit-body-admin .color-kit-pink { color: #C06C85; } .kit-body-wrap.kit-body-admin .background-kit-pink-hover:hover { background: #C06C85; color: white; } .kit-body-wrap.kit-body-admin .background-kit-pink { background: #C06C85; } .kit-body-wrap.kit-body-admin .border-kit-pink { border: 1px solid #C06C85; } .kit-body-wrap.kit-body-admin .background-kit-pink-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-pink-hover:hover span.icon:before { color: #C06C85; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-pink { padding-bottom: 1.5rem; border-bottom: 1px solid #C06C85; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-pink { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-pink { padding-bottom: 1.5rem; border-bottom: 2px solid #C06C85; } .kit-body-wrap.kit-body-admin .color-kit-prune { color: #803B57; } .kit-body-wrap.kit-body-admin .background-kit-prune-hover:hover { background: #803B57; color: white; } .kit-body-wrap.kit-body-admin .background-kit-prune { background: #803B57; } .kit-body-wrap.kit-body-admin .border-kit-prune { border: 1px solid #803B57; } .kit-body-wrap.kit-body-admin .background-kit-prune-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-prune-hover:hover span.icon:before { color: #803B57; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-prune { padding-bottom: 1.5rem; border-bottom: 1px solid #803B57; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-prune { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-prune { padding-bottom: 1.5rem; border-bottom: 2px solid #803B57; } .kit-body-wrap.kit-body-admin .color-kit-purple { color: #6C5C7C; } .kit-body-wrap.kit-body-admin .background-kit-purple-hover:hover { background: #6C5C7C; color: white; } .kit-body-wrap.kit-body-admin .background-kit-purple { background: #6C5C7C; } .kit-body-wrap.kit-body-admin .border-kit-purple { border: 1px solid #6C5C7C; } .kit-body-wrap.kit-body-admin .background-kit-purple-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-purple-hover:hover span.icon:before { color: #6C5C7C; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-purple { padding-bottom: 1.5rem; border-bottom: 1px solid #6C5C7C; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-purple { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-purple { padding-bottom: 1.5rem; border-bottom: 2px solid #6C5C7C; } .kit-body-wrap.kit-body-admin .color-kit-grey { color: #80727b; } .kit-body-wrap.kit-body-admin .background-kit-grey-hover:hover { background: #80727b; color: white; } .kit-body-wrap.kit-body-admin .background-kit-grey { background: #80727b; } .kit-body-wrap.kit-body-admin .border-kit-grey { border: 1px solid #80727b; } .kit-body-wrap.kit-body-admin .background-kit-grey-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-grey-hover:hover span.icon:before { color: #80727b; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-grey { padding-bottom: 1.5rem; border-bottom: 1px solid #80727b; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-grey { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-grey { padding-bottom: 1.5rem; border-bottom: 2px solid #80727b; } .kit-body-wrap.kit-body-admin .color-kit-brown { color: #B38B6D; } .kit-body-wrap.kit-body-admin .background-kit-brown-hover:hover { background: #B38B6D; color: white; } .kit-body-wrap.kit-body-admin .background-kit-brown { background: #B38B6D; } .kit-body-wrap.kit-body-admin .border-kit-brown { border: 1px solid #B38B6D; } .kit-body-wrap.kit-body-admin .background-kit-brown-hover:hover span.icon { background: white; } .kit-body-wrap.kit-body-admin .background-kit-brown-hover:hover span.icon:before { color: #B38B6D; } @media only screen and (min-width: 64.063em) { .kit-body-wrap.kit-body-admin .border-bottom-kit-brown { padding-bottom: 1.5rem; border-bottom: 1px solid #B38B6D; } .kit-body-wrap.kit-body-admin .dashboard-item .row:hover .border-bottom-kit-brown { border-bottom: 1px solid white; } } .kit-body-wrap.kit-body-admin .border2-bottom-kit-brown { padding-bottom: 1.5rem; border-bottom: 2px solid #B38B6D; } .kit-body-wrap .page-layout-wrap h1, .kit-body-wrap .page-layout-wrap h2, .kit-body-wrap .page-layout-wrap h3, .kit-body-wrap .page-layout-wrap h4, .kit-body-wrap .page-layout-wrap h5, .kit-body-wrap .page-layout-wrap h6, .kit-body-wrap .page-layout-wrap button, .kit-body-wrap .page-layout-wrap .button, .kit-body-wrap .auth-nav-bar h2, .kit-body-wrap .auth-nav-bar .button, .kit-body-wrap #popin-customer h2, .kit-body-wrap #popin-customer .button { font-family: raleway, roboto, Arial, sans-serif; } .kit-body-wrap .page-layout-wrap, .kit-body-wrap .page-layout-wrap .tabs dd > a, .kit-body-wrap .page-layout-wrap .tabs .tab-title > a, .kit-body-wrap .page-layout-wrap .sub-nav dt, .kit-body-wrap .page-layout-wrap .sub-nav dd, .kit-body-wrap .page-layout-wrap .sub-nav li, .kit-body-wrap .auth-nav-bar, .kit-body-wrap .top-bar-section ul li > a, .kit-body-wrap.kit-body-admin .picture-module .preview-text, .kit-body-wrap #popin-customer { font-family: roboto, Arial, sans-serif; } </style> </head> <body class="kit-body-wrap"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id= GTM-5H7KPNG" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="page-layout-wrap"> <div class="page-header"> <div id="1060213" class="page-block" data-block-id="2" data-page-block-id="1060213" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1568226" > <div class="row"> <div class="small-12 columns"> <p> </p> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1060213"] { display: none; } /*Color*/ html { --c-primary: #ae1919; --c-primary-20: #811212; --c-grey-80: #333333; --c-grey-70: #555; --c-grey-5: #f0f0f0; } .row { max-width: 110.5rem; } .row .row { margin: 0 -0.5rem; } .columns { padding-left: 0.5rem; padding-right: 0.5rem; } /*Title*/ .kit-body-wrap .page-layout-wrap h2, .kit-body-wrap .page-layout-wrap h4, .kit-body-wrap .page-layout-wrap .subtitle { font-family: raleway, roboto, Arial, sans-serif; line-height: 1.1; margin: 0; } .kit-body-wrap .page-layout-wrap .subtitle { font-size: 12px; font-style: italic; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .subtitle { font-size: 15px; } } .kit-body-wrap .page-layout-wrap .titleMain-container { text-align: center; } .kit-body-wrap .page-layout-wrap .titleMain-container h1 { font-size: 40px; font-weight: 700; color: var(--c-primary); margin: 0; line-height: 1; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .titleMain-container h1 { font-size: 60px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .titleMain-container h1 { font-size: 72px; } } .kit-body-wrap .page-layout-wrap .titleMain-container h4 { font-size: 16px; color: var(--c-grey-70); } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .titleMain-container h4 { font-size: 18px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .titleMain-container h4 { font-size: 20px; } } .kit-body-wrap .page-layout-wrap .title-container { margin-top: 3.5rem; } .kit-body-wrap .page-layout-wrap .title-container.isRight { text-align: right; } .kit-body-wrap .page-layout-wrap .title-container.isLeft { text-align: left; } .kit-body-wrap .page-layout-wrap .title-container.isRight, .kit-body-wrap .page-layout-wrap .title-container.isLeft { margin-bottom: 1rem; } .kit-body-wrap .page-layout-wrap .title-container.isRight h2, .kit-body-wrap .page-layout-wrap .title-container.isLeft h2 { font-size: 32px; font-weight: 700; color: var(--c-primary); text-transform: uppercase; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .title-container.isRight h2, .kit-body-wrap .page-layout-wrap .title-container.isLeft h2 { font-size: 40px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .title-container.isRight h2, .kit-body-wrap .page-layout-wrap .title-container.isLeft h2 { font-size: 50px; } } .kit-body-wrap .page-layout-wrap .title-container.isRight h4, .kit-body-wrap .page-layout-wrap .title-container.isLeft h4 { font-size: 18px; text-transform: uppercase; color: var(--c-grey-70); } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .title-container.isRight h4, .kit-body-wrap .page-layout-wrap .title-container.isLeft h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .title-container.isRight h4, .kit-body-wrap .page-layout-wrap .title-container.isLeft h4 { font-size: 22px; } } .kit-body-wrap .page-layout-wrap .title-container.isCenter { text-align: center; } .kit-body-wrap .page-layout-wrap .title-container.isCenter h2 { font-size: 36px; font-weight: 700; color: var(--c-grey-5); text-transform: uppercase; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .title-container.isCenter h2 { font-size: 70px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .title-container.isCenter h2 { font-size: 120px; margin-bottom: -1rem; margin-top: -0.8rem; } } .kit-body-wrap .page-layout-wrap .title-container.isCenter h4 { font-size: 24px; color: var(--c-primary); font-weight: 700; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .title-container.isCenter h4 { font-size: 32px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .title-container.isCenter h4 { font-size: 40px; } } .kit-body-wrap .page-layout-wrap .title-container.isCenter .subtitle { margin-top: 0.2rem; } .kit-body-wrap .page-layout-wrap .titleTiny::before { content: ""; display: block; width: 70%; height: 3px; background-color: var(--c-primary); margin: 0 auto; margin-bottom: 8px; } .kit-body-wrap .page-layout-wrap .titleTiny-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 3rem; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kit-body-wrap .page-layout-wrap .titleTiny-container h2 { font-size: 16px; color: var(--c-primary); text-transform: uppercase; font-weight: 700; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .titleTiny-container h2 { font-size: 18px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .titleTiny-container h2 { font-size: 20px; } } .kit-body-wrap .page-layout-wrap .titleTiny-container h4 { font-size: 15px; color: var(--c-grey-70); text-transform: uppercase; margin-bottom: 0.1rem; } /*Text*/ .kit-body-wrap .page-layout-wrap p { font-size: 14px; color: var(--c-grey-70); font-family: raleway, roboto, Arial, sans-serif; } .kit-body-wrap .page-layout-wrap p strong { color: var(--c-grey-80); } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1060213"]').data('block-configuration', [{name:"bg_color", value:""},{name:"background", value:"none"},{name:"bg_picture", value:""},{name:"css_style", value:".kit-body-wrap:not(.kit-body-admin) $this { display: none; } /*Color*/ html { --c-primary: #ae1919; --c-primary-20: #811212; --c-grey-80: #333333; --c-grey-70: #555; --c-grey-5: #f0f0f0; } .row { max-width: 110.5rem; } .row .row { margin: 0 -0.5rem; } .columns { padding-left: 0.5rem; padding-right: 0.5rem; } /*Title*/ .kit-body-wrap .page-layout-wrap h2, .kit-body-wrap .page-layout-wrap h4, .kit-body-wrap .page-layout-wrap .subtitle { font-family: raleway, roboto, Arial, sans-serif; line-height: 1.1; margin: 0; } .kit-body-wrap .page-layout-wrap .subtitle { font-size: 12px; font-style: italic; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .subtitle { font-size: 15px; } } .kit-body-wrap .page-layout-wrap .titleMain-container { text-align: center; } .kit-body-wrap .page-layout-wrap .titleMain-container h1 { font-size: 40px; font-weight: 700; color: var(--c-primary); margin: 0; line-height: 1; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .titleMain-container h1 { font-size: 60px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .titleMain-container h1 { font-size: 72px; } } .kit-body-wrap .page-layout-wrap .titleMain-container h4 { font-size: 16px; color: var(--c-grey-70); } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .titleMain-container h4 { font-size: 18px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .titleMain-container h4 { font-size: 20px; } } .kit-body-wrap .page-layout-wrap .title-container { margin-top: 3.5rem; } .kit-body-wrap .page-layout-wrap .title-container.isRight { text-align: right; } .kit-body-wrap .page-layout-wrap .title-container.isLeft { text-align: left; } .kit-body-wrap .page-layout-wrap .title-container.isRight, .kit-body-wrap .page-layout-wrap .title-container.isLeft { margin-bottom: 1rem; } .kit-body-wrap .page-layout-wrap .title-container.isRight h2, .kit-body-wrap .page-layout-wrap .title-container.isLeft h2 { font-size: 32px; font-weight: 700; color: var(--c-primary); text-transform: uppercase; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .title-container.isRight h2, .kit-body-wrap .page-layout-wrap .title-container.isLeft h2 { font-size: 40px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .title-container.isRight h2, .kit-body-wrap .page-layout-wrap .title-container.isLeft h2 { font-size: 50px; } } .kit-body-wrap .page-layout-wrap .title-container.isRight h4, .kit-body-wrap .page-layout-wrap .title-container.isLeft h4 { font-size: 18px; text-transform: uppercase; color: var(--c-grey-70); } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .title-container.isRight h4, .kit-body-wrap .page-layout-wrap .title-container.isLeft h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .title-container.isRight h4, .kit-body-wrap .page-layout-wrap .title-container.isLeft h4 { font-size: 22px; } } .kit-body-wrap .page-layout-wrap .title-container.isCenter { text-align: center; } .kit-body-wrap .page-layout-wrap .title-container.isCenter h2 { font-size: 36px; font-weight: 700; color: var(--c-grey-5); text-transform: uppercase; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .title-container.isCenter h2 { font-size: 70px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .title-container.isCenter h2 { font-size: 120px; margin-bottom: -1rem; margin-top: -0.8rem; } } .kit-body-wrap .page-layout-wrap .title-container.isCenter h4 { font-size: 24px; color: var(--c-primary); font-weight: 700; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .title-container.isCenter h4 { font-size: 32px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .title-container.isCenter h4 { font-size: 40px; } } .kit-body-wrap .page-layout-wrap .title-container.isCenter .subtitle { margin-top: 0.2rem; } .kit-body-wrap .page-layout-wrap .titleTiny::before { content: \"\"; display: block; width: 70%; height: 3px; background-color: var(--c-primary); margin: 0 auto; margin-bottom: 8px; } .kit-body-wrap .page-layout-wrap .titleTiny-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 3rem; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kit-body-wrap .page-layout-wrap .titleTiny-container h2 { font-size: 16px; color: var(--c-primary); text-transform: uppercase; font-weight: 700; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .titleTiny-container h2 { font-size: 18px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .titleTiny-container h2 { font-size: 20px; } } .kit-body-wrap .page-layout-wrap .titleTiny-container h4 { font-size: 15px; color: var(--c-grey-70); text-transform: uppercase; margin-bottom: 0.1rem; } /*Text*/ .kit-body-wrap .page-layout-wrap p { font-size: 14px; color: var(--c-grey-70); font-family: raleway, roboto, Arial, sans-serif; } .kit-body-wrap .page-layout-wrap p strong { color: var(--c-grey-80); }"},{name:"js_script", value:""},]) </script> <div id="1060214" class="page-block" data-block-id="1" data-page-block-id="1060214" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-4 large-4 columns module-zone" data-position="1" data-block-position="1" data-module-id="10" data-block-module-id="1568227" > <div class="row"> <div class="small-12 columns text-center"> <a href="https://www.quartier-libre.fr/"> <img src="https://www.quartier-libre.fr/assets/img/site/173/logo_1.png?1619784587" alt="" /> </a> </div> </div> </div> <div class="small-12 medium-4 large-4 columns module-zone" data-position="2" data-block-position="2" data-module-id="4" data-block-module-id="1568228" > <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/module/navigation/menu/default.css?1713185872" /> <div class="menu row"> <div class="large-12 columns"> <nav role="navigation" data-topbar="" class="top-bar"> <ul class="title-area"> <!-- Title Area --> <li class="name"> </li> <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> <li class="toggle-topbar menu-icon"><a href=""><span></span>menu</a></li> </ul> <section class="top-bar-section"> <ul class="right"> <li class="has-dropdown"> <a href="#">Nos destinations</a> <ul class="dropdown"> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/laponie">LAPONIE SUÉDOISE</a> <ul class="dropdown"> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/laponie-sejours">Séjours</a> <ul class="dropdown"> <li class=""> <a href="https://www.quartier-libre.fr/laponie-sejour-hiver-immersion-en-laponie-suedoise">Hôtel Scandic Luleå</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/produit/package/1099475-190/sejour-au-coeur-de-la-laponie-suedoise">Hôtel Pite Havsbad</a> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/italie">Italie</a> <ul class="dropdown"> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/destination0-ITA1/souplesse-7/">Découvrez nos voyages</a> <ul class="dropdown"> <li class=""> <a href="https://www.quartier-libre.fr/circuits-italie-voyages-printemps-ete">Circuits accompagnés</a> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/irlande">Irlande</a> <ul class="dropdown"> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/destination0-IRL1/souplesse-7/">Découvrez nos voyages</a> <ul class="dropdown"> <li class=""> <a href="https://www.quartier-libre.fr/circuits-irlande-voyages-printemps-ete">Circuits accompagnés </a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/autotours-irlande-voyages-printemps-ete">Autotours</a> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/ecosse">Écosse</a> <ul class="dropdown"> <li class="has-dropdown"> <a href="#/search/result/package/source-190/engine-1/destination0-ECO1/souplesse-7/">Découvrez nos voyages</a> <ul class="dropdown"> <li class=""> <a href="https://www.quartier-libre.fr/circuits-ecosse-voyages-printemps-ete">Circuits accompagnés</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/autotours-ecosse-voyages-printemps-ete">Autotours</a> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/norvege-scandinavie">Norvège</a> <ul class="dropdown"> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/destination0-SUE1/destination1-NOR1/souplesse-7/">Découvrez nos voyages</a> <ul class="dropdown"> <li class=""> <a href="https://www.quartier-libre.fr/circuits-norvege-scandinavie-voyages-printemps-ete">Circuits accompagnés</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/autotours-norvege-scandinavie-voyages-printemps-ete">Autotours</a> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/islande">Islande</a> <ul class="dropdown"> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/destination0-ISL1/souplesse-7/">Découvrez nos voyages</a> <ul class="dropdown"> <li class=""> <a href="https://www.quartier-libre.fr/circuits-islande-voyages-printemps-ete">Circuits accompagnés</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/autotours-islande-voyages-printemps-ete">Autotours</a> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> <li class="has-dropdown"> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/souplesse-7/">Autres destinations</a> <ul class="dropdown"> <li class=""> <a href="https://www.quartier-libre.fr/canada">Canada</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/pays-baltes">Pays Baltes</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/destination0-REP2">République Tchèque</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/destination0-FER1/">Îles Féroé</a> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> <li class="has-dropdown"> <a href="#">VOS ENVIES DE VOYAGE</a> <ul class="dropdown"> <li class=""> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/souplesse-7/">Toutes nos destinations</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/souplesse-7/thematique0-2/">Circuits accompagnés</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/souplesse-7/thematique0-6/">Autotours</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/souplesse-7/thematique0-1/">Séjours</a> </li> <li class="divider"></li> <li class=""> <a href="https://sejour.quartier-libre.fr/">City break | Vol + Hôtel</a> </li> <li class="divider"></li> <li class=""> <a href="https://quartier-libre.resatravel.com/">Billets d'avion</a> </li> <li class="divider"></li> </ul> </li> <li class="divider"></li> <li class=""> <a href="#">+33 (0)9 72 38 52 44</a> </li> <li class="divider"></li> <li class=""> <a target="_blank" href="https://www.quartier-libre.fr/voyage-de-groupe">Voyage de groupe</a> </li> <li class="divider"></li> <li class=""> <a target="_blank" href="https://www.quartier-libre.fr/identification">QL Avantages</a> </li> <li class="divider"></li> <li class=""> <a target="_blank" href="https://www.quartier-libre.pro/b2b/identification">Espace Pro</a> </li> <li class="divider"></li> </ul> </section> </nav> </div> </div> </div> <div class="small-12 medium-4 large-4 columns module-zone" data-position="3" data-block-position="3" data-module-id="4" data-block-module-id="1568229" > <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/module/navigation/menu/default.css?1713185872" /> <div class="menu row"> <div class="large-12 columns"> <nav role="navigation" data-topbar="" class="top-bar"> <ul class="title-area"> <!-- Title Area --> <li class="name"> </li> <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> <li class="toggle-topbar menu-icon"><a href=""><span></span>menu</a></li> </ul> <section class="top-bar-section"> <ul class="right"> <li class=""> <a href="https://www.quartier-libre.fr/voyage-de-groupe">Voyage de groupe</a> </li> <li class="divider"></li> <li class=""> <a href="https://www.quartier-libre.fr/identification">QL avantages</a> </li> <li class="divider"></li> </ul> </section> </nav> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1060214"] { height: 40vh; padding-top: 0.5rem; } .page-block[data-page-block-id="1060214"] > .row { 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: end; -ms-flex-pack: end; justify-content: flex-end; } .page-block[data-page-block-id="1060214"] .module-zone .menu .top-bar-section ul li { background: transparent; } .page-block[data-page-block-id="1060214"] .module-zone .menu .top-bar-section ul li:not(.has-form) a:not(.button) { line-height: 1; font-family: raleway, roboto, Arial, sans-serif; } .page-block[data-page-block-id="1060214"] .module-zone .menu .top-bar-section .divider { display: none; } .page-block[data-page-block-id="1060214"] .module-zone:first-child { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .page-block[data-page-block-id="1060214"] .module-zone:first-child img { max-width: 170px; } .page-block[data-page-block-id="1060214"] .module-zone:first-child .text-center { text-align: left !important; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) { margin-top: -2.5rem; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu-icon { margin-right: 1rem; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu > .columns { padding: 0; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section a::after { display: none; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section li:not(.has-form):not(.divider) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 31px; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section li:not(.has-form) a:not(.button) { background-color: transparent; color: var(--c-grey-80); font-size: 20px; text-transform: uppercase; font-weight: 700; padding: 0 0.5rem; } .page-block[data-page-block-id="1060214"] .module-zone:last-child .menu .top-bar { background: transparent; } .page-block[data-page-block-id="1060214"] .module-zone:last-child .menu .top-bar-section li:not(.has-form) { margin: 0 0.5rem; } .page-block[data-page-block-id="1060214"] .module-zone:last-child .menu .top-bar-section li:not(.has-form) a:not(.button) { background-color: var(--c-primary); color: #fff; border-radius: 50px; padding: 0.5rem 0.75rem; font-size: 15px; text-transform: uppercase; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; letter-spacing: 0.25rem; text-align: center; } .page-block[data-page-block-id="1060214"] .module-zone:last-child .menu .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: var(--c-primary-20); } @media screen and (min-width: 641px) { .page-block[data-page-block-id="1060214"] .module-zone { width: auto; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) { margin-top: 0; position: relative; z-index: 99; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul { padding: 1rem 0; background-color: transparent; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > a:not(.button) { padding-bottom: 32px; margin-bottom: -32px; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul { top: 42px; background: white; padding: 16px; left: 0; right: auto; width: 708px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul::after { content: ""; display: block; background-color: var(--c-primary); height: calc(100% - 32px); width: 1px; position: absolute; left: 288px; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul .back { display: none; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li { width: 272px; position: static; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li:hover { background-color: var(--c-grey-5); } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li:hover > a:not(.button) { font-weight: 700; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > a:not(.button) { font-size: 16px; position: relative; height: 31px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 12px; -webkit-transition: color ease-in-out 0.3s; transition: color ease-in-out 0.3s; font-weight: 500; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul { left: 288px; top: 16px; height: 100% !important; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li a:not(.button) { font-size: 14px; padding-left: 24px; height: 31px; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li a:not(.button):hover { color: var(--c-primary); } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li > ul { width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; left: 0; top: 31px; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li > ul > li a:not(.button) { font-weight: 500; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li:not(.has-form):nth-last-child(2)::before, .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li:not(.has-form):nth-last-child(2)::after { content: ""; display: block; width: 2px; height: 2.25rem; background-color: var(--c-grey-80); } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li:nth-child(3) > ul { width: auto; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li:nth-child(3) > ul::after { display: none; } .page-block[data-page-block-id="1060214"] .module-zone:last-child .menu .top-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-block[data-page-block-id="1060214"] .module-zone .menu .top-bar { background: transparent; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1060214"] { height: 82vh; } } @media screen and (max-width: 640px) { .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) { margin-top: 0; position: relative; z-index: 9999; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > a:not(.button) { font-size: 16px; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown .title.back a { font-size: 14px; margin-bottom: 16px; text-transform: lowercase; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown .parent-link { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown ul li { height: 32px !important; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > a:not(.button) { font-size: 16px; } .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li a:not(.button) { font-size: 14px; } .page-block[data-page-block-id="1060214"] .module-zone:last-child .menu .top-bar { height: auto; } .page-block[data-page-block-id="1060214"] .module-zone:last-child .menu .top-bar .title-area { display: none; } .page-block[data-page-block-id="1060214"] .module-zone:last-child .menu .top-bar-section li:not(.has-form) a:not(.button) { margin-bottom: 0.5rem; } .page-block[data-page-block-id="1060214"] .module-zone .menu .top-bar:not(.expanded) { background: transparent; } .page-block[data-page-block-id="1060214"] .module-zone .menu .top-bar.expanded { position: absolute; left: 0px; right: 0px; } } @media screen and (max-width: 1500px) { .page-block[data-page-block-id="1060214"] .module-zone:nth-child(2) .menu .top-bar-section li:not(.has-form):nth-last-child(2) { margin-right: 1rem; } } .page-block[data-page-block-id="1060214"] { background-image: url(/assets/img/site/173/uploads/Test_HOMEP__4.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1060214"]').data('block-configuration', [{name:"background", value:"picture"},{name:"bg_color", value:""},{name:"bg_fixed", value:"1"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:"/assets/img/site/173/uploads/Test_HOMEP__4.jpg"},{name:"css_style", value:"$this { height: 40vh; padding-top: 0.5rem; } $this > .row { 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: end; -ms-flex-pack: end; justify-content: flex-end; } $this .module-zone .menu .top-bar-section ul li { background: transparent; } $this .module-zone .menu .top-bar-section ul li:not(.has-form) a:not(.button) { line-height: 1; font-family: raleway, roboto, Arial, sans-serif; } $this .module-zone .menu .top-bar-section .divider { display: none; } $this .module-zone:first-child { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } $this .module-zone:first-child img { max-width: 170px; } $this .module-zone:first-child .text-center { text-align: left !important; } $this .module-zone:nth-child(2) { margin-top: -2.5rem; } $this .module-zone:nth-child(2) .menu-icon { margin-right: 1rem; } $this .module-zone:nth-child(2) .menu > .columns { padding: 0; } $this .module-zone:nth-child(2) .menu .top-bar-section a::after { display: none; } $this .module-zone:nth-child(2) .menu .top-bar-section li:not(.has-form):not(.divider) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 31px; } $this .module-zone:nth-child(2) .menu .top-bar-section li:not(.has-form) a:not(.button) { background-color: transparent; color: var(--c-grey-80); font-size: 20px; text-transform: uppercase; font-weight: 700; padding: 0 0.5rem; } $this .module-zone:last-child .menu .top-bar { background: transparent; } $this .module-zone:last-child .menu .top-bar-section li:not(.has-form) { margin: 0 0.5rem; } $this .module-zone:last-child .menu .top-bar-section li:not(.has-form) a:not(.button) { background-color: var(--c-primary); color: #fff; border-radius: 50px; padding: 0.5rem 0.75rem; font-size: 15px; text-transform: uppercase; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; letter-spacing: 0.25rem; text-align: center; } $this .module-zone:last-child .menu .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: var(--c-primary-20); } @media screen and (min-width: 641px) { $this .module-zone { width: auto; } $this .module-zone:nth-child(2) { margin-top: 0; position: relative; z-index: 99; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul { padding: 1rem 0; background-color: transparent; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > a:not(.button) { padding-bottom: 32px; margin-bottom: -32px; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul { top: 42px; background: white; padding: 16px; left: 0; right: auto; width: 708px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul::after { content: \"\"; display: block; background-color: var(--c-primary); height: calc(100% - 32px); width: 1px; position: absolute; left: 288px; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul .back { display: none; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li { width: 272px; position: static; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li:hover { background-color: var(--c-grey-5); } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li:hover > a:not(.button) { font-weight: 700; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > a:not(.button) { font-size: 16px; position: relative; height: 31px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 12px; -webkit-transition: color ease-in-out 0.3s; transition: color ease-in-out 0.3s; font-weight: 500; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul { left: 288px; top: 16px; height: 100% !important; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li a:not(.button) { font-size: 14px; padding-left: 24px; height: 31px; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li a:not(.button):hover { color: var(--c-primary); } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li > ul { width: auto; overflow: visible; clip: auto; display: block; position: absolute !important; left: 0; top: 31px; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li > ul > li a:not(.button) { font-weight: 500; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li:not(.has-form):nth-last-child(2)::before, $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li:not(.has-form):nth-last-child(2)::after { content: \"\"; display: block; width: 2px; height: 2.25rem; background-color: var(--c-grey-80); } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li:nth-child(3) > ul { width: auto; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li:nth-child(3) > ul::after { display: none; } $this .module-zone:last-child .menu .top-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } $this .module-zone .menu .top-bar { background: transparent; } } @media screen and (min-width: 1025px) { $this { height: 82vh; } } @media screen and (max-width: 640px) { $this .module-zone:nth-child(2) { margin-top: 0; position: relative; z-index: 9999; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > a:not(.button) { font-size: 16px; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown .title.back a { font-size: 14px; margin-bottom: 16px; text-transform: lowercase; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown .parent-link { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown ul li { height: 32px !important; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > a:not(.button) { font-size: 16px; } $this .module-zone:nth-child(2) .menu .top-bar-section > ul > li.has-dropdown > ul > li > ul > li a:not(.button) { font-size: 14px; } $this .module-zone:last-child .menu .top-bar { height: auto; } $this .module-zone:last-child .menu .top-bar .title-area { display: none; } $this .module-zone:last-child .menu .top-bar-section li:not(.has-form) a:not(.button) { margin-bottom: 0.5rem; } $this .module-zone .menu .top-bar:not(.expanded) { background: transparent; } $this .module-zone .menu .top-bar.expanded { position: absolute; left: 0px; right: 0px; } } @media screen and (max-width: 1500px) { $this .module-zone:nth-child(2) .menu .top-bar-section li:not(.has-form):nth-last-child(2) { margin-right: 1rem; } }"},{name:"js_script", value:""},]) </script> </div> <div id="1048563" class="page-block" data-block-id="2" data-page-block-id="1048563" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552735" > <div class="row"> <div class="small-12 columns"> <div class="titleMain-container"> <h1>QUARTIER LIBRE</h1> <h4>TOUR OPÉRATEUR SPÉCIALISTE DES CIRCUITS ACCOMPAGNÉS ET AUTOTOURS</h4> </div> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048563"] { margin-top: 1.5rem; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048563"]').data('block-configuration', [{name:"bg_color", value:""},{name:"background", value:"none"},{name:"bg_picture", value:""},{name:"css_style", value:"$this { margin-top: 1.5rem; }"},{name:"js_script", value:""},]) </script> <div id="1048564" class="page-block" data-block-id="2" data-page-block-id="1048564" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552736" > <div class="row"> <div class="small-12 columns"> <div class="title-container isCenter"> <h4>Nos destinations</h4> <h2>ETE - HIVER</h2> </div> </div> </div> </div> </div> </div> <div id="1048565" class="page-block" data-block-id="9" data-page-block-id="1048565" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row" data-equalizer="50-50x2" data-equalizer-mq="large-up"> <div class="small-12 medium-12 large-6 columns module-zone" data-equalizer-watch="50-50x2" data-position="1" data-block-position="23" data-module-id="1" data-block-module-id="1552737" > <div class="row"> <div class="small-12 columns"> <div class="destination-container"> <div class="destination-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/DESTI/LAPONIE/laponie_voyage__2_.jpg');"> </div> <a class="destination" href="/laponie-sejours" rel="noopener noreferrer" target="_blank">LAPONIE SUÉDOISE</a></div> </div> </div> </div> <div class="small-12 medium-12 large-6 columns module-zone" data-equalizer-watch="50-50x2"> <div class="row no-margin"> <div class="small-12 medium-12 large-12 columns no-padding" data-position="2" data-block-position="24" data-module-id="1" data-block-module-id="1552738" > <div class="row"> <div class="small-12 columns"> <div class="destination-container"> <div class="destination-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/DESTI/NORVEGE/norvege_voyage.jpg');"> </div> <a class="destination" href="/norvege-scandinavie" rel="noopener noreferrer" target="_blank">NORVÈGE</a></div> </div> </div> </div> </div> <div class="row no-margin"> <div class="small-12 medium-12 large-12 columns no-padding" data-position="3" data-block-position="25" data-module-id="1" data-block-module-id="1552739" > <div class="row"> <div class="small-12 columns"> <div class="destination-container"> <div class="destination-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/DESTI/ECOSSE/ecosse_voyage__2_.jpg');"> </div> <a class="destination" href="/ecosse" rel="noopener noreferrer" target="_blank">ÉCOSSE</a></div> </div> </div> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:first-child { width: 50%; margin-bottom: 1rem; } @media screen and (min-width: 426px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:first-child { width: 65%; } } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:first-child { margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:first-child .destination-container { height: 11rem; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:first-child .destination-container { height: 31rem; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:last-child { width: 50%; margin-bottom: 1rem; } @media screen and (min-width: 426px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:last-child { width: 35%; } } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:last-child { margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:last-child .destination-container { height: 5rem; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:last-child .destination-container { height: 15rem; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .module-zone:last-child > .row:first-child { margin-bottom: 1rem !important; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .destination:not(.button) { display: block; font-size: 24px; font-weight: 700; 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; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .destination:not(.button) { font-size: 45px; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .destination-container { background-color: #000; position: relative; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .destination-container:hover .destination { text-decoration: none; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .destination-container:hover .destination-background { opacity: 0.6; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .destination-container:active .destination { text-decoration: none; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .destination-container:active .destination-background { opacity: 0.8; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048565"] .destination-background { background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; width: 100%; height: 100%; } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048565"] { width: 100%; float: left; } @media screen and (min-width: 767px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048565"] { width: 50%; } } @media screen and (min-width: 1025px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048565"] { width: 62%; } } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048565"] > .row { max-width: 69.5rem; margin: 0 0 0 auto; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048565"]').data('block-configuration', [{name:"bg_color", value:""},{name:"background", value:"none"},{name:"bg_picture", value:""},{name:"css_style", value:".kit-body-wrap .page-layout-wrap $this .module-zone:first-child { width: 50%; margin-bottom: 1rem; } @media screen and (min-width: 426px) { .kit-body-wrap .page-layout-wrap $this .module-zone:first-child { width: 65%; } } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap $this .module-zone:first-child { margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap $this .module-zone:first-child .destination-container { height: 11rem; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap $this .module-zone:first-child .destination-container { height: 31rem; } } .kit-body-wrap .page-layout-wrap $this .module-zone:last-child { width: 50%; margin-bottom: 1rem; } @media screen and (min-width: 426px) { .kit-body-wrap .page-layout-wrap $this .module-zone:last-child { width: 35%; } } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap $this .module-zone:last-child { margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap $this .module-zone:last-child .destination-container { height: 5rem; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap $this .module-zone:last-child .destination-container { height: 15rem; } } .kit-body-wrap .page-layout-wrap $this .module-zone:last-child > .row:first-child { margin-bottom: 1rem !important; } .kit-body-wrap .page-layout-wrap $this .destination:not(.button) { display: block; font-size: 24px; font-weight: 700; 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; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap $this .destination:not(.button) { font-size: 45px; } } .kit-body-wrap .page-layout-wrap $this .destination-container { background-color: #000; position: relative; } .kit-body-wrap .page-layout-wrap $this .destination-container:hover .destination { text-decoration: none; } .kit-body-wrap .page-layout-wrap $this .destination-container:hover .destination-background { opacity: 0.6; } .kit-body-wrap .page-layout-wrap $this .destination-container:active .destination { text-decoration: none; } .kit-body-wrap .page-layout-wrap $this .destination-container:active .destination-background { opacity: 0.8; } .kit-body-wrap .page-layout-wrap $this .destination-background { background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; width: 100%; height: 100%; } .kit-body-wrap:not(.kit-body-admin) $this { width: 100%; float: left; } @media screen and (min-width: 767px) { .kit-body-wrap:not(.kit-body-admin) $this { width: 50%; } } @media screen and (min-width: 1025px) { .kit-body-wrap:not(.kit-body-admin) $this { width: 62%; } } .kit-body-wrap:not(.kit-body-admin) $this > .row { max-width: 69.5rem; margin: 0 0 0 auto; }"},{name:"js_script", value:""},]) </script> <div id="1048566" class="page-block" data-block-id="9" data-page-block-id="1048566" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row" data-equalizer="50-50x2" data-equalizer-mq="large-up"> <div class="small-12 medium-12 large-6 columns module-zone" data-equalizer-watch="50-50x2" data-position="1" data-block-position="23" data-module-id="1" data-block-module-id="1552740" > <div class="row"> <div class="small-12 columns"> <div class="destination-container"> <div class="destination-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/DESTI/ISLANDE/islande_.jpg');"> </div> <a class="destination" href="/islande" rel="noopener noreferrer" target="_blank">ISLANDE</a></div> </div> </div> </div> <div class="small-12 medium-12 large-6 columns module-zone" data-equalizer-watch="50-50x2"> <div class="row no-margin"> <div class="small-12 medium-12 large-12 columns no-padding" data-position="2" data-block-position="24" data-module-id="1" data-block-module-id="1552741" > <div class="row"> <div class="small-12 columns"> <div class="destination-container"> <div class="destination-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/DESTI/IRLANDE/voyage_irlande__1_.jpg');"> </div> <p style="text-align: center;"><a class="destination" href="/irlande" rel="noopener noreferrer" target="_blank">IRLANDE</a></p> </div> </div> </div> </div> </div> <div class="row no-margin"> <div class="small-12 medium-12 large-12 columns no-padding" data-position="3" data-block-position="25" data-module-id="1" data-block-module-id="1552742" > <div class="row"> <div class="small-12 columns"> <div class="destination-container"> <div class="destination-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/DESTI/ITALIE/voyage_italie__3_.jpg');"> </div> <p style="text-align: center;"><a class="destination" href="https://www.quartier-libre.fr/italie" rel="noopener noreferrer" target="_blank">ITALIE</a></p> </div> </div> </div> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:first-child { width: 50%; margin-bottom: 1rem; } @media screen and (min-width: 426px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:first-child { width: 40%; margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:first-child .destination-container { height: 11rem; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:first-child .destination-container { height: 31rem; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:last-child { width: 50%; } @media screen and (min-width: 426px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:last-child { width: 60%; margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:last-child .destination-container { height: 5rem; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:last-child .destination-container { height: 15rem; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .module-zone:last-child > .row:first-child { margin-bottom: 1rem !important; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .destination:not(.button) { display: block; font-size: 24px; font-weight: 700; 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; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .destination:not(.button) { font-size: 45px; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .destination-container { background-color: #000; position: relative; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .destination-container:hover .destination { text-decoration: none; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .destination-container:hover .destination-background { opacity: 0.6; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .destination-container:active .destination { text-decoration: none; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .destination-container:active .destination-background { opacity: 0.8; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048566"] .destination-background { background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; width: 100%; height: 100%; } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048566"] { width: 100%; float: left; } @media screen and (min-width: 767px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048566"] { width: 50%; } } @media screen and (min-width: 1025px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048566"] { width: 38%; } } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048566"] > .row { margin: 0 auto 0 0; } @media screen and (min-width: 767px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048566"] > .row { max-width: 40.5rem; } } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048566"]').data('block-configuration', [{name:"bg_color", value:""},{name:"background", value:"none"},{name:"bg_picture", value:""},{name:"css_style", value:".kit-body-wrap .page-layout-wrap $this .module-zone:first-child { width: 50%; margin-bottom: 1rem; } @media screen and (min-width: 426px) { .kit-body-wrap .page-layout-wrap $this .module-zone:first-child { width: 40%; margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap $this .module-zone:first-child .destination-container { height: 11rem; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap $this .module-zone:first-child .destination-container { height: 31rem; } } .kit-body-wrap .page-layout-wrap $this .module-zone:last-child { width: 50%; } @media screen and (min-width: 426px) { .kit-body-wrap .page-layout-wrap $this .module-zone:last-child { width: 60%; margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap $this .module-zone:last-child .destination-container { height: 5rem; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap $this .module-zone:last-child .destination-container { height: 15rem; } } .kit-body-wrap .page-layout-wrap $this .module-zone:last-child > .row:first-child { margin-bottom: 1rem !important; } .kit-body-wrap .page-layout-wrap $this .destination:not(.button) { display: block; font-size: 24px; font-weight: 700; 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; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } @media screen and (min-width: 767px) { .kit-body-wrap .page-layout-wrap $this .destination:not(.button) { font-size: 45px; } } .kit-body-wrap .page-layout-wrap $this .destination-container { background-color: #000; position: relative; } .kit-body-wrap .page-layout-wrap $this .destination-container:hover .destination { text-decoration: none; } .kit-body-wrap .page-layout-wrap $this .destination-container:hover .destination-background { opacity: 0.6; } .kit-body-wrap .page-layout-wrap $this .destination-container:active .destination { text-decoration: none; } .kit-body-wrap .page-layout-wrap $this .destination-container:active .destination-background { opacity: 0.8; } .kit-body-wrap .page-layout-wrap $this .destination-background { background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; width: 100%; height: 100%; } .kit-body-wrap:not(.kit-body-admin) $this { width: 100%; float: left; } @media screen and (min-width: 767px) { .kit-body-wrap:not(.kit-body-admin) $this { width: 50%; } } @media screen and (min-width: 1025px) { .kit-body-wrap:not(.kit-body-admin) $this { width: 38%; } } .kit-body-wrap:not(.kit-body-admin) $this > .row { margin: 0 auto 0 0; } @media screen and (min-width: 767px) { .kit-body-wrap:not(.kit-body-admin) $this > .row { max-width: 40.5rem; } }"},{name:"js_script", value:""},]) </script> <div id="1048567" class="page-block" data-block-id="2" data-page-block-id="1048567" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552743" > <div class="row"> <div class="small-12 columns"> <p> </p> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048567"]:after { content: " "; display: block; clear: both; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048567"]').data('block-configuration', [{name:"bg_color", value:""},{name:"background", value:"none"},{name:"bg_picture", value:""},{name:"css_style", value:".kit-body-wrap .page-layout-wrap $this:after { content: \" \"; display: block; clear: both; }"},{name:"js_script", value:""},]) </script> <div id="1048568" class="page-block" data-block-id="2" data-page-block-id="1048568" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552744" > <div class="row"> <div class="small-12 columns"> <div class="title-container isRight"> <h4>UNE ENVIE DE VOYAGE ?</h4> <h2>LAISSEZ-VOUS INSPIRER</h2> <p class="subtitle">Quartier Libre vous propose des voyages pour répondre à toutes les envies : des circuits au volant en complète liberté ou des voyages organisés tout compris.</p> </div> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048568"] { background-color: #f0f0f0; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048568"]').data('block-configuration', [{name:"background", value:"color"},{name:"bg_color", value:"#f0f0f0"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:""},{name:"css_style", value:""},{name:"js_script", value:""},]) </script> <div id="1048569" class="page-block" data-block-id="3" data-page-block-id="1048569" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-4 large-4 columns module-zone"> <div class="row"> <div class="small-12 columns" data-position="1" data-block-position="5" data-module-id="1" data-block-module-id="1552745" > <div class="row"> <div class="small-12 columns"> <p><a class="inspiration" href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/thematique0-2" rel="noopener noreferrer" style="background-image: url('/assets/img/site/173/uploads/Homepage/categories/circuits__1_.jpg');" target="_blank">Circuits</a></p> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns" data-position="4" data-block-position="8" data-module-id="1" data-block-module-id="1552748" > <div class="row"> <div class="small-12 columns"> <p><a class="inspiration" href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/thematique0-6" rel="noopener noreferrer" style="background-image: url('/assets/img/site/173/uploads/Homepage/categories/autotours__1_.jpg');" target="_blank">Autotours</a></p> </div> </div> </div> </div> </div> <div class="small-12 medium-4 large-4 columns module-zone"> <div class="row"> <div class="small-12 columns" data-position="2" data-block-position="6" data-module-id="1" data-block-module-id="1552746" > <div class="row"> <div class="small-12 columns"> <p><a class="inspiration" href="https://www.quartier-libre.fr/search/result/package/source-190/engine-1/thematique0-1/" rel="noopener noreferrer" style="background-image: url('/assets/img/site/173/uploads/Homepage/categories/sejour2__3_.jpg');" target="_blank">Séjours</a></p> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns" data-position="5" data-block-position="9" data-module-id="1" data-block-module-id="1552749" > <div class="row"> <div class="small-12 columns"> <p><a class="inspiration" href="https://sejour.quartier-libre.fr/" rel="noopener noreferrer" style="background-image: url('/assets/img/site/173/uploads/Homepage/categories/citybreak.jpg');" target="_blank">City break</a></p> </div> </div> </div> </div> </div> <div class="small-12 medium-4 large-4 columns module-zone"> <div class="row"> <div class="small-12 columns" data-position="3" data-block-position="7" data-module-id="1" data-block-module-id="1552747" > <div class="row"> <div class="small-12 columns"> <p> </p> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns" data-position="6" data-block-position="10" data-module-id="1" data-block-module-id="1552750" > <div class="row"> <div class="small-12 columns"> <p> </p> </div> </div> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048569"] { padding-bottom: 3.5rem; } .page-block[data-page-block-id="1048569"] > .row > .module-zone { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048569"] > .row > .module-zone { width: 50%; } } .page-block[data-page-block-id="1048569"] > .row > .module-zone:last-child { display: none; } .page-block[data-page-block-id="1048569"] > .row > .module-zone > .row { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin: 0; } @media screen and (min-width: 426px) { .page-block[data-page-block-id="1048569"] > .row > .module-zone > .row { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } } .page-block[data-page-block-id="1048569"] > .row > .module-zone p { margin: 0; } .page-block[data-page-block-id="1048569"] > .row > .module-zone .inspiration { height: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; font-size: 24px; color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; margin-bottom: 1rem; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048569"] > .row > .module-zone .inspiration { font-size: 32px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048569"] > .row > .module-zone .inspiration { margin-bottom: 0; height: 35rem; font-size: 45px; } } .page-block[data-page-block-id="1048569"] > .row > .module-zone .inspiration:hover { -webkit-transform: scale(1.03); transform: scale(1.03); position: relative; z-index: 1; text-decoration: none; } .page-block[data-page-block-id="1048569"] > .row > .module-zone .inspiration:active { -webkit-transform: scale(1.01); transform: scale(1.01); text-decoration: none; } .page-block[data-page-block-id="1048569"] { background-color: #f0f0f0; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048569"]').data('block-configuration', [{name:"background", value:"color"},{name:"bg_color", value:"#f0f0f0"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:""},{name:"css_style", value:"$this { padding-bottom: 3.5rem; } $this > .row > .module-zone { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1025px) { $this > .row > .module-zone { width: 50%; } } $this > .row > .module-zone:last-child { display: none; } $this > .row > .module-zone > .row { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin: 0; } @media screen and (min-width: 426px) { $this > .row > .module-zone > .row { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } } $this > .row > .module-zone p { margin: 0; } $this > .row > .module-zone .inspiration { height: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; font-size: 24px; color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; margin-bottom: 1rem; } @media screen and (min-width: 769px) { $this > .row > .module-zone .inspiration { font-size: 32px; } } @media screen and (min-width: 1025px) { $this > .row > .module-zone .inspiration { margin-bottom: 0; height: 35rem; font-size: 45px; } } $this > .row > .module-zone .inspiration:hover { -webkit-transform: scale(1.03); transform: scale(1.03); position: relative; z-index: 1; text-decoration: none; } $this > .row > .module-zone .inspiration:active { -webkit-transform: scale(1.01); transform: scale(1.01); text-decoration: none; }"},{name:"js_script", value:""},]) </script> <div id="1048570" class="page-block" data-block-id="2" data-page-block-id="1048570" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552751" > <div class="row"> <div class="small-12 columns"> <div class="title-container isCenter"> <h4>Découvrez la Laponie Suédoise</h4> <p class="subtitle">Pour votre prochain voyage, optez pour nos séjours coup de coeur tout compris, confectionnés par les experts Quartier Libre.</p> <h2>Destination du moment</h2> </div> </div> </div> </div> </div> </div> <div id="1048571" class="page-block" data-block-id="2" data-page-block-id="1048571" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552752" > <div class="row"> <div class="small-12 columns"> <p> </p> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048571"] {height: 5rem;} @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048571"] { height: 15rem;} } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048571"] {height: 19rem;} } .page-block[data-page-block-id="1048571"] { background-image: url(/assets/img/site/173/uploads/Homepage/laponievoyage__1_.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048571"]').data('block-configuration', [{name:"background", value:"picture"},{name:"bg_color", value:""},{name:"bg_fixed", value:"1"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:"/assets/img/site/173/uploads/Homepage/laponievoyage__1_.jpg"},{name:"css_style", value:"$this {height: 5rem;} @media screen and (min-width: 769px) { $this { height: 15rem;} } @media screen and (min-width: 1025px) { $this {height: 19rem;} }"},{name:"js_script", value:""},]) </script> <div id="1048572" class="page-block" data-block-id="2" data-page-block-id="1048572" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552753" > <div class="row"> <div class="small-12 columns"> <p style="text-align: center;"><strong>Un voyage en Laponie Suédoise ça vous tente ?</strong></p> <p style="text-align: justify;">Optez pour un séjour authentique avec de nombreuses activités typiques incluses. Pour cela, privilégiez une pension complète dans un hôtel 4 étoiles tout confort. Outre les repas offerts, cette formule vous permet de bénéficier d'un confort exceptionnel. Vous pouvez profiter de la piscine ou du sauna de nos établissements pour vos soirées de détente dans la région. </p> <p><strong>Partez, explorez, vivez vos meilleurs moments, Quartier Libre s’occupe de vous !</strong></p> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048572"] {margin-bottom: 1.25rem; margin-top: 1rem;} .page-block[data-page-block-id="1048572"] > .row {max-width: 61.5rem;} .page-block[data-page-block-id="1048572"] p {text-align: justify;} </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048572"]').data('block-configuration', [{name:"bg_color", value:""},{name:"background", value:"none"},{name:"bg_picture", value:""},{name:"css_style", value:"$this {margin-bottom: 1.25rem; margin-top: 1rem;} $this > .row {max-width: 61.5rem;} $this p {text-align: justify;}"},{name:"js_script", value:""},]) </script> <div id="1048573" class="page-block" data-block-id="2" data-page-block-id="1048573" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552754" > <div class="row"> <div class="small-12 columns"> <div class="titleTiny-container"> <div class="titleTiny"> <h4>Laponie Suédoise</h4> <h2>Nos séjours coup de coeur</h2> </div> </div> </div> </div> </div> </div> </div> <div id="1048574" class="page-block" data-block-id="1" data-page-block-id="1048574" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-4 large-4 columns module-zone" data-position="1" data-block-position="1" data-module-id="1" data-block-module-id="1552755" > <div class="row"> <div class="small-12 columns"> <div class="favorite"> <div class="favorite-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/laponie_voyage__1_.jpg');"> </div> <div class="favorite-content"> <h5 class="favorite-title">Hôtel Pite Havsbad</h5> <p class="favorite-description">Au coeur de la Laponie Suédoise</p> </div> <a class="favorite-link" href="/produit/package/1099475-190/sejour-au-coeur-de-la-laponie-suedoise"> </a></div> </div> </div> </div> <div class="small-12 medium-4 large-4 columns module-zone" data-position="2" data-block-position="2" data-module-id="1" data-block-module-id="1552756" > <div class="row"> <div class="small-12 columns"> <p> </p> </div> </div> </div> <div class="small-12 medium-4 large-4 columns module-zone" data-position="3" data-block-position="3" data-module-id="1" data-block-module-id="1552757" > <div class="row"> <div class="small-12 columns"> <div class="favorite"> <div class="favorite-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/DESTI/LAPONIE/immersion.jpg');"> </div> <div class="favorite-content"> <h5 class="favorite-title">Hôtel Scandic Luleå</h5> <p class="favorite-description">Immersion en Laponie Suédoise</p> </div> <a class="favorite-link" href="/laponie-sejour-hiver-immersion-en-laponie-suedoise"> </a></div> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] { padding-bottom: 7.5rem; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] > .row { max-width: 61.5rem; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .row .row { margin: 0 -1rem; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .columns { padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .columns { margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite { height: 14rem; position: relative; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } @media screen and (min-width: 679px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite { height: 21rem; padding-left: 2rem; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite:hover { z-index: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite:active { -webkit-transform: scale(1.05); transform: scale(1.05); } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite-background { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite-content { background-color: #fff; padding: 2.5rem 1.5rem 1.5rem; position: absolute; bottom: -4rem; left: 0; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite-title { text-transform: uppercase; color: var(--c-grey-70); font-size: 20px; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite-description { color: var(--c-grey-70); font-size: 16px; font-weight: 300; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite-link { display: block; position: absolute; width: 100%; height: calc(100% + 4rem); top: 0; left: 0px; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048574"] .favorite-link:hover { text-decoration: none; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048574"]').data('block-configuration', [{name:"bg_color", value:""},{name:"background", value:"none"},{name:"bg_picture", value:""},{name:"css_style", value:".kit-body-wrap .page-layout-wrap $this { padding-bottom: 7.5rem; } .kit-body-wrap .page-layout-wrap $this > .row { max-width: 61.5rem; } .kit-body-wrap .page-layout-wrap $this .row .row { margin: 0 -1rem; } .kit-body-wrap .page-layout-wrap $this .columns { padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap $this .columns { margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap $this .favorite { height: 14rem; position: relative; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } @media screen and (min-width: 679px) { .kit-body-wrap .page-layout-wrap $this .favorite { height: 21rem; padding-left: 2rem; } } .kit-body-wrap .page-layout-wrap $this .favorite:hover { z-index: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } .kit-body-wrap .page-layout-wrap $this .favorite:active { -webkit-transform: scale(1.05); transform: scale(1.05); } .kit-body-wrap .page-layout-wrap $this .favorite-background { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .kit-body-wrap .page-layout-wrap $this .favorite-content { background-color: #fff; padding: 2.5rem 1.5rem 1.5rem; position: absolute; bottom: -4rem; left: 0; } .kit-body-wrap .page-layout-wrap $this .favorite-title { text-transform: uppercase; color: var(--c-grey-70); font-size: 20px; } .kit-body-wrap .page-layout-wrap $this .favorite-description { color: var(--c-grey-70); font-size: 16px; font-weight: 300; } .kit-body-wrap .page-layout-wrap $this .favorite-link { display: block; position: absolute; width: 100%; height: calc(100% + 4rem); top: 0; left: 0px; } .kit-body-wrap .page-layout-wrap $this .favorite-link:hover { text-decoration: none; }"},{name:"js_script", value:""},]) </script> <div id="1048575" class="page-block" data-block-id="2" data-page-block-id="1048575" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552758" > <div class="row"> <div class="small-12 columns"> <div class="title-container isRight"> <h4>POUR VOUS</h4> <h2>NOTRE SÉLECTION DE VOYAGES</h2> <p class="subtitle">Nos experts Quartier Libre ont sélectionnés pour vous nos plus belles destinations. De l'Irlande à la Norvège, en passant par la Laponie ou l'Islande, laissez-vous guider !</p> </div> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048575"] { background-color: #f0f0f0; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048575"]').data('block-configuration', [{name:"background", value:"color"},{name:"bg_color", value:"#f0f0f0"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:""},{name:"css_style", value:""},{name:"js_script", value:""},]) </script> <div id="1048576" class="page-block" data-block-id="2" data-page-block-id="1048576" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="3" data-block-module-id="1552759" > <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/module/product/offer/default.css?1713185872" /> <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/module/product/offer/responsive/3.css?1713185872" /> <div class="offers-module offers-module-default offers-module-3 ajax-module row" data-url="https://www.quartier-libre.fr/rest/module/product/offer/load.json?page_block_module_id=1552759" data-module="product_offer"> <div class="small-12 columns" data-equalizer="offer"> <div class="row" data-equalizer="offer-content"> <div class="offer small-12 columns end offer-loading"> <a href="#" class="offer-consult"> <div class="row"> <div class="small-12 columns"> <div class="picture-container offer-picture"></div> </div> <div class="offer-content-container small-12 columns"> <div class="offer-content clearfix" data-equalizer-watch="offer-content"> <div class="offer-title-container"> <h3 class="no-color"> <strong class="offer-destination"></strong> <span class="offer-region"></span> </h3> <p class="offer-duration no-color hide"> <span class="day"></span>j/<span class="night"></span>n </p> <p class="offer-title color-one"> <span class="icon-gear anim-spin"></span> Génération en cours... </p> </div> <p class="offer-description no-color"> Nous recherchons les meilleures offres à vous proposer. </p> </div> </div> </div> <div class="row"> <div class="bottom-container" data-equalizer-watch="offer"> <div class="price-container bg-color-one"> <div class="price-content"> <span class="price"> dès <span class="amount"> <span class="offer-price">...</span> € </span> </span> <span class="offer-price-old-wrap hide"> <s><span class="offer-price-old"></span> €</s> </span> </div> </div> <div class="link-container bg-color-two"> <span class="icon-arrow-right-alt"></span> Voir l'offre </div> </div> </div> </a> </div> <div class="offer small-12 columns end offer-loading"> <a href="#" class="offer-consult"> <div class="row"> <div class="small-12 columns"> <div class="picture-container offer-picture"></div> </div> <div class="offer-content-container small-12 columns"> <div class="offer-content clearfix" data-equalizer-watch="offer-content"> <div class="offer-title-container"> <h3 class="no-color"> <strong class="offer-destination"></strong> <span class="offer-region"></span> </h3> <p class="offer-duration no-color hide"> <span class="day"></span>j/<span class="night"></span>n </p> <p class="offer-title color-one"> <span class="icon-gear anim-spin"></span> Génération en cours... </p> </div> <p class="offer-description no-color"> Nous recherchons les meilleures offres à vous proposer. </p> </div> </div> </div> <div class="row"> <div class="bottom-container" data-equalizer-watch="offer"> <div class="price-container bg-color-one"> <div class="price-content"> <span class="price"> dès <span class="amount"> <span class="offer-price">...</span> € </span> </span> <span class="offer-price-old-wrap hide"> <s><span class="offer-price-old"></span> €</s> </span> </div> </div> <div class="link-container bg-color-two"> <span class="icon-arrow-right-alt"></span> Voir l'offre </div> </div> </div> </a> </div> <div class="offer small-12 columns end offer-loading"> <a href="#" class="offer-consult"> <div class="row"> <div class="small-12 columns"> <div class="picture-container offer-picture"></div> </div> <div class="offer-content-container small-12 columns"> <div class="offer-content clearfix" data-equalizer-watch="offer-content"> <div class="offer-title-container"> <h3 class="no-color"> <strong class="offer-destination"></strong> <span class="offer-region"></span> </h3> <p class="offer-duration no-color hide"> <span class="day"></span>j/<span class="night"></span>n </p> <p class="offer-title color-one"> <span class="icon-gear anim-spin"></span> Génération en cours... </p> </div> <p class="offer-description no-color"> Nous recherchons les meilleures offres à vous proposer. </p> </div> </div> </div> <div class="row"> <div class="bottom-container" data-equalizer-watch="offer"> <div class="price-container bg-color-one"> <div class="price-content"> <span class="price"> dès <span class="amount"> <span class="offer-price">...</span> € </span> </span> <span class="offer-price-old-wrap hide"> <s><span class="offer-price-old"></span> €</s> </span> </div> </div> <div class="link-container bg-color-two"> <span class="icon-arrow-right-alt"></span> Voir l'offre </div> </div> </div> </a> </div> <div class="offer small-12 columns end offer-loading"> <a href="#" class="offer-consult"> <div class="row"> <div class="small-12 columns"> <div class="picture-container offer-picture"></div> </div> <div class="offer-content-container small-12 columns"> <div class="offer-content clearfix" data-equalizer-watch="offer-content"> <div class="offer-title-container"> <h3 class="no-color"> <strong class="offer-destination"></strong> <span class="offer-region"></span> </h3> <p class="offer-duration no-color hide"> <span class="day"></span>j/<span class="night"></span>n </p> <p class="offer-title color-one"> <span class="icon-gear anim-spin"></span> Génération en cours... </p> </div> <p class="offer-description no-color"> Nous recherchons les meilleures offres à vous proposer. </p> </div> </div> </div> <div class="row"> <div class="bottom-container" data-equalizer-watch="offer"> <div class="price-container bg-color-one"> <div class="price-content"> <span class="price"> dès <span class="amount"> <span class="offer-price">...</span> € </span> </span> <span class="offer-price-old-wrap hide"> <s><span class="offer-price-old"></span> €</s> </span> </div> </div> <div class="link-container bg-color-two"> <span class="icon-arrow-right-alt"></span> Voir l'offre </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap .page-block[data-page-block-id="1048576"] { padding-bottom: 3.5rem; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer { margin: 0; padding: 5px; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer:hover img { opacity: 0.6; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer img { -webkit-transition: opacity ease-in-out 0.3s; transition: opacity ease-in-out 0.3s; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-content { padding: 0; border: none; height: auto !important; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-content-container { position: absolute; padding: 0; margin: 0; border: none; bottom: 3rem; right: 1.5rem; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-content h3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: right; line-height: 1; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-consult { position: relative; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-consult > .row:first-child { padding: 0; margin: 0; position: relative; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-consult > .row:last-child { position: absolute; bottom: 1.5rem; right: 1.5rem; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-consult > .row > .columns { padding: 0; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-duration, .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-title { font-size: 20px; color: #fff !important; font-weight: 600; margin: 0; line-height: 1; text-align: right; max-width: 90%; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-duration { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: 0.3rem; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-duration::before { content: "-"; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer-destination { color: #fff; font-size: 40px; font-weight: 600; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .picture-container { height: 15rem; } @media screen and (min-width: 679px) { .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .picture-container { height: 18rem; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .picture-container { height: 24rem; } } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .picture-container::before, .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .picture-container::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .picture-container::before { background: #000; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .picture-container::after { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .link-container, .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .offer-description { display: none; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .bottom-container { padding: 0; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .price { font-size: 16px; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .price-container { padding: 0; background-color: transparent; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .price-content { font-weight: 500; } .kit-body-wrap .page-block[data-page-block-id="1048576"] .offers-module-default [data-equalizer=offer-content] .offer .price .amount { font-size: 16px; font-weight: 500; } .page-block[data-page-block-id="1048576"] { background-color: #f0f0f0; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048576"]').data('block-configuration', [{name:"background", value:"color"},{name:"bg_color", value:"#f0f0f0"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:""},{name:"css_style", value:".kit-body-wrap $this { padding-bottom: 3.5rem; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer { margin: 0; padding: 5px; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer:hover img { opacity: 0.6; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer img { -webkit-transition: opacity ease-in-out 0.3s; transition: opacity ease-in-out 0.3s; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-content { padding: 0; border: none; height: auto !important; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-content-container { position: absolute; padding: 0; margin: 0; border: none; bottom: 3rem; right: 1.5rem; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-content h3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: right; line-height: 1; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-consult { position: relative; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-consult > .row:first-child { padding: 0; margin: 0; position: relative; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-consult > .row:last-child { position: absolute; bottom: 1.5rem; right: 1.5rem; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-consult > .row > .columns { padding: 0; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-duration, .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-title { font-size: 20px; color: #fff !important; font-weight: 600; margin: 0; line-height: 1; text-align: right; max-width: 90%; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-duration { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: 0.3rem; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-duration::before { content: \"-\"; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer-destination { color: #fff; font-size: 40px; font-weight: 600; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .picture-container { height: 15rem; } @media screen and (min-width: 679px) { .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .picture-container { height: 18rem; } } @media screen and (min-width: 1025px) { .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .picture-container { height: 24rem; } } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .picture-container::before, .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .picture-container::after { content: \"\"; display: block; width: 100%; height: 100%; position: absolute; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .picture-container::before { background: #000; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .picture-container::after { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .link-container, .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .offer-description { display: none; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .bottom-container { padding: 0; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .price { font-size: 16px; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .price-container { padding: 0; background-color: transparent; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .price-content { font-weight: 500; } .kit-body-wrap $this .offers-module-default [data-equalizer=offer-content] .offer .price .amount { font-size: 16px; font-weight: 500; }"},{name:"js_script", value:""},]) </script> <div id="1048577" class="page-block" data-block-id="2" data-page-block-id="1048577" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552760" > <div class="row"> <div class="small-12 columns"> <div class="title-container isCenter"> <h4>Découvrez nos guides de voyage</h4> <p class="subtitle">Découvrez toutes les astuces et conseils de voyages.</p> <h2>Blog de voyage</h2> </div> </div> </div> </div> </div> </div> <div id="1048578" class="page-block" data-block-id="3" data-page-block-id="1048578" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-4 large-4 columns module-zone"> <div class="row"> <div class="small-12 columns" data-position="1" data-block-position="5" data-module-id="1" data-block-module-id="1552761" > <div class="row"> <div class="small-12 columns"> <div class="article"> <div class="article-number">1</div> <div class="article-content"> <h2 class="article-title"><strong>Laponie Suédoise</strong></h2> <p class="article-description" style="text-align: justify;"><span style="font-size:14px;">Nichée à l’extrême Nord-Ouest du pays, la Laponie est sans conteste la plus grande province de la Suède. S’étendant depuis Sorsele et Skellefteå jusqu’aux confins nord de la Suède, ce territoire arctique séduit les touristes par son charme naturel et son paysage exceptionnel.</span></p> </div> <button onclick="location.href='https://blog-voyages.quartier-libre.fr/laponie-guide-voyage/'" type="button">Plus d'infos</button></div> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns" data-position="4" data-block-position="8" data-module-id="1" data-block-module-id="1552764" > <div class="row"> <div class="small-12 columns"> <div class="article"> <div class="article-number">2</div> <div class="article-content"> <h2 class="article-title"><strong>Norvège & Scandinavie</strong></h2> <p class="article-description" style="text-align: justify;"><span style="font-size:14px;">Fière de ses paysages qui comptent parmi les plus beaux du monde, la Scandinavie surplombe l’Europe. Un lieu puissant et sauvage, où la nature règne et où les habitants vivent en totale harmonie avec elle. Passez de décor en décor, de forêts en collines, de prairies en haute montagne bordant les fjords aux eaux émeraude. Le panorama que vous offre la Scandinavie ne vous laissera pas indifférent.</span></p> </div> <button onclick="location.href='https://blog-voyages.quartier-libre.fr/scandinavie-guide-voyage/'" type="button">Plus d'infos</button></div> </div> </div> </div> </div> </div> <div class="small-12 medium-4 large-4 columns module-zone"> <div class="row"> <div class="small-12 columns" data-position="2" data-block-position="6" data-module-id="1" data-block-module-id="1552762" > <div class="row"> <div class="small-12 columns"> <div class="article"> <div class="article-number">3</div> <div class="article-content"> <h2 class="article-title"><strong>Islande</strong></h2> <p class="article-description" style="text-align: justify;"><span style="font-size:14px;">Cette île volcanique témoin de l’éloignement de l’Europe et de l’Amérique du nord dans l’Atlantique nord est une destination à part entière. Vous apprecierez l’Islande avec ses glaciers, ses roches volcaniques et ses fjords verdoyants. L’Islande est un pays hors normes qui ravira tous ses visiteurs.</span></p> </div> <button onclick="location.href='https://blog-voyages.quartier-libre.fr/islande-guide-voyage/" type="button">Plus d'infos</button></div> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns" data-position="5" data-block-position="9" data-module-id="1" data-block-module-id="1552765" > <div class="row"> <div class="small-12 columns"> <div class="article"> <div class="article-number">4</div> <div class="article-content"> <h2 class="article-title"><strong>Italie</strong></h2> <p class="article-description" style="text-align: justify;"><span style="font-size:14px;">L’Italie, ses villes superbes et ses magnifiques régions, vous attendent au cours de voyages exceptionnels avec Quartier Libre. Rome, Venise, Florence, autant de villes italiennes à l’histoire particulièrement riche que vous pourrez découvrir lors de nos circuits accompagnés. Sans oublier les paysages de la baie napolitaine ou encore la côte amalfitaine, véritables cartes postales de souvenirs.</span></p> </div> <button onclick="location.href='https://blog-voyages.quartier-libre.fr/italie-guide-voyage/'" type="button">Plus d'infos</button></div> </div> </div> </div> </div> </div> <div class="small-12 medium-4 large-4 columns module-zone"> <div class="row"> <div class="small-12 columns" data-position="3" data-block-position="7" data-module-id="1" data-block-module-id="1552763" > <div class="row"> <div class="small-12 columns"> <div class="article"> <div class="article-number">5</div> <div class="article-content"> <h2 class="article-title"><strong>Irlande</strong></h2> <p class="article-description" style="text-align: justify;"><span style="font-size:14px;">L’île verte offre généreusement lacs sereins, falaises sauvages, cités médiévales à l’architecture intacte et une vie culturelle vibrante. Tout cela admirablement partagé par une population d’une grande amabilité. De l’incroyable paysage du Connemara aux Falaises de Moher, de l’anneau de Kerry à la baie de Galway, ses paysages naturels sont parmi les plus captivantes et mystérieuses.</span></p> </div> <button onclick="location.href='https://blog-voyages.quartier-libre.fr/irlande-guide-voyage/'" type="button">Plus d'infos</button></div> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns" data-position="6" data-block-position="10" data-module-id="1" data-block-module-id="1552766" > <div class="row"> <div class="small-12 columns"> <p> </p> </div> </div> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article { border: 2px solid var(--c-primary); padding: 0 1.5rem 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -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; min-height: 16rem; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; height: 100%; background-color: #fff; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article { min-height: 24rem; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article:hover { -webkit-transform: scale(1.1); transform: scale(1.1); position: relative; z-index: 1; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article button { width: 9rem; height: 2.5rem; margin: 0; background-color: var(--c-grey-5); color: var(--c-grey-70); -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; border: 1px solid rgba(255, 255, 255, 0); font-size: 14px; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article button:hover { border: 1px solid var(--c-primary); background-color: #fff; color: var(--c-primary); } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article-number { height: 4rem; width: 4rem; -webkit-box-flex: 0; -ms-flex: 0 0 4rem; flex: 0 0 4rem; background-color: var(--c-primary); color: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; font-weight: 700; margin: -1.5rem auto 0; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article-number { height: 5.25rem; width: 5.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 5.25rem; flex: 0 0 5.25rem; font-size: 38px; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article-title { text-align: center; font-size: 16px; font-weight: 700; color: var(--c-grey-70); margin: 1rem 0 1.5rem; line-height: 1; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article-title { font-size: 18px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article-title { font-size: 20px; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article-description { color: var(--c-grey-70); font-size: 14px; font-weight: 200; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } @media screen and (min-width: 679px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048578"] .article-description { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] { padding-bottom: 3.5rem; } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 679px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone { width: 560px; } } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone:last-child { width: 100%; } @media screen and (min-width: 679px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone:last-child { width: 280px; } } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone:last-child > .row { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone:last-child > .row:last-child { display: none; } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone > .row { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 2rem; } @media screen and (min-width: 679px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone > .row { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone > .row .columns, .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .module-zone > .row .row { height: 100%; } .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .article { margin-top: 1.1rem; margin-bottom: 0.25rem; } @media screen and (min-width: 679px) { .kit-body-wrap:not(.kit-body-admin) .page-block[data-page-block-id="1048578"] .article { margin-top: 0.125rem; } } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048578"]').data('block-configuration', [{name:"bg_color", value:""},{name:"background", value:"none"},{name:"bg_picture", value:""},{name:"css_style", value:".kit-body-wrap .page-layout-wrap $this .article { border: 2px solid var(--c-primary); padding: 0 1.5rem 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -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; min-height: 16rem; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; height: 100%; background-color: #fff; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap $this .article { min-height: 24rem; } } .kit-body-wrap .page-layout-wrap $this .article:hover { -webkit-transform: scale(1.1); transform: scale(1.1); position: relative; z-index: 1; } .kit-body-wrap .page-layout-wrap $this .article button { width: 9rem; height: 2.5rem; margin: 0; background-color: var(--c-grey-5); color: var(--c-grey-70); -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; border: 1px solid rgba(255, 255, 255, 0); font-size: 14px; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem; } .kit-body-wrap .page-layout-wrap $this .article button:hover { border: 1px solid var(--c-primary); background-color: #fff; color: var(--c-primary); } .kit-body-wrap .page-layout-wrap $this .article-number { height: 4rem; width: 4rem; -webkit-box-flex: 0; -ms-flex: 0 0 4rem; flex: 0 0 4rem; background-color: var(--c-primary); color: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; font-weight: 700; margin: -1.5rem auto 0; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap $this .article-number { height: 5.25rem; width: 5.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 5.25rem; flex: 0 0 5.25rem; font-size: 38px; } } .kit-body-wrap .page-layout-wrap $this .article-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .kit-body-wrap .page-layout-wrap $this .article-title { text-align: center; font-size: 16px; font-weight: 700; color: var(--c-grey-70); margin: 1rem 0 1.5rem; line-height: 1; } @media screen and (min-width: 769px) { .kit-body-wrap .page-layout-wrap $this .article-title { font-size: 18px; } } @media screen and (min-width: 1025px) { .kit-body-wrap .page-layout-wrap $this .article-title { font-size: 20px; } } .kit-body-wrap .page-layout-wrap $this .article-description { color: var(--c-grey-70); font-size: 14px; font-weight: 200; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } @media screen and (min-width: 679px) { .kit-body-wrap .page-layout-wrap $this .article-description { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } } .kit-body-wrap:not(.kit-body-admin) $this { padding-bottom: 3.5rem; } .kit-body-wrap:not(.kit-body-admin) $this > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kit-body-wrap:not(.kit-body-admin) $this .module-zone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 679px) { .kit-body-wrap:not(.kit-body-admin) $this .module-zone { width: 560px; } } .kit-body-wrap:not(.kit-body-admin) $this .module-zone:last-child { width: 100%; } @media screen and (min-width: 679px) { .kit-body-wrap:not(.kit-body-admin) $this .module-zone:last-child { width: 280px; } } .kit-body-wrap:not(.kit-body-admin) $this .module-zone:last-child > .row { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .kit-body-wrap:not(.kit-body-admin) $this .module-zone:last-child > .row:last-child { display: none; } .kit-body-wrap:not(.kit-body-admin) $this .module-zone > .row { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 2rem; } @media screen and (min-width: 679px) { .kit-body-wrap:not(.kit-body-admin) $this .module-zone > .row { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .kit-body-wrap:not(.kit-body-admin) $this .module-zone > .row .columns, .kit-body-wrap:not(.kit-body-admin) $this .module-zone > .row .row { height: 100%; } .kit-body-wrap:not(.kit-body-admin) $this .article { margin-top: 1.1rem; margin-bottom: 0.25rem; } @media screen and (min-width: 679px) { .kit-body-wrap:not(.kit-body-admin) $this .article { margin-top: 0.125rem; } }"},{name:"js_script", value:""},]) </script> <div id="1048579" class="page-block" data-block-id="6" data-page-block-id="1048579" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-6 large-6 columns module-zone" data-position="1" data-block-position="16" data-module-id="1" data-block-module-id="1552767" > <div class="row"> <div class="small-12 columns"> <div class="description-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/equipe_quartier_libre__1_.jpg');"> </div> </div> </div> </div> <div class="small-12 medium-6 large-6 columns module-zone" data-position="2" data-block-position="17" data-module-id="1" data-block-module-id="1552768" > <div class="row"> <div class="small-12 columns"> <h4>QUARTIER LIBRE</h4> <h2>UN SAVOIR-FAIRE NÉ DE L'EXPÉRIENCE</h2> <p>En 2022, le Tour Operateur Quartier Libre a fêté ses <strong>30 ans</strong>. Autant d'années de mise à disposition de son <strong>expertise</strong> de la conception, la création à la commercialisation de <strong>voyages</strong>. Aujourd'hui c'est donc près de trois décennies qui permettent à l'agence d'offrir chaque année à ses clients des voyages toujours plus <strong>adaptés à leurs attentes</strong>.</p> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048579"]>.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048579"]>.row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .page-block[data-page-block-id="1048579"]>.row .row { height: 100%; } .page-block[data-page-block-id="1048579"]>.row .row>.columns { height: 100%; padding: 0; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048579"] > .row .row > .columns { padding-left: 0.5rem; padding-right: 0.5rem; } }.page-block[data-page-block-id="1048579"] .module-zone:last-child { padding-top: 2rem; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048579"] .module-zone:last-child { padding: 32px 60px 96px 118px; } } .page-block[data-page-block-id="1048579"] .module-zone:first-child { padding-left: 0; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048579"] .module-zone:first-child { padding-right: 0; padding-left: 1rem; } } .page-block[data-page-block-id="1048579"] .description-background { height: 11rem; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048579"] .description-background { height: 100%; background-position: left; background-size: 50%; } } .page-block[data-page-block-id="1048579"] h2 { margin-bottom: 2.5rem; color: var(--c-primary); font-weight: 700; font-size: 32px; text-transform: uppercase; text-align: right; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048579"] h2 { font-size: 40px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048579"] h2 { font-size: 50px; } } .page-block[data-page-block-id="1048579"] h4 { font-size: 18px; color: var(--c-grey-70); text-transform: uppercase; text-align: right; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048579"] h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048579"] h4 { font-size: 22px; } } .page-block[data-page-block-id="1048579"] p { font-size: 14px; color: var(--c-grey-70); text-align: justify; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048579"] p { padding-right: 3rem; } }@media screen and (max-width: 1024px) { .page-block[data-page-block-id="1048579"] .medium-6 { width: 100%; } } .page-block[data-page-block-id="1048579"] { background-color: #f0f0f0; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048579"]').data('block-configuration', [{name:"background", value:"color"},{name:"bg_color", value:"#f0f0f0"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:""},{name:"css_style", value:"$this>.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { $this>.row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } $this>.row .row { height: 100%; } $this>.row .row>.columns { height: 100%; padding: 0; } @media screen and (min-width: 1025px) { $this > .row .row > .columns { padding-left: 0.5rem; padding-right: 0.5rem; } }$this .module-zone:last-child { padding-top: 2rem; } @media screen and (min-width: 1025px) { $this .module-zone:last-child { padding: 32px 60px 96px 118px; } } $this .module-zone:first-child { padding-left: 0; } @media screen and (min-width: 1025px) { $this .module-zone:first-child { padding-right: 0; padding-left: 1rem; } } $this .description-background { height: 11rem; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media screen and (min-width: 1025px) { $this .description-background { height: 100%; background-position: left; background-size: 50%; } } $this h2 { margin-bottom: 2.5rem; color: var(--c-primary); font-weight: 700; font-size: 32px; text-transform: uppercase; text-align: right; } @media screen and (min-width: 769px) { $this h2 { font-size: 40px; } } @media screen and (min-width: 1025px) { $this h2 { font-size: 50px; } } $this h4 { font-size: 18px; color: var(--c-grey-70); text-transform: uppercase; text-align: right; } @media screen and (min-width: 769px) { $this h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { $this h4 { font-size: 22px; } } $this p { font-size: 14px; color: var(--c-grey-70); text-align: justify; } @media screen and (min-width: 1025px) { $this p { padding-right: 3rem; } }@media screen and (max-width: 1024px) { $this .medium-6 { width: 100%; } }"},{name:"js_script", value:""},]) </script> <div id="1048580" class="page-block" data-block-id="6" data-page-block-id="1048580" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-6 large-6 columns module-zone" data-position="1" data-block-position="16" data-module-id="1" data-block-module-id="1552769" > <div class="row"> <div class="small-12 columns"> <h4>DES DESTINATIONS</h4> <h2>QUI FONT SA RENOMMÉE</h2> <p>Commencez votre voyage par la richesse culturelle de l'<strong>Italie</strong>, poursuivez par les terres de légendes que sont l'<strong>Irlande</strong> et l'<strong>Écosse</strong> et passez ensuite par la terre de feu et de glace qu'est l'<strong>Islande</strong>. Son voisin, la <strong>Norvège</strong>, riche de paysages envoûtants, vous emmènera aux confins du monde, tout comme la <strong>Suède</strong>. Un petit arrêt en <strong>Laponie Suédoise</strong> pour profiter d'un séjour en immersion totale. Dernière étape de votre voyage, les splendeurs architecturales des <strong>Pays Baltes</strong>, de la <strong>Pologne</strong> ou de la <strong>République tchèque</strong>. Un petit détour par le <strong>Canada</strong> et son paradis blanc, et vous aurez fait le tour des voyages que vous propose Quartier Libre !</p> </div> </div> </div> <div class="small-12 medium-6 large-6 columns module-zone" data-position="2" data-block-position="17" data-module-id="1" data-block-module-id="1552770" > <div class="row"> <div class="small-12 columns"> <div class="description-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/Description/bridge.png');"> </div> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048580"] > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048580"] > .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .page-block[data-page-block-id="1048580"] > .row .row { height: 100%; } .page-block[data-page-block-id="1048580"] > .row .row > .columns { height: 100%; padding: 0;} @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048580"] > .row .row > .columns { padding-left: 0.5rem; padding-right: 0.5rem; } }.page-block[data-page-block-id="1048580"] .module-zone:first-child { padding-top: 2rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048580"] .module-zone:first-child { padding: 32px 116px 96px 60px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .page-block[data-page-block-id="1048580"] .module-zone:last-child { padding-left: 0; } .page-block[data-page-block-id="1048580"] .description-background { height: 11rem; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048580"] .description-background { height: 100%; background-position: right; background-size: 50%; } } .page-block[data-page-block-id="1048580"] h2 { margin-bottom: 2.5rem; color: var(--c-primary); font-weight: 700; font-size: 22px; text-transform: uppercase; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048580"] h2 { font-size: 24px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048580"] h2 { font-size: 30px; } } .page-block[data-page-block-id="1048580"] h4 { font-size: 18px; color: var(--c-grey-70); text-transform: uppercase; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048580"] h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048580"] h4 { font-size: 22px; } } .page-block[data-page-block-id="1048580"] p { font-size: 14px; color: var(--c-grey-70); text-align: justify; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048580"] p { padding-right: 3rem; } }@media screen and (max-width: 1024px) { .page-block[data-page-block-id="1048580"] .medium-6 { width: 100%; } } .page-block[data-page-block-id="1048580"] { background-color: #f0f0f0; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048580"]').data('block-configuration', [{name:"background", value:"color"},{name:"bg_color", value:"#f0f0f0"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:""},{name:"css_style", value:"$this > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { $this > .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } $this > .row .row { height: 100%; } $this > .row .row > .columns { height: 100%; padding: 0;} @media screen and (min-width: 1025px) { $this > .row .row > .columns { padding-left: 0.5rem; padding-right: 0.5rem; } }$this .module-zone:first-child { padding-top: 2rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 1025px) { $this .module-zone:first-child { padding: 32px 116px 96px 60px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } $this .module-zone:last-child { padding-left: 0; } $this .description-background { height: 11rem; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media screen and (min-width: 1025px) { $this .description-background { height: 100%; background-position: right; background-size: 50%; } } $this h2 { margin-bottom: 2.5rem; color: var(--c-primary); font-weight: 700; font-size: 22px; text-transform: uppercase; } @media screen and (min-width: 769px) { $this h2 { font-size: 24px; } } @media screen and (min-width: 1025px) { $this h2 { font-size: 30px; } } $this h4 { font-size: 18px; color: var(--c-grey-70); text-transform: uppercase; } @media screen and (min-width: 769px) { $this h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { $this h4 { font-size: 22px; } } $this p { font-size: 14px; color: var(--c-grey-70); text-align: justify; } @media screen and (min-width: 1025px) { $this p { padding-right: 3rem; } }@media screen and (max-width: 1024px) { $this .medium-6 { width: 100%; } }"},{name:"js_script", value:""},]) </script> <div id="1048581" class="page-block" data-block-id="6" data-page-block-id="1048581" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-6 large-6 columns module-zone" data-position="1" data-block-position="16" data-module-id="1" data-block-module-id="1552771" > <div class="row"> <div class="small-12 columns"> <div class="description-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/Description/train.png');"> </div> </div> </div> </div> <div class="small-12 medium-6 large-6 columns module-zone" data-position="2" data-block-position="17" data-module-id="1" data-block-module-id="1552772" > <div class="row"> <div class="small-12 columns"> <h4>AU DÉPART</h4> <h2>DE VOTRE RÉGION</h2> <p>Pour faciliter votre voyage et vous donner entière satisfaction, Quartier Libre propose des départs depuis de <strong>nombreuses villes</strong> en France et depuis les pays frontaliers.</p> <p>Ainsi, où que vous soyez, vous pourrez rejoindre facilement les aéroports de Bordeaux, Clermont-Ferrand, Dijon, Lyon, Marseille, Metz, Mulhouse, Nantes, Nice, Paris, Perpignan, Strasbourg et Toulouse. Nous proposons également des départs depuis Bruxelles, Genève et Luxembourg.</p> <p>Irlande, Écosse, Norvège & Scandinavie, Islande, Canada, Pays Baltes, Pologne, et Italie n’ont jamais été aussi proches de vous... Votre voyage commence maintenant !</p> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048581"] > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048581"] > .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .page-block[data-page-block-id="1048581"] > .row .row { height: 100%; } .page-block[data-page-block-id="1048581"] > .row .row > .columns { height: 100%; padding: 0;} @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048581"] > .row .row > .columns { padding-left: 0.5rem; padding-right: 0.5rem; } }.page-block[data-page-block-id="1048581"] .module-zone:last-child { padding-top: 2rem; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048581"] .module-zone:last-child { padding: 32px 60px 96px 118px; } } .page-block[data-page-block-id="1048581"] .module-zone:first-child { padding-right: 0; } .page-block[data-page-block-id="1048581"] .description-background { height: 11rem; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048581"] .description-background { height: 100%; background-position: left; background-size: 50%; } } .page-block[data-page-block-id="1048581"] h2 { text-align: right; margin-bottom: 2.5rem; color: var(--c-primary); font-weight: 700; font-size: 22px; text-transform: uppercase; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048581"] h2 { font-size: 24px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048581"] h2 { font-size: 30px; } } .page-block[data-page-block-id="1048581"] h4 { text-align: right; font-size: 18px; color: var(--c-grey-70); text-transform: uppercase; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048581"] h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048581"] h4 { font-size: 22px; } } .page-block[data-page-block-id="1048581"] p { font-size: 14px; color: var(--c-grey-70); text-align: justify; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048581"] p { padding-right: 3rem; } }@media screen and (max-width: 1024px) { .page-block[data-page-block-id="1048581"] .medium-6 { width: 100%; } } .page-block[data-page-block-id="1048581"] { background-color: #f0f0f0; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048581"]').data('block-configuration', [{name:"background", value:"color"},{name:"bg_color", value:"#f0f0f0"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:""},{name:"css_style", value:"$this > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { $this > .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } $this > .row .row { height: 100%; } $this > .row .row > .columns { height: 100%; padding: 0;} @media screen and (min-width: 1025px) { $this > .row .row > .columns { padding-left: 0.5rem; padding-right: 0.5rem; } }$this .module-zone:last-child { padding-top: 2rem; } @media screen and (min-width: 1025px) { $this .module-zone:last-child { padding: 32px 60px 96px 118px; } } $this .module-zone:first-child { padding-right: 0; } $this .description-background { height: 11rem; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media screen and (min-width: 1025px) { $this .description-background { height: 100%; background-position: left; background-size: 50%; } } $this h2 { text-align: right; margin-bottom: 2.5rem; color: var(--c-primary); font-weight: 700; font-size: 22px; text-transform: uppercase; } @media screen and (min-width: 769px) { $this h2 { font-size: 24px; } } @media screen and (min-width: 1025px) { $this h2 { font-size: 30px; } } $this h4 { text-align: right; font-size: 18px; color: var(--c-grey-70); text-transform: uppercase; } @media screen and (min-width: 769px) { $this h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { $this h4 { font-size: 22px; } } $this p { font-size: 14px; color: var(--c-grey-70); text-align: justify; } @media screen and (min-width: 1025px) { $this p { padding-right: 3rem; } }@media screen and (max-width: 1024px) { $this .medium-6 { width: 100%; } }"},{name:"js_script", value:""},]) </script> <div id="1048582" class="page-block" data-block-id="6" data-page-block-id="1048582" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-6 large-6 columns module-zone" data-position="1" data-block-position="16" data-module-id="1" data-block-module-id="1552773" > <div class="row"> <div class="small-12 columns"> <h4>DES DESTINATIONS</h4> <h2>QUI FONT SA RENOMMÉE</h2> <div class="frames-container"> <div class="frame-container"> <div class="frame"> <div class="frame-title">Humanité</div> <p class="frame-content">Les rapport humains restent placés au coeur de notre activité. Ces liens qui invitent à la découverte d'un pays pour ceux qui voyagent. Nous considérons l'éthique comme ligne directrice de notre métier.</p> </div> </div> <div class="frame-container"> <div class="frame"> <div class="frame-title">Fiabilité</div> <p class="frame-content">Les rapport humains restent placés au coeur de notre activité. Ces liens qui invitent à la découverte d'un pays pour ceux qui voyagent. Nous considérons l'éthique comme ligne directrice de notre métier.</p> </div> </div> <div class="frame-container"> <div class="frame"> <div class="frame-title">Expertise</div> <p class="frame-content">Les rapport humains restent placés au coeur de notre activité. Ces liens qui invitent à la découverte d'un pays pour ceux qui voyagent. Nous considérons l'éthique comme ligne directrice de notre métier.</p> </div> </div> <div class="frame-container"> <div class="frame"> <div class="frame-title">Partage</div> <p class="frame-content">Les rapport humains restent placés au coeur de notre activité. Ces liens qui invitent à la découverte d'un pays pour ceux qui voyagent. Nous considérons l'éthique comme ligne directrice de notre métier.</p> </div> </div> <div class="frame-container"> <div class="frame"> <div class="frame-title">Soif d'apprendre</div> <p class="frame-content">Nos voyages sont renommés par la richesse des activités, par les rencontres et par les découvertes de l'héritage culturel.</p> </div> </div> </div> </div> </div> </div> <div class="small-12 medium-6 large-6 columns module-zone" data-position="2" data-block-position="17" data-module-id="1" data-block-module-id="1552774" > <div class="row"> <div class="small-12 columns"> <div class="description-background" style="background-image: url('/assets/img/site/173/uploads/Homepage/Description/work.png');"> </div> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1048582"] > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048582"] > .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .page-block[data-page-block-id="1048582"] > .row .row { height: 100%; } .page-block[data-page-block-id="1048582"] > .row .row > .columns { height: 100%; padding: 0;} @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048582"] > .row .row > .columns { padding-left: 0.5rem; padding-right: 0.5rem; } }.page-block[data-page-block-id="1048582"] .module-zone:first-child { padding-top: 2rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048582"] .module-zone:first-child { padding: 32px 118px 96px 60px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .page-block[data-page-block-id="1048582"] .module-zone:last-child { padding-left: 0; } .page-block[data-page-block-id="1048582"] .description-background { height: 11rem; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048582"] .description-background { height: 100%; background-position: right; background-size: 50%; } } .page-block[data-page-block-id="1048582"] h2 { margin-bottom: 2.5rem; color: var(--c-primary); font-weight: 700; font-size: 22px; text-transform: uppercase; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048582"] h2 { font-size: 24px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048582"] h2 { font-size: 30px; } } .page-block[data-page-block-id="1048582"] h4 { font-size: 18px; color: var(--c-grey-70); text-transform: uppercase; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048582"] h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048582"] h4 { font-size: 22px; } } .page-block[data-page-block-id="1048582"] p { font-size: 14px; color: var(--c-grey-70); } .page-block[data-page-block-id="1048582"] .frames-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-block[data-page-block-id="1048582"] .frame { border: 2px solid var(--c-primary); padding: 0.5rem; position: relative; } .page-block[data-page-block-id="1048582"] .frame p { font-size: 11px; color: var(--c-grey-70); margin: 0; text-align: justify; } .page-block[data-page-block-id="1048582"] .frame-container { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 0 0.5rem 2.5rem; max-width: 100%; } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048582"] .frame-container { max-width: 75%; } } .page-block[data-page-block-id="1048582"] .frame-title { color: var(--c-primary); font-size: 16px; font-weight: 700; text-transform: uppercase; position: absolute; top: -22px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px; text-align: center; } @media screen and (min-width: 769px) { .page-block[data-page-block-id="1048582"] .frame-title { font-size: 18px; } } @media screen and (min-width: 1025px) { .page-block[data-page-block-id="1048582"] .frame-title { font-size: 20px; } } .page-block[data-page-block-id="1048582"] .frame-title::before { content: ""; background: var(--c-grey-5); width: calc(100% + 0.5rem); height: 100%; display: block; position: absolute; z-index: -1; left: -0.25rem; } @media screen and (max-width: 1024px) { .page-block[data-page-block-id="1048582"] .medium-6 { width: 100%; } } .page-block[data-page-block-id="1048582"] { background-color: #f0f0f0; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048582"]').data('block-configuration', [{name:"background", value:"color"},{name:"bg_color", value:"#f0f0f0"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:""},{name:"css_style", value:"$this > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { $this > .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } $this > .row .row { height: 100%; } $this > .row .row > .columns { height: 100%; padding: 0;} @media screen and (min-width: 1025px) { $this > .row .row > .columns { padding-left: 0.5rem; padding-right: 0.5rem; } }$this .module-zone:first-child { padding-top: 2rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 1025px) { $this .module-zone:first-child { padding: 32px 118px 96px 60px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } $this .module-zone:last-child { padding-left: 0; } $this .description-background { height: 11rem; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media screen and (min-width: 1025px) { $this .description-background { height: 100%; background-position: right; background-size: 50%; } } $this h2 { margin-bottom: 2.5rem; color: var(--c-primary); font-weight: 700; font-size: 22px; text-transform: uppercase; } @media screen and (min-width: 769px) { $this h2 { font-size: 24px; } } @media screen and (min-width: 1025px) { $this h2 { font-size: 30px; } } $this h4 { font-size: 18px; color: var(--c-grey-70); text-transform: uppercase; } @media screen and (min-width: 769px) { $this h4 { font-size: 20px; } } @media screen and (min-width: 1025px) { $this h4 { font-size: 22px; } } $this p { font-size: 14px; color: var(--c-grey-70); } $this .frames-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } $this .frame { border: 2px solid var(--c-primary); padding: 0.5rem; position: relative; } $this .frame p { font-size: 11px; color: var(--c-grey-70); margin: 0; text-align: justify; } $this .frame-container { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 0 0.5rem 2.5rem; max-width: 100%; } @media screen and (min-width: 1025px) { $this .frame-container { max-width: 75%; } } $this .frame-title { color: var(--c-primary); font-size: 16px; font-weight: 700; text-transform: uppercase; position: absolute; top: -22px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px; text-align: center; } @media screen and (min-width: 769px) { $this .frame-title { font-size: 18px; } } @media screen and (min-width: 1025px) { $this .frame-title { font-size: 20px; } } $this .frame-title::before { content: \"\"; background: var(--c-grey-5); width: calc(100% + 0.5rem); height: 100%; display: block; position: absolute; z-index: -1; left: -0.25rem; } @media screen and (max-width: 1024px) { $this .medium-6 { width: 100%; } }"},{name:"js_script", value:""},]) </script> <div id="1048585" class="page-block" data-block-id="2" data-page-block-id="1048585" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552777" > <div class="row"> <div class="small-12 columns"> <div class="title-container isCenter"> <h4>Nos clients en parlent</h4> <h2>Témoignages et avis</h2> </div> </div> </div> </div> </div> </div> <div id="1048584" class="page-block" data-block-id="2" data-page-block-id="1048584" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1552776" > <div class="row"> <div class="small-12 columns"> <p><iframe frameborder="0" height="221" marginheight="0" marginwidth="0" scrolling="no" src="https://www.societe-des-avis-garantis.fr/wp-content/plugins/ag-core/widgets/iframe/2/h/?id=7258" width="100%"></iframe></p> </div> </div> </div> </div> </div> <div id="1048583" class="page-block" data-block-id="2" data-page-block-id="1048583" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="5" data-block-module-id="1552775" > <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/module/content/newsletter/default.css?1713185872" /> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/module/content/newsletter/default.js?1713185872"></script> <div class="newsletter-module"> <h2 class="line text-left"> <span> <span class="icon-newsletter bold"></span> INSCRIVEZ-VOUS À NOTRE NEWSLETTER </span> </h2> <p>Restez informer de toutes nos offres.</p> <div class="row collapse"> <form action="https://www.quartier-libre.fr/" id="register-newsletter-1552775" name="register-newsletter" method="POST" onsubmit="return sendFormNewsletter('register-newsletter-1552775');" accept-charset="utf-8"> <div class="small-12 medium-9 columns no-padding"> <input type="email" name="email" required="required" value="" id="email" /> </div> <div class="small-12 medium-3 columns no-padding no-margin"> <input name="submit" class="button expand" value="ok" type="submit" id="submit" /> </div> <input id="page_block_module_id_1552775" name="page_block_module_id" value="1552775" type="hidden" /> </form> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] { padding-top: 1.5rem; padding-bottom: 1.5rem; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] h2.line { font-size: 30px; color: var(--c-primary); } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] h2.line::before { display: none; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] h2.line > span { background: transparent; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] h2.line > span .icon-newsletter { display: none; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .module-zone { max-width: 800px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.85); padding: 1rem 2rem 1.5rem; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module p { font-size: 15px; color: var(--c-grey-70); font-style: italic; font-family: raleway, roboto, Arial, sans-serif; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 641px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module form > div:first-child { width: 100%; margin-bottom: 1rem; } @media screen and (min-width: 641px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module form > div:first-child { width: calc(100% - 224px); margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module form > div:nth-child(2) { width: 100%; } @media screen and (min-width: 641px) { .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module form > div:nth-child(2) { width: 224px; } } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module input { margin: 0; height: 2.75rem; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module input[type=email] { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; border-bottom: 1px solid var(--c-grey-70); margin: 0; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module input[type=email]:hover, .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module input[type=email]:active, .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module input[type=email]:focus { border-bottom-width: 2px; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module input[type=submit] { font-size: 14px; } .kit-body-wrap .page-layout-wrap .page-block[data-page-block-id="1048583"] .newsletter-module input[type=submit]:hover { border: 1px solid var(--c-primary); color: var(--c-primary); background-color: #fff; } .page-block[data-page-block-id="1048583"] { background-image: url(/assets/img/site/173/uploads/Homepage/NewsletterBackground.png); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1048583"]').data('block-configuration', [{name:"background", value:"picture"},{name:"bg_color", value:""},{name:"bg_fixed", value:"1"},{name:"bg_fullwidth", value:"1"},{name:"bg_picture", value:"/assets/img/site/173/uploads/Homepage/NewsletterBackground.png"},{name:"css_style", value:".kit-body-wrap .page-layout-wrap $this { padding-top: 1.5rem; padding-bottom: 1.5rem; } .kit-body-wrap .page-layout-wrap $this h2.line { font-size: 30px; color: var(--c-primary); } .kit-body-wrap .page-layout-wrap $this h2.line::before { display: none; } .kit-body-wrap .page-layout-wrap $this h2.line > span { background: transparent; } .kit-body-wrap .page-layout-wrap $this h2.line > span .icon-newsletter { display: none; } .kit-body-wrap .page-layout-wrap $this .module-zone { max-width: 800px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.85); padding: 1rem 2rem 1.5rem; } .kit-body-wrap .page-layout-wrap $this .newsletter-module p { font-size: 15px; color: var(--c-grey-70); font-style: italic; font-family: raleway, roboto, Arial, sans-serif; } .kit-body-wrap .page-layout-wrap $this .newsletter-module form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 641px) { .kit-body-wrap .page-layout-wrap $this .newsletter-module form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .kit-body-wrap .page-layout-wrap $this .newsletter-module form > div:first-child { width: 100%; margin-bottom: 1rem; } @media screen and (min-width: 641px) { .kit-body-wrap .page-layout-wrap $this .newsletter-module form > div:first-child { width: calc(100% - 224px); margin-bottom: 0; } } .kit-body-wrap .page-layout-wrap $this .newsletter-module form > div:nth-child(2) { width: 100%; } @media screen and (min-width: 641px) { .kit-body-wrap .page-layout-wrap $this .newsletter-module form > div:nth-child(2) { width: 224px; } } .kit-body-wrap .page-layout-wrap $this .newsletter-module input { margin: 0; height: 2.75rem; } .kit-body-wrap .page-layout-wrap $this .newsletter-module input[type=email] { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; border-bottom: 1px solid var(--c-grey-70); margin: 0; } .kit-body-wrap .page-layout-wrap $this .newsletter-module input[type=email]:hover, .kit-body-wrap .page-layout-wrap $this .newsletter-module input[type=email]:active, .kit-body-wrap .page-layout-wrap $this .newsletter-module input[type=email]:focus { border-bottom-width: 2px; } .kit-body-wrap .page-layout-wrap $this .newsletter-module input[type=submit] { font-size: 14px; } .kit-body-wrap .page-layout-wrap $this .newsletter-module input[type=submit]:hover { border: 1px solid var(--c-primary); color: var(--c-primary); background-color: #fff; }"},{name:"js_script", value:""},]) </script> <div class="page-footer"> <div id="1075913" class="page-block" data-block-id="2" data-page-block-id="1075913" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1589892" > <div class="row"> <div class="small-12 columns"> <div class="row"> <div class="columns medium-3"> <h5>Quartier Libre</h5> <p>Bâtiment Gate 73<br /> 73 ter rue Francis de Pressensé<br /> 69100 VILLEURBANNE</p> <p>Tel : +33 (0)9.72.38.52.44</p> <a href="https://www.quartier-libre.fr/qui-sommes-nous">A propos de Quartier Libre</a> <a href="https://www.quartier-libre.fr/mieux-nous-connaitre">L'équipe Quartier Libre</a></div> <div class="columns medium-3"> <h5>Utiles</h5> <span style="font-size:12px;"><a href="https://www.quartier-libre.fr/contact">Nous contacter</a> <a href="https://www.quartier-libre.fr/newsletter">Newsletter</a> <a href="https://careers.werecruit.io/fr/quartier-libre">Recrutement</a><a href="https://www.quartier-libre.fr/mentions-legales">Mentions légales</a><a href="http://quartier-libre.fr/politique-confidentialite">Politique de confidentialité</a><a href="/assets/doc/site/173/uploads/CPV_QL.pdf" target="_blank">Conditions de vente</a><a href="/assets/doc/site/173/uploads/BIEN_VOYAGER_2023_v2.pdf">Bien voyager</a></span></div> <div class="columns medium-3"> <div> <h5>Connexion</h5> <a class="icon" href="https://www.quartier-libre.pro"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/user.svg" /> Espace PRO </a><a class="icon" href="https://www.quartier-libre.fr/identification"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/users-group.svg" /> Formule AVANTAGES </a><a class="icon" href="https://www.quartier-libre.fr/voyage-de-groupe"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/users-group.svg" /> Voyages de GROUPES </a></div> <div class="social"> <h5>Suivez nous</h5> <a class="icon" href="https://www.facebook.com/Quartier-Libre-voyages-182635002789/" target="_blank"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/facebook-brands.svg" /></a> <a class="icon" href="https://www.instagram.com/quartierlibrevoyages/" target="_blank"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/instagram-brands.svg" /></a> <a class="icon" href="https://www.youtube.com/channel/UC7VwHMS_EWBNCacH4yR1ULQ" target="_blank"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/youtube-brands.svg" /></a> <a class="icon" href="https://blog-voyages.quartier-libre.fr/" target="_blank"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/wordpress-brands.svg" /></a></div> </div> <div class="columns medium-3"> <h5>Nos brochures</h5> <img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/Visuel-demande-brochures-resize.png" /> <a class="icon" href="https://www.brochuresenligne.com/docs/brochures/quartier-libre.html" target="_blank"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/book-open.svg" />Consulter le catalogue Printemps-été 2024</a><a class="icon" href="/demande-catalogue-indiv" target="_blank"><img src="https://www.quartier-libre.fr/assets/img/site/173/uploads/book-open.svg" />Commander le catalogue Printemps-été 2024</a> <a class="icon" href="https://www.quartier-libre.fr/assets/doc/site/173/uploads/QUARTIER LIBRE_PLAQUETTE-2023_compressed.pdf" target="_blank">Plaquette Voyages de Groupe</a></div> </div> </div> </div> </div> </div> </div><style type="text/css"> .kit-body-wrap .page-footer{background: #333333} .page-block[data-page-block-id="1075913"] h5{ color: #ffffff; font-size: 16px; font-weight: bold; margin-bottom: 30px} .page-block[data-page-block-id="1075913"] a{ display: block; font-size: 16px; margin: 9px 0;} .page-block[data-page-block-id="1075913"] a.icon img{ height: 16px; margin-right: 5px} .page-block[data-page-block-id="1075913"] .social{ margin-top: 50px; } .page-block[data-page-block-id="1075913"] .social a{ margin-right: 20px; display: inline;} .page-block[data-page-block-id="1075913"] .social a img{height: 20px;} @media screen and (max-width: 39.9375em) { .kit-body-wrap .page-footer{padding-top: 0 } .page-block[data-page-block-id="1075913"]{ text-align: center } .page-block[data-page-block-id="1075913"] h5{ margin-top: 30px; margin-bottom: 20px} } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1075913"]').data('block-configuration', [{name:"css_style", value:".kit-body-wrap .page-footer{background: #333333} $this h5{ color: #ffffff; font-size: 16px; font-weight: bold; margin-bottom: 30px} $this a{ display: block; font-size: 16px; margin: 9px 0;} $this a.icon img{ height: 16px; margin-right: 5px} $this .social{ margin-top: 50px; } $this .social a{ margin-right: 20px; display: inline;} $this .social a img{height: 20px;} @media screen and (max-width: 39.9375em) { .kit-body-wrap .page-footer{padding-top: 0 } $this{ text-align: center } $this h5{ margin-top: 30px; margin-bottom: 20px} }"},]) </script> <div id="1075916" class="page-block" data-block-id="2" data-page-block-id="1075916" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1589896" > <div class="row"> <div class="small-12 columns"> <div class="columns medium-3"> <p><a href="https://www.quartier-libre.fr/top10-europe-du-nord" title="Top 10 Europe du Nord">Nos Top 10 Europe du Nord</a> :</p> <p>Nos voyageurs :</p> </div> <div class="columns medium-3"> <p><a href="https://www.quartier-libre.fr/top10-architecture" title="Top 10 architecture">Top 10 Architecture</a></p> <p><a href="https://www.quartier-libre.fr/voyage-seniors" title="Voyage Seniors">Nos voyageurs Seniors</a></p> </div> <div class="columns medium-3"> <p><a href="https://www.quartier-libre.fr/top10-activites-hiver" title="Top 10 activités hivernales">Top 10 Activités hivernales</a></p> <p><a href="https://www.quartier-libre.fr/voyage-famille" title="Voyage famille">Nos voyages en famille</a></p> </div> <div class="columns medium-3"> <p><a href="https://www.quartier-libre.fr/top10-routes" title="Top 10 routes">Top 10 Routes</a></p> <p><a href="https://www.quartier-libre.fr/voyage-jeunes" title="Voyage jeunes">Nos jeunes voyageurs</a></p> </div> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1075916"] p{text-align:left;;width:100%;} .page-block[data-page-block-id="1075916"] > .row{ border-top: 1px solid #fff; padding-top: 30px; } </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1075916"]').data('block-configuration', [{name:"css_style", value:"$this p{text-align:left;;width:100%;} $this > .row{ border-top: 1px solid #fff; padding-top: 30px; }"},]) </script> <div id="1075914" class="page-block" data-block-id="6" data-page-block-id="1075914" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-6 large-6 columns module-zone" data-position="1" data-block-position="16" data-module-id="20" data-block-module-id="1589893" > <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/module/content/picture/style.css?1713185872" /> <div id="2piXC5hcSvi7GzxXnnvd" class="row picture-container front-picture-module"> <div class="small-12 columns"> <img src="https://quartier-libre.agence.voyage/assets/img/site/173/uploads/partenaire.png" class="filter-normal" width="504" height="61" style="width:504px;height:61px;" > </div> </div> <script type="text/javascript"> var picture_module_container_id = "2piXC5hcSvi7GzxXnnvd"; </script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/module/content/picture/default.js?1713185872"></script> </div> <div class="small-12 medium-6 large-6 columns module-zone" data-position="2" data-block-position="17" data-module-id="20" data-block-module-id="1589894" > <link type="text/css" rel="stylesheet" href="https://www.quartier-libre.fr/assets/css/module/content/picture/style.css?1713185872" /> <div id="d7rNxTevrgqp8HPKoQUH" class="row picture-container front-picture-module"> <div class="small-12 columns"> <img src="https://quartier-libre.agence.voyage/assets/img/site/173/uploads/paiementsecuriseB.png" class="filter-normal" width="248" height="69" style="width:248px;height:69px;" > </div> </div> <script type="text/javascript"> var picture_module_container_id = "d7rNxTevrgqp8HPKoQUH"; </script> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/module/content/picture/default.js?1713185872"></script> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1075914"] > .row{ border-top: 1px solid #fff; padding-top: 30px; } .page-block[data-page-block-id="1075914"] .module-zone:nth-child(2) .columns{ text-align: right} @media screen and (max-width: 39.9375em) {.page-block[data-page-block-id="1075914"]{ text-align: center } .page-block[data-page-block-id="1075914"] .module-zone:nth-child(2) .columns{ text-align: center }} </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1075914"]').data('block-configuration', [{name:"css_style", value:"$this > .row{ border-top: 1px solid #fff; padding-top: 30px; } $this .module-zone:nth-child(2) .columns{ text-align: right} @media screen and (max-width: 39.9375em) {$this{ text-align: center } $this .module-zone:nth-child(2) .columns{ text-align: center }}"},]) </script> <div id="1075915" class="page-block" data-block-id="2" data-page-block-id="1075915" > <div class="page-block-actions hide"> <ul> <li class="page-block-sorting"> <span> <span class="icon-draggable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Déplacer la zone"></span> </span> </li> <li class="page-block-configuration"> <span> <span class="icon-gear clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Configurer la zone"></span> </span> </li> <li class="page-block-delete"> <span> <span class="icon-trash clickable vcenter size-16 has-tip" data-tooltip aria-haspopup="true" title="Supprimer la zone"></span> </span> </li> </ul> </div> <div class="row"> <div class="small-12 medium-12 large-12 columns module-zone" data-position="1" data-block-position="4" data-module-id="1" data-block-module-id="1589895" > <div class="row"> <div class="small-12 columns"> <p style="text-align: center;">QUARTIER LIBRE - SAS au capital de 100 000 € - RCS Lyon B 384 149 993 - Licence d'agence de voyages IM 069.15.0007<br /> Adhérent Syndicat des Entreprises du Tour Operating - Garantie APST - Numéro de déclaration CNIL 1301169</p> </div> </div> </div> </div> </div><style type="text/css"> .page-block[data-page-block-id="1075915"]{ font-size: 14px; margin-bottom: 0; } .page-block[data-page-block-id="1075915"] a{ display: block; font-size: 14px; } @media screen and (max-width: 39.9375em) {.page-block[data-page-block-id="1075915"] .module-zone p{ text-align: center !important}} </style> <script type="text/javascript"> $('.page-block[data-page-block-id="1075915"]').data('block-configuration', [{name:"css_style", value:"$this{ font-size: 14px; margin-bottom: 0; } $this a{ display: block; font-size: 14px; } @media screen and (max-width: 39.9375em) {$this .module-zone p{ text-align: center !important}}"},]) </script> </div> <script type="text/javascript" src="https://www.quartier-libre.fr/assets/js/vendor/touch-punch.js?1713185872"></script> <script> $(document).foundation({ topbar: { back_text: 'Retour' }, equalizer : { // Specify if Equalizer should make elements equal height once they become stacked. equalize_on_stack: true } }); </script> </div> </body> </html>