/* * (C)opyright Solocal Group 2015-2016 * * This is Solocal Group proprietary source code. * Any reproduction modification or use without prior written * approval from Solocal Group is strictly forbidden. * */ @import '/service/2.61.0/template_statics/fr/_/css/base.css'; /* From self */ @import '/service/2.61.0/template_statics/fr/_/css/base_popin.css'; /* From BaseCommon */ @import '/service/2.61.0/template_statics/fr/_/css/base_cart.css'; /* From BaseCommon */ @import '/service/2.61.0/template_statics/fr/_/css/base_footer.css'; /* From BaseCommon */ @import '/service/2.61.0/template_statics/fr/_/css/base_html_lists.css'; /* From BaseCommon */ @import '/service/2.61.0/template_statics/fr/_/css/base_map.css'; /* From BaseCommon */ @import '/service/2.61.0/template_statics/fr/_/css/cart.css'; /* From self */ @import '/service/2.61.0/template_statics/fr/_/css/animate.css'; /* From self */ @import '/service/2.61.0/template_statics/fr/_/css/font-awesome.min.css'; /* From self */ /*********************************/ /*cookies banner*/ /*********************************/ .component.cookies_policy.banner_view { top: auto; bottom: 0; z-index: 10000; } /***/ /*********************************/ /*common*/ /*********************************/ @font-face { font-family: 'icomoon-ecommerce'; src:url('/service/2.61.0/template_statics/fr/_/fonts/icomoon-ecommerce.eot?jccwo0'); src:url('/service/2.61.0/template_statics/fr/_/fonts/icomoon-ecommerce.eot#iefixjccwo0') format('embedded-opentype'), url('/service/2.61.0/template_statics/fr/_/fonts/icomoon-ecommerce.woff?jccwo0') format('woff'), url('/service/2.61.0/template_statics/fr/_/fonts/icomoon-ecommerce.ttf?jccwo0') format('truetype'), url('/service/2.61.0/template_statics/fr/_/fonts/icomoon-ecommerce.svg?jccwo0#icomoon-ecommerce') format('svg'); font-weight: normal; font-style: normal; } .title, .subtitle, .title_contact_header, h1, h2, h3, .component.slider .content .site-title, .container_menu .component .site_title.default_view p, .container_menu .component .site_title.default_view .title { font-family: Playball, cursive, serif, 'Lato', sans-serif; } body, .menu a, .sub-menu a, .component.booking .booking-button,.contact_form.default_view .actions .button{ font-family: 'Droid Serif', sans-serif, sans-serif, 'Lato', sans-serif; } /* Wow, should we do that ? */ [class^="icon-"], [class*=" icon-"] { /*font-family: 'icomoon-ecommerce';*/ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*********************************/ /*common*/ /*********************************/ html{height:100%} body{min-height:100%;position:relative;/*line-height:/*1.3126px*/;background-color: transparent ;color:#464645;background-size:cover !important;} body.overlay{overflow: hidden} .no_background .bkg { padding: 0; } .main-content .component.point_of_sale.default_view { background: white; } .page-size {/*max-width: 960px;*/ margin: 0 auto;padding:20px 10px 20px;position: relative} .catalog-home-page-content.page-size, .catalog-page-content.page-size, .presentation-page-content.page-size, .activity-page-content.page-size, .photos-page-content.page-size, .video-page-content.page-size, .contact-page-content, .cart-page-content.page-size, .legal-notice-page-content.page-size{padding:50px 10% 20px;} .catalog-home-page-content.page-size .item-container, .catalog-page-content.page-size .item-container, .presentation-page-content.page-size .item-container, .activity-page-content.page-size .item-container, .photos-page-content.page-size .item-container, .video-page-content.page-size .item-container, .cart-page-content.page-size .item-container {padding: 0px;} .catalog-product-page .catalog-page-content.page-size .item-container{padding:0;} .catalog-product-page .catalog-page-content.page-size > .item-container{padding:20px;} .component.vertical_layout.page-size > .item-container > .item {margin-top: 10px;} .component.vertical_layout.page-size > .item-container > .item-first {margin-top: 0;} /******No display h1 title in activity page*************/ .activity-page .activity .title {display:none;} @media screen and (min-width: 769px) { /* TODO: split the badge component into sub-views and use the column-width class */ .component.content_badges .title, .component.content_badges .content-badges-text, .component.point_of_sale_selector, /* due to the point_of_sale_selector component not taking class */ .column-width {padding-left: 0%; padding-right: 0%;padding-bottom: 30px; padding-top: 0px;} } #page{position: relative; } /* clear floats in richtext */ .richtext .clear { clear: both; } .richtext table, .richtext table td, .richtext table th { border-color: #ccc; } /*********************************/ /*header*/ /********************************/ #page > header .header-content {width: 100%;display: table; height: 120px;margin: 0 auto;text-align: center;position: fixed;background:rgba(255,255,255,0.9);box-shadow: 2px 2px 10px #000000} /*********************************/ /*Link*/ /*********************************/ /* link with chevron on the right */ .component.presentation.short_view.using-link-with-chevron-on-right .more-info, .component.news.short_view.using-link-with-chevron-on-right .link, .component.mba.default_view.using-link-with-chevron-on-right .more-info, .component.activity.short_view.using-link-with-chevron-on-right .more-info, .component.content_badges.default_view.using-link-with-chevron-on-right .content-badge-wrapper-link .content-badge-label, .component.point_of_sale.more_info_link_view.using-link-with-chevron-on-right .more-info, .component.point_of_sale.point-of-sale-block .using-link-with-chevron-on-right .link, .component.contact.list_view.using-link-with-chevron-on-right .link, .footer-layout .component.point_of_sale .using-link-with-chevron-on-right .link, .footer-layout .component.brochures.using-link-with-chevron-on-right .link, .footer-layout .component.links.using-link-with-chevron-on-right .link, .footer-layout .component.point_of_sale .using-link-with-chevron-on-right .link, .footer-layout .component.point_of_sale .using-link-with-chevron-on-right .more-info{ /* color: #9BCC35; text-decoration: none;*/ } .footer-layout .component.point_of_sale .using-link-with-chevron-on-right .more-info { float: none; } .component.contact_page.contact_link_view.using-link-with-chevron-on-right .contact-link:after, .component.practical_info.default_view.using-link-with-chevron-on-right .more-info:after, .component.presentation.short_view.using-link-with-chevron-on-right .more-info:after, .component.news.short_view.using-link-with-chevron-on-right .link:after, .component.mba.default_view.using-link-with-chevron-on-right .more-info:after, .component.activity.short_view.using-link-with-chevron-on-right .more-info:after, .component.content_badges.default_view.using-link-with-chevron-on-right .content-badge-wrapper-link .content-badge-label:after, .component.point_of_sale.more_info_link_view.using-link-with-chevron-on-right .more-info:after, .component.point_of_sale.point-of-sale-block .using-link-with-chevron-on-right .link:after, .component.contact.list_view.using-link-with-chevron-on-right .link:after, .footer-layout .component.brochures.using-link-with-chevron-on-right .link:after, /*.footer-layout .component.links.using-link-with-chevron-on-right .link:after,*/ /*.footer-layout .component.point_of_sale .using-link-with-chevron-on-right .link:after,*/ .footer-layout .component.point_of_sale .using-link-with-chevron-on-right .more-info:after{ content:""; display: inline-block; background: url(/service/2.61.0/template_statics/fr/_/img/link_generated_secondary.png); width: 6px; height: 10px; margin-left: 8px } .component.news.using-link-with-chevron-on-right .link:hover, .component.content_badges.default_view.using-link-with-chevron-on-right .content-badge-wrapper-link .content-badge-label:hover, .component.point_of_sale.point-of-sale-block .using-link-with-chevron-on-right .link:hover, .component.contact.list_view.using-link-with-chevron-on-right .link:hover, .footer-layout .component.brochures.using-link-with-chevron-on-right .link:hover, .footer-layout .component.links.using-link-with-chevron-on-right .link:hover, .footer-layout .component.point_of_sale .using-link-with-chevron-on-right .link:hover{ text-decoration: underline } .component.presentation.short_view.using-link-with-chevron-on-right .more-info:hover, .component.mba.default_view.using-link-with-chevron-on-right .more-info:hover, .component.activity.short_view.using-link-with-chevron-on-right .more-info:hover, .component.point_of_sale.more_info_link_view.using-link-with-chevron-on-right .more-info:hover, .footer-layout .component.point_of_sale .using-link-with-chevron-on-right .more-info:hover{ text-decoration: none; font-family: 'Oswald'; } /* pdf link*/ .component.catalog_terms_of_sale .brochure.link, .component.catalog_product.brochure_view .link{ color: #9BCC35; text-decoration: none; display: inline-block; background: url("/service/2.61.0/template_statics/fr/_/img/pdf.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); line-height: 16px; margin-bottom: 5px; min-height: 16px; padding-left: 20px; } .component.catalog_terms_of_sale .brochure.link:after, .component.catalog_product.brochure_view .link:after{ content: ""; display: inline-block; background: url("/service/2.61.0/template_statics/fr/_/img/link_generated_secondary.png"); width: 6px; height: 10px; margin-left: 8px; } .component.catalog_terms_of_sale .brochure.link:hover, .component.catalog_product.brochure_view .link:hover{ text-decoration: underline } /* simple link (without chevron) */ .bottom-footer .last_updated.using-simple-link .localch-logo, .bottom-footer .last_updated.using-simple-link .link, .bottom-footer .legal_notice.using-simple-link .legal-notice-link, .bottom-footer .privacy_policy.using-simple-link .privacy-policy-link, .component.presentation.default_view.using-simple-link a, .component.activity.default_view.using-simple-link a, .component.spoken_languages.default_view.using-simple-link a, .component.means_of_payment.default_view.using-simple-link a, .component.news.short_view.using-link-with-chevron-on-right .richtext a, .component.privacy_policy.notice_link_view a, .component.privacy_policy.default_view a, .component.cookies_policy.default_view a{ color: #000; text-decoration: none; } .component.privacy_policy.notice_view a{ color:#000000; } .bottom-footer .last_updated.using-simple-link .localch-logo:hover, .bottom-footer .last_updated.using-simple-link .link:hover, .bottom-footer .legal_notice.using-simple-link .legal-notice-link:hover, .bottom-footer .privacy_policy.using-simple-link .privacy-policy-link:hover, .component.presentation.default_view.using-simple-link a:hover, .component.activity.default_view.using-simple-link a:hover, .component.spoken_languages.default_view.using-simple-link a:hover, .component.means_of_payment.default_view.using-simple-link a:hover, .component.news.short_view.using-link-with-chevron-on-right .richtext a:hover, .component.privacy_policy.notice_link_view a:hover, .component.privacy_policy.notice_view a:hover, .component.privacy_policy.default_view a:hover, .component.cookies_policy.default_view a:hover{ text-decoration: underline } /* link with specific chevrons for catalog */ .component.catalog_product.separated_pagination_view .nav-previous, .component.catalog_product.separated_pagination_view .nav-next{ color: #9BCC35; text-decoration: none } .component.catalog_product.separated_pagination_view .nav-previous:before{ content:""; background: url(/service/2.61.0/template_statics/fr/_/img/mini-left_generated_secondary.png) no-repeat; padding-left: 8px; display: inline-block; width: 9px; height: 17px; vertical-align: middle } .component.catalog_product.separated_pagination_view .nav-next:after{ content:""; background: url(/service/2.61.0/template_statics/fr/_/img/mini-right_generated_secondary.png) no-repeat scroll 8px center; padding-right: 8px; display: inline-block; width: 9px; height: 17px; vertical-align: middle } .component.catalog_product.separated_pagination_view .nav-previous:hover, .component.catalog_product.separated_pagination_view .nav-next:hover{ text-decoration: underline; } .component.catalog.back_view .nav-previous, .component.catalog_product.back_view .nav-previous{ color:#000000; text-decoration: none; } .component.catalog.back_view .nav-previous:hover, .component.catalog_product.back_view .nav-previous:hover{ text-decoration: underline } .component.catalog.back_view .nav-previous:before, .component.catalog_product.back_view .nav-previous:before { content:""; margin-right:9px; background: url(/service/2.61.0/template_statics/fr/_/img/mini-left_generated_primary.png); display: inline-block; width: 9px; height: 17px; vertical-align: middle } /* Back link for cart */ .component.cart .prev-step { color: #9BCC35; text-decoration:none; } .component.cart .prev-step:before { content:""; background: url(/service/2.61.0/template_statics/fr/_/img/mini-left_generated_secondary.png); display: inline-block; width: 9px; height: 17px; vertical-align: middle; margin-right: 10px; } .component.cart .prev-step:hover { text-decoration: underline; } /******************************************************/ /*Button*/ /* general rules - see specific rules (padding, width) in each section */ /******************************************************/ .component.booking .booking-button, .component.contact_page.contact_link_view .contact-link, .home-page .component.catalog.short_view .link-button, .component.contact .send_button, .component.catalog_product.ecommerce_view .add-to-basket, .component.cart .next-step, .component.cart .cart-item .shopping-info .actions .delete, .component.cart .order-recap .promo-code-input .redeem, .component.social_sharing.share_by_email_form_view .button, .component.map.share_form_view .button { cursor: pointer; text-align: center; position: relative; } /*override the default component styles*/ .resa-contact .component.contact_page.contact_link_view .contact-link:hover, .resa-contact .component.booking .booking-button:hover { background-color: #9BCC35; color:#000000 !important; border: 3px solid #000000; } .home-page .component.catalog.short_view .link-button:hover:after, .component.contact .send_button:hover:after, .component.catalog_product.ecommerce_view .add-to-basket:hover:after, .component.cart .next-step:hover:after, .component.cart .cart-item .shopping-info .actions .delete:hover:after, .component.cart .order-recap .promo-code-input .redeem:hover:before, .component.social_sharing.share_by_email_form_view .button:hover:before, .component.map.share_form_view .button:hover:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* Same selection without delete's cart buttons which follow baseCart.css color rules */ .resa-contact .component.booking .booking-button, .resa-contact .component.contact_page.contact_link_view .contact-link, .home-page .component.catalog.short_view .link-button, .component.contact .send_button, .component.catalog_product.ecommerce_view .add-to-basket, .component.cart .next-step, .component.cart .order-recap .promo-code-input .redeem, .component.social_sharing.share_by_email_form_view .button:hover, .component.map.share_form_view .button:hover { background-color: #000000; color: #FFFFFF; /*font-family: 'Oswald';*/ font-weight:100; } /* cart buttons : general rules in baseCart.css - specific rules here TODO : should be refactored on baseCart.css ? */ .component.cart .cart-item .shopping-info .actions .delete, .component.cart .order-recap .promo-code-input .redeem { padding: 5px 9px; width: auto; min-width:80px; } /*********************************/ /*List*/ /*********************************/ .richtext ul, .referential-module-items, .means-of-payment-items {padding-left: 0; list-style: none outside;} .richtext li, .referential-module-items > .item:not(.no-bullet), .means-of-payment-items > .item, .spoken-languages-items > .item { display: list-item;}/* due to SPT-20160316*/ /*********************************/ /*spoken languages*/ /*********************************/ .spoken_languages .spoken-languages-item:before{display: none} .spomean >.item-container{ display:table; margin: 0 auto; } .spomean >.item-container >.item{ display:table-cell; width:auto !important; padding:0 30px; } /*********************************/ /*error field*/ /*********************************/ .nagare-error-message {display: none;} form .field.error label {color: red} .nagare-error-field .nagare-error-input input, .nagare-error-field .nagare-error-input select, .nagare-error-field .nagare-error-input textarea, .contact_form.default_view .nagare-error-input input[type="text"],/* needs to be specified*/ .contact_form.default_view .nagare-error-input textarea,/* needs to be specified*/ .field.error .custom-select, .custom-select.error {border-color: red} /*********************************/ /*Title*/ /*********************************/ .component .site_title.default_view .title,.component .site_title { font-weight: bold; line-height: 1.2em; font-size: 8rem; text-shadow: 0px -1px 0px rgba(0,0,0,1),1px 0px 0px rgba(0,0,0,1),0px 1px 0px rgba(0,0,0,1),-1px 0px 0px rgba(0,0,0,1), 3px 3px 0 rgba(150,150,150,1); color:white; } h3, .h3-like , h2 , .h2-like{ font-size: 4rem; font-weight:100; } h1, .h1-like { font-size: 5rem; font-weight:100; } .share-by-email-form h3{font-size:2.5rem} .title, .subtitle, h1, h2, h3, .contact-element .label{color:#000000;} .with-h1-like .title, .richtext h1{text-align: center;font-weight: bold;margin-bottom:25px} .with-h2-like .title, .subtitle, .richtext h2{font-weight: bold;text-align: center;margin-bottom:20px} .with-h2-like .title { margin-top: 40px; } .with-h3-like .title, .subsubtitle, .richtext h3{font-weight: bold;text-align: left;margin:25px 0 25px 0} .with-h4-like .title, .richtext h4{font-weight: bold;padding-top: 0} .contact-element .label{font-size:22px;margin-bottom:15px;font-weight:100} .site_title.with_link_view .title { float: none; margin-left: 10%; width: auto; text-align: left; position: absolute; background: rgba(0,0,0,0.7); z-index:1; max-width: 370px; top:150px; padding: 20px; display: table; box-shadow: 2px 10px 20px black; } .component.site_title.default_view { position: absolute; z-index: 1; top: 200px; width: 100%; text-align: center; } /*********************************/ /*header*/ /*********************************/ .component.background.header_view {background: #FFF; color: #000000} .component.background.header_view.secondary {color: #000000} header{ background:white ; } .component.logo { height: 100px; line-height: 80px; position: relative; float:left ; width: 25%; text-align:center; } .logo_image { max-height: 80px; } .header-buttons { position: relative; width: 100%; float: none; display: table; } /*********burger***********/ #menu-toggle { /*background: #000000;*/ /*border: 2px solid #fff;*/ border-radius: 50%; cursor: pointer; display: inline-block; height: 60px; padding-left: 16px; padding-top: 0px; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; width: 60px; z-index: 9999; display:none; } #menu-toggle .bun-top { height: 6px; margin-top: 0; width: 42px; } #menu-toggle .bun-mid { height: 6px; margin-top: 8px; width: 42px; } #menu-toggle .bun-bottom { height: 6px; margin-top: 8px; width: 42px; } #menu-toggle .bun { background: #000000; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; border: 1px solid white; } #menu-toggle.open .bun-top { background: #fff; top: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height:4px; } #menu-toggle.open .bun-mid { opacity: 0; } #menu-toggle.open .bun-bottom { background: #fff; top: -10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); height:4px; } /**************Menu Responsive***********/ #menu-toggle .component.menu.title_view .menu-title{ font-size: 14px; line-height: 16px; color: #000000; text-transform: uppercase; } .component.menu.title_view { top: 0; position: relative;} .component.menu.default_view{display: table;width: 100%;height: 100%} #main-menu{ background: rgba(0,0,0,0.8); text-align: center; position: fixed; top:0; bottom: 0; z-index: 9999; color:white; font-size: 24px/* default font-size because not specify by LCH at the moment;display: none*/; overflow: auto; transition:all 2s; left:100%; width: 100%; right:0;} #main-menu.open{display: block ;right:0;left:0;width:auto;} #main-menu .item-container{list-style: none;padding: 0 0 0 20px;display: table-cell;text-align: left;vertical-align: middle} #main-menu .item-container .item{text-transform: uppercase;padding:0 0 10px 0} #main-menu .item-container .item .item-container .item{text-transform: none} #main-menu .menu-link{ text-decoration: none; color: inherit; position:relative} #main-menu .menu-link:not(:only-child):after{ content:""; display: inline-block; background: url(/service/2.61.0/template_statics/fr/_/img/menu-right.png) no-repeat center center; height: 14px; width: 14px; position: relative; top: 50%; margin-top: -7px; margin-left: 13px} #main-menu .menu-link.open:not(:only-child):after{background: url(/service/2.61.0/template_statics/fr/_/img/menu-down.png) no-repeat center center} #main-menu .menu-link:not(:only-child)+ul{display:none} #main-menu .menu-link.open:not(:only-child)+ul{display:block;margin-top: 10px;} #main-menu .menu-link:hover{ color: #cccccc;} #main-menu .menu-item-tab{height:auto !important;padding: 0 0 10px 0 !important;width:300px;} #main-menu .close{display: block;height: 27px;width: 27px;background: url(/service/2.61.0/template_statics/fr/_/img/close.png);position: absolute;right: 45px; top: 20px;cursor: pointer} #main-menu .menu-items-pages{margin-top:10px !important} .component.menu.default_view { display: table; margin:0 auto } /*********Menu Desktop*******/ #main-menu-desktop { width: 100%; line-height: 18px; } #main-menu-desktop .item-container { text-align:right; } #main-menu-desktop .item-container { list-style: none; padding: 0; text-align: center; } #main-menu-desktop .item-container .item { display: table-cell; height:100px; vertical-align: middle; text-align:center; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } #main-menu-desktop .item-container .item .menu-link{ padding: 10px 8px; line-height:14px; display:block; text-decoration:none; font-size: 11px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; text-transform:uppercase; font-weight:100; } #main-menu-desktop .item-container .item .item-container .item .menu-link { border-left:3px solid #E0E0E0; padding: 9px 20px ; color:black} #main-menu-desktop .item-container .active.item .menu-link{ color:#000000; } /*#main-menu-desktop .item-container .active.item {color:#000000;background:#9BCC35;border-top-left-radius:3px;border-top-right-radius:3px;border : 1px solid #000000;border-bottom:0;} */ #main-menu-desktop .item-container .item:hover{ } #main-menu-desktop .item-container .item .item-container .item:hover, #main-menu-desktop .item-container .item .item-container .active.item{ background:black; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #main-menu-desktop .item-container .item-container .item:hover {border-radius:0; border:none;} #main-menu-desktop .item-container .item:hover .item-container{display:block;max-height:700px} #main-menu-desktop .item-container .item:hover .active.item .menu-link {color: white;} #main-menu-desktop .item-container .item:hover > .menu-link{color: #000000;text-decoration:none;} /*#main-menu-desktop .item-container .item:hover .menu-link:after{content:"\f107";font-family:"FontAwesome";}*/ #main-menu-desktop .item-container .item:hover .menu-link .item-container .item .menu-link{color: black;} /*#main-menu-desktop .item-container .item .item-container .item .menu-link{color:black;}*/ #main-menu-desktop .item-container .item .item-container .item .menu-link:hover{color:white;border-left:3px solid #000000;} #main-menu-desktop .item-container .item:hover ~ .item-container .item-first .menu-link{color: #000000} /*#main-menu-desktop .menu-link:hover ~ .item-container .item-first .menu-link{color: #000000} #main-menu-desktop .active .menu-link:hover ~ .item-container .item-first{color: #000000}*/ /*#main-menu-desktop .menu-link:not(:only-child):after{ content:""; display: inline-block; background: url(/service/2.61.0/template_statics/fr/_/img/menu-right.png) no-repeat center center; height: 14px; width: 14px; position: absolute; top: 50%; margin-top: -7px; margin-left: 13px}*/ #main-menu-desktop .menu-link.open:not(:only-child):after{/*background: url(/service/2.61.0/template_statics/fr/_/img/menu-down.png) no-repeat center center*/} /*#main-menu-desktop .menu-link:not(:only-child)+ul*/#main-menu-desktop .item-container .item .item-container{ display: none; top: 100%; padding: 0px 0 0 0; margin-top: 0px; position: absolute; background:#fff; left:0px; z-index: 500; width: 150%; opacity:0; overflow:hidden; min-width: 200px; -webkit-transition: 0.5s opacity 2s ease; -moz-transition: 0.5s opacity 2s ease; -o-transition: 0.5s opacity 2s ease; transition: 0.5s opacity 2s ease; } #main-menu-desktop .item-container .item:hover .item-container , #main-menu-desktop .item-container .item:hover .item-container:after { display:block; opacity:1; overflow:visible; /*display:block;*/ } #main-menu-desktop .item-container .item .item-container:after{ content: ""; width: 15px; height: 15px; display: block; background: #fff; position: absolute; top: -4px; left: 44px; z-index: -1; overflow:hidden; opacity:0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /*#main-menu-desktop .menu-link:not(:only-child)+ul:before{ content: ""; display: block; width: 100%; height: 47px; }*/ #main-menu-desktop .menu-link:hover:not(:only-child)+ul,#main-menu-desktop .menu-link:not(:only-child)+ul:hover{display:block;margin-left: 0;} /*#main-menu-desktop .menu-link.open:not(:only-child)+ul{display:block}*/ #main-menu-desktop .item-container .item-container .item :hover{display:block} #main-menu-desktop .item-container .item-container .item { display: block; width: 100%; border: none; text-align: left; padding: 0; left:4px; height:auto; } .component.languages.dropdown_view{color:#000000;text-transform: uppercase;position: absolute;left: 10px;top:50%;margin-top:-9px;cursor: pointer;text-align: left;z-index: 210} .component.languages.dropdown_view .available-languages{box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);position: relative;left: -20px;margin-top: 0;padding:0;} .component.languages.dropdown_view .available-languages .item{padding-left: 17px;} .component.languages.dropdown_view .active .flag, .component.languages.dropdown_view .available-languages .flag{color:#000000;text-decoration: none;padding-right: 13px;} .component.languages.dropdown_view .active .flag:after{content:"";background: url(/service/2.61.0/template_statics/fr/_/img/lang-down_generated_primary.png);width: 9px;height: 5px} .component.languages.default_view.with_icons { text-align: center; position: fixed; right: 10px; top: 5px; z-index: 100000; } .languages ul li a { opacity: 0.4; transition: opacity 0.2s; } .languages ul li a:hover{ opacity: 0.6; } .languages ul li.active a { opacity: 1; } .component.logo{ display: block; height: auto; vertical-align: middle; text-align: center; position:relative; line-height:140px; width:55%; float:left; padding:5px 0;} .component.logo.default_view.logomobile { display: none; } .header-buttons .component.cart.basket_button_view { display: none; } @media screen and (min-width: 768px) { .component.logo { float: none; margin: 0 auto; } } .logo_image {max-height: 80px;vertical-align: middle;} /*****************************/ /*******Resa Bar******/ /*****************************/ .reservation_bar{border-bottom: 1px solid #9BCC35;border-top: 1px solid #9BCC35;background:white;} .is-sticky .reservation_bar{z-index: 200;} .reservation_bar .reservation-content{width: 960px;min-height: 50px;margin: 0 auto;padding: 0 0 0 10px} .reservation_bar .reservation-content .item-container{padding: 0; list-style: none} .reservation_bar .reservation-content .item-container > .item{padding: 0;} .component.booking.default_view:before{display: none} .resa-contact .component.booking .booking-button{ border-radius: 0px; height: 30px; line-height: 30px; font-size: 14px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; border: 1px solid white; text-transform: uppercase; } .component.booking.phone_view{color:#9BCC35;line-height: 50px} .component.booking.phone_view .label{display: inline;margin-right: 7px} .component.booking.phone_view a{color:inherit;text-decoration: none} .component.booking.phone_view a:hover{color:inherit;background: rgba(0,0,0,0.2)} .component.cart.basket_button_view a{background: url(/service/2.61.0/template_statics/fr/_/img/cart_generated_primary.png) no-repeat;height: 50px;width: 50px;display: block;overflow: hidden;text-indent: -5000px; background-size:50px;float: right; margin: 25px 0;} /**reservation contact bar button**/ .resa-contact .component.booking.default_view, .resa-contact .component.contact_page.contact_link_view{ margin: 0; width:100%; position : relative; text-align: center; } .resa-contact .contact-link { display : inline-block; text-decoration: none; padding : 0px 28px; font-size: 14px; line-height: 30px; height: 30px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; border: 1px solid white; text-transform: uppercase; } @media screen and (max-width: 480px) { .reservation_free_text{ padding: 0 15px; text-align: center } .component.booking.default_view, .reservation_bar .reservation-content .component.contact_page.contact_link_view { float: none } .component.booking .booking-button, .reservation_bar .reservation-content .component.contact_page.contact_link_view .contact-link{ width: 100%; text-align: center } .component.booking.phone_view{ text-align:center; } } /*********************************/ /*home */ /*********************************/ .component.site_title.default_view { position: absolute; opacity: 0; z-index: -100000000000000; } .component.vertical_layout.default_view.slid { position: relative; background:white; } .home-page #page > footer:before{display: none} .home-page #page > footer:after{display: none} .first-home-blocks > .item-container > .item:not(.item-first) {margin-top: 20px;} .home-page .component.catalog.short_view {text-align: center} .home-page .component.catalog.short_view .description{text-align: left} .home-page .component.catalog.short_view .link-button{display: inline-block;text-decoration: none;margin: 0 auto;padding:15px 25px} .home-page .component.catalog_carousel.main-slider{padding-top: 25px} .home-page .component.catalog_highlights .title{padding-top:55px} .home-page .component.catalog_highlights .highlights-content{width: 210px;height: 330px;margin: auto} .home-page .component.catalog_highlights .highlights-content .internal_component.catalog_product.short_view{height: 330px} .home-page .component.catalog_highlights.default_view .product-slider .arrow.next{right:-60px} .home-page .component.catalog_highlights.default_view .product-slider .arrow.prev{left:-60px} .home-page .component.point_of_sale.more_info_link_view{text-align: center;padding-bottom: 30px} .home-page .multimedia-block .with-h1-like .title {margin-bottom: 15px;} .home-page .multimedia-block .gallery-block{margin-top:-50px;} .home-page .component.photos.first_photo_view .photo .img{ width: 350px; border-radius: 1000px; height: 350px; webkit-box-shadow: 0 0 0 10px #f1f1f1; -moz-box-shadow: 0 0 0 10px #f1f1f1; box-shadow: 0 0 0 10px #f1f1f1; } .home-page .page-size { padding:0px 0px} .home-page .map_separator{ border-top : 1px solid #000000; } .home-page .point-of-sale-map-block .item-container{ padding-left : 0px; } .news-display{display:block;clear: right;} .clear{clear:both;} .email-link.link { word-wrap: break-word; } .component.practical_info.default_view .practical-info-point-of-sale-link { background: none} .home-page main .component.vertical_layout.default_view.gallery-block{background:none;} main .component.vertical_layout.default_view.white { background: white; } main .component.vertical_layout.default_view.color { background: #000000; } main .component.vertical_layout.default_view.color .title, main .component.vertical_layout.default_view.color .short-text{ color:#FFFFFF; } main .activity.short_view {padding-left:0;} main .practical_info.default_view { text-align: center; } /*.horizontal_layout > .item-container.slots-2 > .item-first{padding-right:15px} .horizontal_layout > .item-container.slots-2 > .item-last{padding-left:15px}*/ main .line2 .item-container.slots-1.break_at_tablet { padding: 0 ; } main .multimedia-block .item-container.slots-1.break_at_tablet{padding:0} .component.layout.default_view.resa-cont-slider { position: absolute; z-index: 100; top: 520px; width: 100%; margin: 0 auto; } .component.horizontal_layout.default_view.line2 { padding: 50px 0 0; } .component.booking.default_view { padding: 0; } /*********************Animate*************/ .presanimate, .photoanimate, .practanimate,.contanimate,.bookanimate, .newsanimate,.activanimate, .badganimate1, .badganimate2, .badganimate3, .badganimate{visibility:hidden;} /*********************************/ /*badge */ /*********************************/ .component.content_badges .content-badge-label { margin-top: 20px; } .richtext.content-badges-text { margin-bottom: 30px; } .component.content_badges.default_view { margin-top: 50px; } .component.content_badges .icomoon{width: 130px; height: 130px;margin: 0 auto;padding-top: 25px;} .component.content_badges .content-badge-image-placeholder { height: 130px;} .component.content_badges .content-badge-img { display: block; height: 150px; width: 150px; margin-left: auto; margin-right: auto; border-radius: 0px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } .hoùe-page .component.content_badges {padding: 60px 100px;background: #F6F6F6;} .component.content_badges .title{text-align:center;/*font-family: 'Oswald', cursive;*/} .component.content_badges .content-badge-item { display: block; padding: 0; float: left; } .component.content_badges .item-container.slots-3 .item { width: 33%; } /*****display 2 badges*****/ .component.content_badges.default_view .item-container.slots-2 .item-first .content-badge { width: 50%; float: right; } .component.content_badges.default_view .item-container.slots-2 .item-last .content-badge { width: 50%; float: left; } /*********************************/ /*referential-module */ /*********************************/ .referential-module{padding:20px 0} .referential-module .referential-module-title{margin-bottom:0} /*********************************/ /*localina popin*/ /*********************************/ #localina-modal-overlay{opacity: 0.8!important;z-index: 9999!important} /*********************************/ /*popins*/ /*********************************/ .component.popin {background: rgba(0, 0, 0, 0.8);} .component.popin .title{text-align: left} .component.popin .subtitle{margin-bottom: 0;text-align: left} .component.popin .field .captcha-label{border: 0} /*********************************/ /*photos*/ /*********************************/ .home-page .multimedia-block .component.vertical_layout.default_view { padding: 0px; } .component.photos.gallery_short_view .gallery-photos .photo { margin: 0; } .component.photos.gallery_short_view .gallery-photos .item { width: 33.3333333333333%;} .photos-title.title { padding: 20px 0; margin-bottom: 0; } main .component.photos{ text-align:center; } .component.photos .gallery-photos { margin-left: 0px !important;} .component.photos.gallery_light_view .photos-title { margin-bottom: 60px; } .component.photos.gallery_short_view .gallery-photos .photo .image .img{width:100%} /* Mobile version */ @media screen and (max-width: 480px) { .component.photos.slideshow_light_view .previous { left: 0; } .component.photos.slideshow_light_view .next, .component.photos.slideshow_light_view .close { right: 0; } } .home-page-content{ background: #f7f8fa; padding: 20px 0 0; } .gallery-block .item-first{padding:0px 0} /*********************************/ /*360 & video*/ /*********************************/ /* players on the home page */ .threesixty-block .component.threesixties.current_player_view, .video-block .component.videos.current_player_view { margin: 0; } .threesixty-block .component.threesixties .threesixty_player { height: 450px; } /* fixed height mode in desktop only */ @media screen and (min-width: 769px) { .video-block .component.videos .video_player_wrapper { padding: 0; /* disable height ratio */ height: 300px; /* fixed height instead */ } } /* 360/video pages */ @media screen and (min-width: 769px) { .threesixty-page-content, .video-page-content{ padding: 0 10px 20px; } } .component.threesixties.current_title_view, .component.threesixties.current_description_view, .component.videos.current_title_view, .component.videos.current_description_view { margin-top: 20px; } .component.threesixties.current_title_view, .component.videos.current_title_view { text-align: center; } .component.threesixties.current_description_view, .component.videos.current_description_view { text-align: justify; } .component.threesixties.current_title_view .title, .component.videos.current_title_view .title { padding-top: 0; } .component.threesixties.current_player_view, .component.videos.current_player_view { margin-bottom: 50px; } .component.videos .video_player_wrapper { padding-bottom: 56.25%; /* 16:9 ratio */ } .component.threesixties .threesixties_items, .component.videos .videos_items { margin-top: 50px; } .component.threesixties .threesixties_items .item, .component.videos .videos_items .item { width: calc(100% / 3); } @media screen and (max-width: 768px) { .component.threesixties.current_title_view, .component.threesixties.current_description_view, .component.videos.current_title_view, .component.videos.current_description_view { padding: 0 30px; } .component.threesixties .threesixties_items .item, .component.videos .videos_items .item { width: calc(100% / 2); } } @media screen and (max-width: 480px) { .component.threesixties.current_title_view, .component.threesixties.current_description_view, .component.videos.current_title_view, .component.videos.current_description_view { padding: 0; } .component.threesixties.current_player_view, .component.videos.current_player_view { margin-left: -15px; margin-right: -15px; } .component.threesixties .threesixties_items .item, .component.videos .videos_items .item { width: 100%; } } /*********************************/ /*contact*/ /*********************************/ .component.point_of_sale .item-container{list-style: none} .component.point_of_sale .selector {width: 100%} .component.point_of_sale_selector{text-align: center;padding-bottom: 35px} .component.point_of_sale_selector p{margin-bottom: 15px} .component.address.default_view, .component.address.long_view{padding:0; margin-bottom: 0;text-align: center;} footer .component.address.default_view, footer .component.address.long_view{float:none;width:auto;} .component.address.default_view::before, .component.address.long_view::before{display: none} .address-block{width:100%;overflow:hidden;} .address-block .col1{width:47%;display: inline-block;vertical-align: top} .address-block .col1 .title{padding-top: 0;text-align: left;margin-bottom: 15px} .address-block .col2{width:46%;display: inline-block;vertical-align: top;float: right} .component.contact.list_view .item-container .item{margin-bottom:15px;text-align: center;} footer .component.contact.list_view .item-container .item{float:none;} .component.contact.list_view .label{color:#FFFFFF;} .component.contact.list_view .item-container .item-1 .contact-element .label {display: none} .component.contact.email_view .email{padding: 0} .component.contact.email_view .email::before{display: none} .contact-page .address-block {margin-bottom:30px} .component.accesses .accesses-with-icons { width: 40%; margin: 0 auto; } .component.accesses .access .type { display: inline-block; padding-left: 10px; width: 80%; } .component.accesses .accesses-with-icons .access::before { position:relative; vertical-align:middle; float:left;} .component.accesses .item{display:inline-block;width:49%;vertical-align:top;text-align:left;float: left;} .contact_form.default_view .contact_form_send { text-align: center; } .component.accesses { text-align: center; } /*********************************/ /*schedule*/ /*********************************/ .component.schedule .richtext{padding-left:0px} .component.schedule .title{padding-top: 0;text-align: center;margin-bottom: 15px} .component.schedule .opening_hours::before{display: none} .component.schedule .opening_hours{padding: 0} .component.schedule li{padding-left: 0} .component.schedule .opening_hours .appointment {display: block;} .component.vertical_layout.default_view.col2.schedules-block.column-width.with-h2-like { text-align: center; } /*********************************/ /*footer*/ /*********************************/ footer { position:relative} .bottom-footer.page-size { padding: 0px; background: white; } #page > footer .social-buttons{ text-align:center ;background:#000000;bottom: 0; width: 100%;z-index:1000;} #page > footer .social-buttons:empty{display: none} #page > footer .title{text-align: center;padding:0 0 15px 0;margin: 0} footer .component.logo{text-align:left;opacity:1 !important} .component.footer-layout{padding:20px 10% 20px 10%;background:#9BCC35;color:#000000} .component.footer-layout a{ color:#000000;text-decoration:none} .component.footer-layout a:hover{text-decoration:underline} .component.footer-layout .item-container .item{margin-bottom: 3px} .horizontal_layout.social-buttons > .item-container > .item{ height:69px; } .horizontal_layout.social-buttons > .item-container.slots-6 > .item{ width:16.666666%; border: 1px solid transparent; transition: border 500ms ease; } .horizontal_layout.social-buttons > .item-container.slots-5 > .item{ width:20%; border: 1px solid transparent; transition: border 500ms ease; } .horizontal_layout.social-buttons > .item-container.slots-4 > .item{ width:25%; border: 1px solid transparent; transition: border 500ms ease; } .horizontal_layout.social-buttons > .item-container.slots-3 > .item{ width:33.33333333%; border: 1px solid transparent; transition: border 500ms ease; } .horizontal_layout.social-buttons > .item-container.slots-2 > .item{ width:50%; border: 1px solid transparent; transition: border 500ms ease; } .horizontal_layout.social-buttons > .item-container.slots-1 > .item{ width:100%; border: 1px solid transparent; transition: border 500ms ease; } .horizontal_layout.social-buttons > .item-container > .item:hover{ border: 1px solid #000000; } /*.component.social_sharing .fb-badge-button-label:hover, .component.social_sharing .tw-badge-button-label:hover, .component.social_sharing .in-badge-button-label:hover, .component.social_sharing .gp-badge-button-label:hover, .component.social_sharing .share-by-email:hover, .component.social_sharing .share-by-sms:hover{height: 29px; margin-top:0}*/ .component.social_sharing .badge-button-label {display: inline-block;overflow: hidden;text-indent: -5000px;margin:20px 10px; webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;} .component.social_sharing .fb-badge-button-label{background: url(/service/2.61.0/template_statics/fr/_/img/social-fb_generated_primary.png) no-repeat center top ;width: 29px;height: 29px;cursor: pointer;} .component.social_sharing .tw-badge-button-label{background: url(/service/2.61.0/template_statics/fr/_/img/social-twitter_generated_primary.png) no-repeat center top ;width: 29px;height: 29px;cursor: pointer;} .component.social_sharing .in-badge-button-label{background: url(/service/2.61.0/template_statics/fr/_/img/social-linkedin_generated_primary.png) no-repeat center top ;width: 29px;height: 29px;cursor: pointer;} .component.social_sharing .gp-badge-button-label{background: url(/service/2.61.0/template_statics/fr/_/img/social-google_generated_primary.png) no-repeat center top ;width: 29px;height: 29px;cursor: pointer;} .component.social_sharing .share-by-email{background: url(/service/2.61.0/template_statics/fr/_/img/social-mail_generated_primary.png) no-repeat center top ;width: 29px;height: 29px; display: inline-block;margin: 20px 10px;overflow: hidden;text-indent: -5000px; ;webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;} .component.social_sharing .share-by-sms{background: url(/service/2.61.0/template_statics/fr/_/img/social-sms_generated_primary.png) no-repeat center top ;width: 29px;height: 29px; display: inline-block;margin: 20px 10px;overflow: hidden;text-indent: -5000px; webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;} .component.social_sharing .badge-popin{top:auto;bottom: 40px;border:1px solid #9BCC35;padding: 10px;width: 386px;left:0px;z-index: 1;} .component.social_sharing .badge-popin:after, .component.social_sharing .badge-popin:before {top: 100%;left: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none} .component.social_sharing .fb-badge-popin{top:auto;bottom: 40px;border:1px solid #9BCC35;padding: 10px;width: 386px;left:0px;z-index: 1;} .component.social_sharing .fb-badge-popin:after, .component.social_sharing .badge-popin:before {top: 100%;left: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none} .component.social_sharing .badge-popin:after {border-color: rgba(136, 183, 213, 0);border-top-color: white;border-width: 10px;margin-left: -10px} .component.social_sharing .badge-popin:before {border-color: rgba(194, 225, 245, 0);border-top-color: #9BCC35;border-width: 11px;margin-left: -11px} .component.social_sharing a{border-radius:1px} .contact-box ul {padding: 0;list-style: none} .contact-box li {display: inline-block} #page > footer .with-h3-like .title{padding-bottom:15px;display: inline-block} .foot { padding: 30px 120px; /*background: #9BCC35; color:#000000;*/ display:table; width:100%; } .foot a { /*color:#000000;*/ text-decoration:none; } .foot a:hover{ text-decoration:underline; } .col1 { width: 100%; padding: 0 40px 0 40px; } footer .col2 { width: 100%; border-top: 1px solid #000000; padding: 0 ; margin-top:20px; } /*********************************/ /*mogs*/ /*********************************/ .component.mogs.default_view { text-align: center; } .mogs-items { padding: 15px; } /*********************************/ /*form*/ /*********************************/ form{margin: 0 auto} .field label{display: block} .field.send-copy label{display: inline-block} .field .captcha-label{display: inline-block;border-radius:3px;height: 44px;border: 1px solid #cbcbcb;margin-top: 0;float: left} .captcha .captcha-image{width: 168px} .captcha.mandatory{margin-top: 15px;overflow: auto;padding-bottom: 10px} .captcha .captcha-text{padding-bottom:10px} .contact_form.default_view .field .captcha-input{display: inline-block;width: calc(100% - 181px);float: right} .contact_form .mandatory.field label::after, .contact_form .mandatory-message::before,.captcha.mandatory .captcha-text::after{color:#bf051d} .contact_form.default_view input[type="text"], .contact_form.default_view select, select.selector, .contact_form.default_view textarea{background-color: #ffffff;color: #666666;border: 1px solid #cbcbcb;line-height: 15px;padding:10px;margin:0 0 10px 0;border-radius:3px;height: 44px} .contact_form.default_view textarea {height: 105px; overflow: auto; resize:none} .contact_form.default_view input[type="text"], .contact_form.default_view select, .contact_form.default_view textarea {display: inline-block; width: 100%} .component.contact_form_view form{max-width: 380px} .button.send_button{width: 168px;padding: 11px;} /*********************************/ /*catalog menu*/ /*********************************/ .component.catalog_page.sub_menu_view{padding: 20px 0 0;} .component.catalog_page.sub_menu_view .item-container{list-style: none;color:#999b9e;padding: 0; margin-left: 0px; overflow: hidden;} .component.catalog_page.sub_menu_view .menu-item-page{float: left} .component.catalog_page.sub_menu_view .menu-item-page .menu-link-page{display: block; margin: 0 0 20px 20px; border:1px solid #000000;color:#000000;width: 170px; height:44px;line-height:44px;overflow: hidden;text-decoration: none;text-align: center} .component.catalog_page.sub_menu_view .menu-item-page.active .menu-link-page{border:1px solid #9BCC35;color:#9BCC35} /*********************************/ /*prolive*/ /*********************************/ .prolive { position: absolute; right: -25px; left:0; top: 200px; z-index: 6; width: 600px; transition: 1s ease; height: auto; margin:0 auto; display:none; color:#000; } .prolive .pro-close:before { content: "\f00d"; display: block; z-index: 10; font-family:FontAwesome; font-size:40px; text-align:center; cursor:pointer; } .prolive.close .pro-close:before { content: "\f060"; display: block; z-index: 10; font-family:FontAwesome; font-size:40px; text-align:center; cursor:pointer; } .prolive:before { content: ""; width: 50px; position: absolute; background: #9BCC35; display: block; left: -50px; bottom: 50px; top: 50px; z-index: 10; font-family:FontAwesome; font-size:40px; text-align:center; cursor:pointer; } .prolive.close { width: 0px; right:-100%; z-index:10000; top: 100px; } .prolive.close::before { height: 53px; } .component.pro_live .carousel-container .item { width: 500px; /*height: 300px;*/ } .component.pro_live .carousel-container { margin: 0 auto; } .component.pro_live .carousel { margin-left: 0; background: white; } .component.pro_live.default_view { width: 600px; padding: 50px; background: white; margin: 50px auto; position:relative; } .component.pro_live .carousel-container .item.big { height: auto !important ; } .component.pro_live .items { padding: 0;} .component.pro_live .item .name { font-size: 18px; } .component.pro_live .item { font-size: 14px; } .pro-close { background: none; border: none; position: absolute; top: 45px; z-index: 10; left: -45px; font-size: 40px; width: 40px; color:#000000; } .prolive .prolive-after { position: absolute; width: 100%; background: white; bottom: 50px; height: 50px; } .prolive .prolive-after:before { /*content: "\f103";*/ font-family: FontAwesome; font-size: 40px; cursor: pointer; text-align: center; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-width:600px; line-height: 50px; } .prolive .prolive-after.bigg:before { /*content: "\f102";*/ } body.bkG::before { content: ""; background: rgba(0,0,0,0.5); position: absolute !important; left: 0; right: 0; top: 0; bottom: 0; z-index: 6; } @media screen and (max-width: 768px) { .component.pro_live .carousel-container .item { width:300px; } .prolive { width: 400px; z-index:100; } .component.pro_live.default_view { width: 400px; } .prolive .prolive-after::before { min-width: 400px; } @media screen and (max-width: 480px) { .component.pro_live .carousel-container .item { width:200px; } .prolive { width: 250px; z-index:100; } .prolive::before { width: 25px; left: -25px; bottom: 25px; top: 25px; font-size: 20px; } .prolive.close::before { height: 30px; } .pro-close { top: 23px; left: -23px; font-size: 20px; width: 20px; } .prolive .pro-close::before { font-size: 20px; } .prolive.close .pro-close::before { font-size: 20px; } .component.pro_live.default_view { width: 250px; padding:25px; margin: 25px auto; } .prolive .prolive-after::before { min-width: 250px; font-size: 20px; line-height: 25px; } .prolive .prolive-after { bottom: 25px; height: 25px; } .component.pro_live .item .name { font-size: 14px; } .component.pro_live .item .period { font-size: 12px; } .component.pro_live .item { font-size: 12px; } } } /*********************************/ /*slider*/ /*********************************/ .component.slider.with_site_title_view > .item-container > .item .content .site-title, .component.slider.with_site_title_view > .item-container > .item .content .title, .component.slider.with_site_title_view > .item-container > .item .content .text { color: 'Uncustomized color'; } @media screen and (min-width: 768px) { .container_menu .component .site_title.default_view .title, .container_menu .component .site_title.default_view p{ font-size: 52px; } } .component.slider.with_site_title_view > .item-container > .item .content .site-title, .component.slider.with_site_title_view > .item-container > .item .content .title, .component.slider.with_site_title_view > .item-container > .item .content .text { color: #000000; } .component.slider.with_site_title_view .site-title{ font-size:3.2rem } .component.slider.with_site_title_view .title{ font-size:2.8rem } .component.slider.with_site_title_view .text{ font-size:1.5rem } .component.slider.with_site_title_view > .item-container > .item .content { width: 100%; background:none; position:absolute; display:block; height: auto; left:0; max-height: none; padding: 20px; float:left; bottom:0; background: rgba(255,255,255,0.7);} .component.slider .visual { height: 700px; } .component.slider > .item-container > .item .content{ position :relative; text-align: center; right:0; width:100%; } .component.slider > .item-container > .item{ z-index: 0 !important;} /*baseline*/ .component.slider > .item-container > .item .content .site-title{ } /*nav with buttons*/ .component.slider .slider-buttons{ width: 100%; text-align: center; position: absolute; top: 775px; } .component.slider .slider-buttons .slider-button{ opacity: 1; background:none; width:18px; height:18px; border-radius:50px; border: 1px solid white; webkit-transition: all 800ms ease-out; -moz-transition: all 800ms ease-out; -o-transition: all 800ms ease-out; transition: all 800ms ease-out; border: 2px solid white; background:none; } .component.slider .slider-buttons .slider-button.active{ background:none; } .component.slider .slider-buttons .slider-button:after{ content: ""; background: white; border-radius: 50px; width: 16px; height: 16px; position: absolute; margin: -1px -8px; webkit-transition: all 800ms ease-out; -moz-transition: all 800ms ease-out; -o-transition: all 800ms ease-out; transition: all 800ms ease-out; z-index:-1; } .component.slider .slider-buttons .slider-button.active:after{ content: ""; background: white; border-radius: 50px; width: 16px; height: 16px; position: absolute; margin: -1px -8px; transform: scale(0); z-index:-1; } .component.slider .slider-buttons .slider-button:hover{ background: none; } .component.slider > .item-container > .item .content { background: none; position: relative; width: 100%; margin: 0px auto; padding:5%; } .component.slider{ background-color:white; } /**************************/ /*arrow*/ /**************************/ /*tablet and desktop version*/ @media screen and (min-width: 481px) { /*.component.slider{ height: 800px; } .component.slider .item-container .item .visual .visual-item{ height: 700px; visibility: hidden }*/ } /*tablet version*/ /*@media screen and (max-width: 768px) { .component.slider.with_site_title_view > .item-container > .item .content{ width:auto; padding: 0 30px; left:20px; right:20px; bottom: 140px; top:240px; } }*/ /*mobile version*/ @media screen and (max-width: 480px) { .component.slider .visual{ height:154px; max-height: 154px; background-attachment: scroll; } .component.slider .slider-buttons{ top: 380px !important; position: absolute; } .component.slider.with_site_title_view > .item-container > .item .content .site-title { color:white; } .component.slider > .item-container > .item .content .title{ line-height: 1.1em } } /*********************************/ /*spoken languages*/ /*********************************/ .styled-lists ul .spoken-languages-item:not(.no-bullet)::before { content: ''; } /*********************************/ /*catalog breadcrumb*/ /*********************************/ .breadcrumb-catalog { z-index: 1; position: relative; margin-bottom: 20px; } .breadcrumb-catalog ul li{ display:block; } .breadcrumb-catalog ul li a{ text-decoration:none; display: block; float: left; padding-right: 5px; } .breadcrumb-catalog ul li a:hover{ color:#000000; } .breadcrumb-catalog ul li a::after { margin-left: 5px; font: normal normal normal 8px/12px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000000; content: "\f054"; } /*********************************/ /*catalog icons*/ /*********************************/ .icon_on_nav .nav-element:hover{text-decoration: none} .icon_on_nav .nav-element:focus{outline:0} .icon_on_nav .product-slider .nav-element.nav-previous{background: url(/service/2.61.0/template_statics/fr/_/img/slider-left_generated_primary.png);display: inline-block;width: 29px;height: 56px} .icon_on_nav .product-slider .nav-element.nav-next{background: url(/service/2.61.0/template_statics/fr/_/img/slider-right_generated_primary.png);display: inline-block;width: 29px;height: 56px} /*********************************/ /*catalog products*/ /*********************************/ .component.catalog.back_view, .component.catalog_product.back_view {position:relative;left: 0;bottom: 0px} .component.catalog_product form{max-width: inherit} .title-area { position: relative; } .catalog-controls {display: block;padding-bottom: 5px;display:table;width:100%;margin-bottom:40px} .catalog-controls .control-item {display:table-cell} .catalog-controls .control-item .title{color: inherit;display:inline-block;font-size: 15px/* default font-size because not specify by LCH at the moment*/;margin: 0;padding: 11px 9px 11px 0;width: auto;text-transform:none;font-weight: normal;} .catalog-controls .control-item.component.catalog.sort_view{padding-right: 30px} .catalog-controls .control-item.component.catalog.filter_view{padding-right: 25px} .catalog-controls .control-item.component.catalog.display_mode_view{padding-right:0;text-align:right;} .catalog-controls .control-item .custom-select {vertical-align: middle} .catalog-controls .control-item .sorting-form, .catalog-controls .control-item .filter-form {display: inline-block;} .component.catalog.display_mode_view .buttons-grp{display: inline-block;white-space: nowrap; vertical-align: middle} .component.catalog.display_mode_view a.display-grid, .component.catalog.display_mode_view a.display-list {display: inline-block;width: 44px;height: 44px;padding: 0;margin: 0;border: 1px solid #ececec;outline: 0;background-color: #FFF;vertical-align:middle;border-radius: 3px} .component.catalog.display_mode_view a.display-grid.active, .component.catalog.display_mode_view a.display-list.active {background-color: #d0d0d0} .component.catalog.display_mode_view a.display-list {background-image: url(/service/2.61.0/template_statics/fr/_/img/list.png);background-position: center center;background-repeat: no-repeat} .component.catalog.display_mode_view a.display-grid {background-image: url(/service/2.61.0/template_statics/fr/_/img/grid.png);background-position: center center;background-repeat: no-repeat;margin-right: 9px} .component.catalog > .description {padding:0px 0 20px} .component.catalog > .description p {margin: 0} .component.catalog .products_list {padding:0;margin:0;list-style-type:none;} .component.catalog .products_list.grid-view {margin-right:-80px} .component.catalog .products_list.grid-view .product_item{padding: 0; display:inline-block;margin:0 80px 80px 0;width: 210px;height: 330px;max-height: 330px;overflow: hidden;vertical-align:top} .component.catalog .products_list.list-view .product_item{display:block;margin:0 0 8px 0;width: 100%;height: 120px;padding: 0} .component.catalog .products_list.list-view .product_item:last-child{margin-bottom:0px;} .component.catalog_product.title_view{display:table-cell;width:100%} .component.catalog_product.title_view .title{margin:0;color:#000000;font-weight: 100} .component.catalog.description_view{padding-bottom: 30px} /*product item view*/ .component.catalog_product.separated_pagination_view {display:table;white-space:nowrap;width: 100%;} .component.catalog_product.separated_pagination_view .nav-previous{display:table-cell;text-align:left; } .component.catalog_product.separated_pagination_view .nav-next{display:table-cell;text-align:right; } /* BEWARE: this view is not for a Socrea component but an internal component */ .internal_component.catalog_product.short_view {border: 1px solid #ececec;cursor: pointer; width:100%;height:100%;background-color: white;text-align: left;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-bottom: 37px; } .list-view .internal_component.catalog_product.short_view {padding-bottom: 0;} /* no need to reserve space for the prices anymore */ .internal_component.catalog_product.short_view .product_visual_link {display: inline;} .internal_component.catalog_product.short_view .product_visual {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 3px; margin: 0;width: 100%} .list-view .internal_component.catalog_product.short_view .product_visual {margin: 0;padding: 10px;width: auto;height: 100%;max-height: 100%;float: left} /* The product label should take as much space as possible, with a minimum of 2 * lines when the space is constrained (i.e. in the catalog_highlights) */ .internal_component.catalog_product.short_view .product-label {margin: 5px 10px 0;line-height: 1.4;padding: 0;overflow:hidden;text-align: center;} .list-view .internal_component.catalog_product.short_view .product-label {margin: 20px 10px 5px 120px;position: relative; height:calc(100% - 55px);} .internal_component.catalog_product.short_view .product-label {min-height: 2.8em;} @media screen and (min-width:768px){ .component.catalog_highlights .internal_component.catalog_product.short_view .product-label {max-height: 2.8em;} } /* The prices should take at most 1 line and be placed at the bottom of the item. * A space is reserved somewhere at the bottom via a bottom padding, either in the * parent or in the product-label depending on the display (grid vs list) */ .internal_component.catalog_product.short_view .prices { position: absolute; bottom: 0; display: block; margin: 10px; width: calc(100% - 20px); /* minus margins */ height: 1em; /* 1-line height */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; } .internal_component.catalog_product.short_view .flag {position: absolute;top:3px;right:3px;height:90px;width:90px;overflow:hidden;} .internal_component.catalog_product.short_view .flag .flag-label {position: absolute; bottom:0; width:100%; padding:0; color: white; font-weight: bold; font-size: 12px/* default font-size because not specify by LCH at the moment*/; text-transform: uppercase; margin:0;} .internal_component.catalog_product.short_view .flag .promo, .internal_component.catalog_product.short_view .percent {background: #f53547;height: 90px;width: 90px;left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);} .internal_component.catalog_product.short_view .flag .sale {background: #a02b9d; height:90px; width:90px; left: 45px; top: -45px; position: absolute; text-align: center; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);} .internal_component.catalog_product.short_view .flag .new {background: #691567;height:90px;width:90px; left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);} .internal_component.catalog_product.short_view .flag .promo-campaign {background: #8AB860;height:90px;width:90px; left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);} .component.product-detail .flag {position: absolute;top:3px;right:3px;height:90px;width:90px;overflow:hidden;} .component.product-detail .flag .flag-label {position: absolute; bottom:0; width:100%; padding:0; color: white; font-weight: bold; font-size: 12px/* default font-size because not specify by LCH at the moment*/; text-transform: uppercase; margin:0;} .component.product-detail .flag .promo, .component.product-detail .percent {background: #f53547;height: 90px;width: 90px;left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);} .component.product-detail .flag .sale {background: #a02b9d; height:90px; width:90px; left: 45px; top: -45px; position: absolute; text-align: center; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);} .component.product-detail .flag .new {background: #691567;height:90px;width:90px; left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);} .component.product-detail .flag .promo-campaign {background: #8AB860;height:90px;width:90px; left: 45px;top: -45px;position: absolute;text-align: center;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);} /*product detail view*/ .component.product-detail{padding-top:20px;/*max-width: 715px;*/margin: 20px auto 0 auto} .component.product-detail h2.title{text-align: left;padding: 0} .component.product-detail .custom-select{float: right} .component.product-detail .component.vertical_layout > .item-container > .item { margin-bottom: 20px; } /* specific design for product detail in T009 */ .component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-1 { width: 45%; } .component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-2 { width: 55%; } /* FIXME: Not really responsive */ /*.horizontal_layout.product-detail {display: table; width:100%;}*/ .horizontal_layout.product-detail > .item-container > .item {padding-right: 0px} .horizontal_layout.product-detail > .item-container > .item-last {padding-left:8%} .catalog_highlights .internal_component.catalog_product.short_view { float:left; width:45%; margin:0 10px 10px 0; } /*****/ @media screen and (max-width: 960px) { .component.catalog .products_list.grid-view .product_item{margin:0 10px 10px 0;width:45%;height:auto;} } @media screen and (max-width: 768px) { .horizontal_layout.product-detail > .item-container > .item {padding-right: 0px} .component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-1 { width: 100%; } .component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-2 { width: 100%; } .component.catalog .products_list.grid-view .product_item{margin:0 30px 30px 0;width:100%;height:auto;} .catalog_highlights .internal_component.catalog_product.short_view { float:left; width:100%; margin:0 30px 30px 0; } } .horizontal_layout.product-detail .title {margin: 15px 0 10px 0;padding: 0; text-align:left;} .component.catalog_product.price_view .prices .price-item .title{margin: 0} .component.catalog_product .product-detail-thumb {max-width: 100%;} .component.catalog_product .product-detail-thumb .main-image {display:inline-block;max-width: 100%; border: 1px solid #ececec;padding: 3px;margin-bottom: 3%;position:relative;} .component.catalog_product .product-detail-thumb .product-image {max-width: 100%;} .component.catalog_product .product-detail-thumb .thumb-box {max-width: calc(100% + 5px);/*display:inline-block;*/margin-left:-5px; overflow:hidden;} .component.catalog_product .product-detail-thumb .thumb {width: 25%;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 5px} .thumb-zoom {background-color: #FFF;border-radius: 10px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);padding: 10px;width: 560px;height: 560px;position: absolute;margin-bottom: 5px;max-width: none;max-height: none;z-index: 9999;} /* .component.catalog_product .product-detail-thumb .thumb {width: 22%;margin-right: 3%;margin-bottom: 25px} .component.catalog_product .product-detail-thumb .thumb:nth-of-type(4n) {margin-right: 0} */ .component.catalog_product.brochure_view .terms{margin-bottom:20px} .component.catalog_product.brochure_view .terms.uploaded_pdf_box {border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding-top: 20px} .component.catalog_product.options_view .listing_options .label {padding-right: 9px;margin: 12px 0 0 0;width: auto;display: inline-block;min-width: 120px} .component.catalog_product.options_view .field {margin-bottom: 15px;} .component.catalog_product.options_view .field:after {clear:both; display:block; content:"";} .horizontal_layout.product-share-links-desktop {list-style-type:none;padding:0;font-size:0 /* ??? */} .horizontal_layout.product-share-links-desktop .item-container > .item {width:auto;margin:0px 0px 0px 0px !important;border-left: 1px solid #9BCC35;} .horizontal_layout.product-share-links-desktop .item-container > .item-first{border-left: 0px solid #9BCC35;} .horizontal_layout > .item-container.slots-4 > .item.item-3 { clear: none !important; } .horizontal_layout.product-share-links-desktop li a {display: inline-block;margin:0;height: 29px;width: 29px; text-indent: -9999px;position:relative;text-decoration: none;border-radius:0px} footer .horizontal_layout.product-share-links-desktop li a {margin:0 10px;} .horizontal_layout.product-share-links-desktop .fb {background:url("/service/2.61.0/template_statics/fr/_/img/social-fb_generated_primary.png") no-repeat scroll } .horizontal_layout.product-share-links-desktop .tweet {background:url("/service/2.61.0/template_statics/fr/_/img/social-twitter_generated_primary.png") no-repeat scroll } .horizontal_layout.product-share-links-desktop .share-by-email {background:url("/service/2.61.0/template_statics/fr/_/img/social-mail_generated_primary.png") no-repeat scroll ;margin:0px} .horizontal_layout.product-share-links-desktop .print {background: url("/service/2.61.0/template_statics/fr/_/img/social-print_generated_primary.png") no-repeat scroll;} /*.horizontal_layout.product-share-links-desktop .print:before {color: #666666;content: "";font-family: "icomoon_catalog";font-size: 16px;line-height: 1;margin: 0;position:absolute;left:0;top:0;text-indent:0;height: 29px;width: 29px;text-align: center;vertical-align: middle;line-height: 29px;} */ .component.catalog_product.promotion_view .promotion {color: #9BCC35;font-weight: bold;} .component.catalog_product.price_view .prices .regular-price {color: #999;text-decoration: line-through; background-color: white;font-weight: normal;} .component.catalog_product.price_view .prices {border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding: 13px 0;width: 100%} .component.catalog_product.price_view .prices .price {position: relative;float:right;line-height: 23px;} .component.catalog_product.price_view .prices .price-item {margin-bottom: 10px} .component.catalog_product.price_view .price {font-weight: bold;float:right;} /* A REVOIR */ .component .short.prices {font-size: 17px/* default font-size because not specify by LCH at the moment*/; line-height: 1em;} .component .short.prices .regular-price {color: #999;text-decoration: line-through; background-color: white;font-weight: normal;} .component .short.prices .price-item {display: inline;} .component.catalog .prices.short .price.regular-price {margin-right:10px;} .list-view .internal_component.catalog_product.short_view .prices.short {left: 108px;} .component.catalog_product.ecommerce_view .add-to-basket {display: inline-block;padding: 10px;line-height: 22px;color: #000000;width:100%;} /* pagination */ .component.catalog.pagination_view {border-top: 1px solid #ececec;margin-top: 30px;text-align: center;} .component.catalog.pagination_view .pagination-elements {position: relative;margin-top: 30px;text-align: center;display: inline-block;padding: 0 1.2em} .component.catalog.pagination_view .pagination-elements .pagination-items {display: inline-block;margin: 0 auto;padding:0 25px} .component.catalog.pagination_view .pagination-elements .pagination-items .pagination-item{list-style: none;padding: 0;display: inline-block;vertical-align: middle;margin: 0 .5em;} .component.catalog.pagination_view .pagination-elements .pagination-btn.prev {position: absolute;top: 3px;left: 0;} .component.catalog.pagination_view .pagination-elements .pagination-btn.next {position: absolute;top: 3px;right: 0;} .component.catalog.pagination_view .pagination-elements .pagination-item .number {font-weight: bold;font-size: 12px/* default font-size because not specify by LCH at the moment*/;} .component.catalog.pagination_view .pagination-elements .pagination-item .number{color: #000;} .component.catalog.pagination_view .pagination-elements .pagination-item .number.active {font-size: 16px/* default font-size because not specify by LCH at the moment*/;color: #cccccc;} /* terms of sales block */ .component.catalog_terms_of_sale.terms_pdf_view, .component.catalog_terms_of_sale.brochure_pdf_view{text-align: center} .component.catalog_terms_of_sale.title_view .title {word-wrap: break-word;text-align: center;margin: 0 0 25px 0; padding-top:20px} .component.catalog_terms_of_sale.description_view .description{padding: 10px 0 30px 0} .component.catalog_terms_of_sale .brochure.pdf {margin-bottom: 15px;} /*********************************/ /*dropdown*/ /*********************************/ .custom-select, .custom-select ul {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 165px;background: #fff;border: 1px solid #cbcbcb} .custom-select {position: relative;display: inline-block;padding: 11px 25px 11px 8px;cursor: pointer;outline: none;border-radius: 3px;height: 44px} .custom-select ul {position: absolute;top: 100%;left: -1px;list-style: none;border-top: 0;margin: 0;padding: 0 8px 11px 8px;z-index: 999;overflow: auto;} .custom-select .sorting-title {font-size: 14px/* default font-size because not specify by LCH at the moment*/;font-weight: normal;margin: 0;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 100%;color:#666666} .custom-select .sorting-title:after {background:url(/service/2.61.0/template_statics/fr/_/img/dropdown.png);width: 16px;height: 8px;content: "";display: block;position: absolute;right: 8px;top: 18px} .custom-select .option-list {display: none;} .custom-select .option-list .grouptitle {border-top: 1px solid #CCCCCC; color: #000000; font-weight: bold; margin-top: 5px; padding-top: 5px;} .custom-select.unfolded .option-list{display: block;z-index: 1;color:#666666} /************************ CAROUSEL ************************/ .component.catalog_carousel.default_view .product-slider .item-container-wrapper{margin-right: 13px;} .main-visual .component.catalog_carousel.default_view .product-slider .item-container .item .internal_component.catalog_product.short_view {margin: 0 13px 0 0; height:330px} .component.catalog_carousel.default_view .product-slider .item-container .item .internal_component.catalog_product.short_view {margin: 0 80px 0 0; height:330px} .component.catalog_highlights.default_view .product-slider .arrow, .component.catalog_carousel.default_view .product-slider .arrow{position: absolute; top: 50%; z-index: 5;} .component.catalog_highlights.default_view .product-slider .arrow.prev, .component.catalog_carousel.default_view .product-slider .arrow.prev{left: 0;} .component.catalog_highlights.default_view .product-slider .arrow.next , .component.catalog_carousel.default_view .product-slider .arrow.next{right: 0;} .component.catalog_highlights.default_view .product-slider .arrow.hidden, .component.catalog_carousel.default_view .product-slider .arrow.hidden {display: none;} .component.catalog_carousel.default_view .product-slider {margin: 0 auto;} .component.catalog_carousel.default_view .product-slider .item-container .item .internal_component.catalog_product.short_view {width: 210px} .main-visual .component.catalog_carousel.main-slider {padding: 48px 20px} .main-visual .component.catalog_carousel.main-slider .product-slider .arrow.prev{left: 5px;} .main-visual .component.catalog_carousel.main-slider .product-slider .arrow.next{right: 5px;} .main-visual .component.catalog_carousel.main-slider {background-color: #F6F6F6;} /************************ MAP ROUTE ************************/ .component.map .map-content div.way .way_start{width:72%} .component.map .map-content div.way .way_end{width:72%} .component.map .map-content div.way input[type="text"]{width:65%} .default-logo, .copyright, .target{z-index:10 !important;} .intervention_area .title { text-align: center; } .intervention_area .description { text-align: center; padding: 0 10px 10px; } /************************ terms of sale ************************/ .terms-of-sale-block-content{ padding-top:30px; } .terms-of-sale-block-content > *{ width:80%; margin:0 auto; } /************************** RGPD MODIFICATIONS ***************************/ /*******FOOTER COOKIES LINK********/ .bottom-footer .cookies_policy.using-simple-link .cookies-policy-link{ color: #000; text-decoration: none; margin: 0 10px; } .component.cookies_policy.default_view a{ color: #000000; text-decoration: none; } .bottom-footer .cookies_policy.using-simple-link .cookies-policy-link:hover{ text-decoration: underline; } @media screen and (max-width:480px) { .bottom-footer .solocalms-generic-footer .legal-payments .component.link_view { display: block; width: 100%; } } /*********FORM RGPD**************/ .contact_form.default_view .contact_form_send { text-align: center; margin: 10px 0; } .checkbox_field { display: flex; align-items: baseline; } input[type="checkbox"], input[type="radio"]{ margin-right:5px; } .contact_form_field .field:nth-last-child(1), .contact_form_field .field:nth-last-child(2), .contact_form_field .field:nth-last-child(3) { font-size: 11px; } /*******FORM SHARE********/ .field.our-communications, .field.partners-communications { display: flex; align-items: baseline; } .component.social_sharing .share-by-email-form input[type="checkbox"] { width: auto; margin-right: 5px; } .field.our-communications label, .field.partners-communications label{ width:100%; display:block; } /********CART FORM*******/ .checkbox-field{ display: flex; align-items: baseline; } .component.cart .form-fields.subscription-field { width: 100%; } /*********************************/ /*responsive*/ /*********************************/ .component.slider > .item-container > .item .content .site-title{ font-weight: 100; line-height: 1.1em; font-size: 3rem;} .component.slider > .item-container > .item .content .title{ font-weight: 100; line-height: 1.1em; font-size: 2.5rem; } .component.slider > .item-container > .item .content .text { font-weight: 100; line-height: 1.5em; font-size: 1.5rem; } @media screen and (max-width: 1200px) { #main-menu-desktop .item-container .item-last .item-container{ min-width: 200px; } } .component.accesses .accesses-with-icons { width: 60%; } @media screen and (min-width: 1150px) { .logo { opacity:1 !important; } .logo_image {max-height: 140px;} } @media screen and (min-width: 960px) { #main-menu.open{left:70%;} .horizontal_layout.social-buttons > .item-container > .item { width: 40px !important; height: 40px; border-radius: 40px; margin: 10px 0 10px 10px;} .component.social_sharing .badge-button-label, .component.social_sharing .share-by-email, .component.social_sharing .share-by-sms { margin:5px ; } #page > footer .social-buttons {width:auto !important;top: 50%;transform: translateY(-50%);bottom: auto;margin-left: 0px;} .horizontal_layout.social-buttons > .item-container > .item-last { border-bottom:none; } .horizontal_layout.social-buttons > .item-container > .item{ /*border-bottom:1px solid #9BCC35;*/ } .component.slider.with_site_title_view > .item-container > .item .content { padding: 0 50px; width: 100%; } .address-block { width: 60%; margin: 0 auto;} } @media screen and (max-width: 1150px) { #m3 .practical-info-point-of-sale { width: 50%; margin-left: 50%; } .component.slider .slider-buttons{ z-index:100; } .home-page .multimedia-block { margin-top: 0px; } .component .site_title.default_view .title, .component .site_title {font-size: 6rem;} .home-page .component.photos.first_photo_view .photo .img {width: 270px;height: 270px;float:none;} .home-page #page > header{ height: 100px; /*position:relative;*/ -moz-box-shadow: 0px 0 0px black !important; -webkit-box-shadow: 0px 0 0px black !important; -o-box-shadow: 0px 0 0px black !important; -ms-box-shadow: 0px 0 0px black !important; box-shadow: 0px 0px 0px black !important;} .component.logo{ height:100px !important; line-height: 90px !important; } .short .logo_image { max-height: 80px !important; } /*****display 2 badges*****/ .component.content_badges.default_view .item-container.slots-2 .item-first .content-badge { width: 50%; float: none; margin:0 auto; } .component.content_badges.default_view .item-container.slots-2 .item-last .content-badge { width: 50%; float: none; margin:0 auto; } @media screen and (max-width: 960px) { #main-menu-desktop .item-container .item-last .item-container{ min-width: 150px; } .short #main-menu-desktop {display: none!important;} #menu-toggle{ display: table-cell; width: 25%; text-align: left; vertical-align: middle;} .short .component.logo { width: 100%; } .component.logo.default_view.logomobile { display: table-cell; width: 50%; vertical-align: middle; float: none; } .header-buttons .component.cart.basket_button_view { display: table-cell; width: 25%; text-align: center; vertical-align: middle; padding-right: 16px; } .component.logo.default_view.logoheader { display: none; } #page > header .header-content{width: 100%} .reservation_bar .reservation-content{width: 100%} .component.footer-layout{width: 100%} .component.slider > .item-container > .item .content .site-title{ font-weight: 100; line-height: 1.1em; font-size: 2.8rem;} .component.slider > .item-container > .item .content .title{ font-weight: 100; line-height: 1.1em; font-size: 2.2rem; } .component.slider > .item-container > .item .content .text { font-weight: 100; line-height: .9em; font-size: 1.8rem; } .component.content_badges .content-badge-img { height: 180px; width: 180px; } .activity-page .component.content_badges .content-badge-img { height: 160px; width: 160px; } /*****display 2 badges*****/ .component.content_badges.default_view .item-container.slots-2 .item-first .content-badge { width: 100%; } .component.content_badges.default_view .item-container.slots-2 .item-last .content-badge { width: 100%; } .activity-page-content.page-size .item-container.content-badge-items{padding:0;} .foot { padding: 30px ; } } @media screen and (max-width: 768px) { .component .site_title.default_view .title , .component .site_title{font-size: 5rem;} } @media screen and (max-width: 768px) { .component.accesses .accesses-with-icons { width: 100%; } footer .component.logo { text-align: center;} .page-size{width: 100%;padding:20px 30px 20px;} /*.home-page .page-size { padding: 20px 10px;}*/ .home-page .multimedia-block .component.vertical_layout.default_view { padding: 0px 0 60px 0;} .home-page .multimedia-block .gallery-block { margin-top: 0px;} #page > header .header-content{height: 120px} header.short { -moz-box-shadow: 0px 0 0px black !important; -webkit-box-shadow: 0px 0 0px black !important; -o-box-shadow: 0px 0 0px black !important; -ms-box-shadow: 0px 0 0px black !important; box-shadow: 0px 0 0px black !important; border:none !important;} .component.logo{height: 120px;width:100%;background:none;} .component.languages.dropdown_view{left: 30px} .activity.short_view{ padding:0px 0 20px } .horizontal_layout > .item-container.slots-2 > .item-last { padding-left: 0px; } .horizontal_layout > .item-container.slots-2 > .item-first { padding-right: 0px; } .component.address.default_view, .component.address.long_view{float:none;width:auto;} .component.contact.list_view .item-container .item{float: none;width:auto;} .resa-contact .component.booking.default_view, .resa-contact .component.contact_page.contact_link_view { padding: 0 25%; } .reservation_bar .reservation-content{padding:0 0 0 30px} .site_title.with_link_view .title { position:absolute; top: 120px; margin: 0; max-width: 100%; text-align: center; } .Col-left{width:50%} .Col-right{width:48%;margin:0 0 0 2%} .Col-center{display:block} .Col-center .news{margin-top: 30px;} .news-display{display:none} .home-page-content {padding: 0 ;} .home-page .page-size {padding: 10px ;} .component.slider.with_site_title_view > .item-container > .item .content {margin: 0 ;} .short_title_view{padding:0 !important;} /*.component.slider > .item-container > .item .content { right: 0; top: 50%; bottom: 0; width: auto; }*/ .component.catalog .products_list.grid-view{margin-right:0px} .component.catalog .products_list.grid-view .product_item{margin:0 30px 30px 0} .bottom-footer.page-size { padding: 0px !important; } #page > footer .component.footer-layout .title{text-align: center;padding: 0 0 25px;} .component.footer-layout{padding:20px 30px 10px 30px} /*spacing between each footer block */ .component.footer-layout > .item-container > .item{ margin-top: 20px; margin-bottom: 0px; } /*spacing between each list item of footer block */ .component.footer-layout .component.brochures.default_view .brochures-content .brochures-items .brochures-item, .component.footer-layout .component.point_of_sale.default_view .location-block .item-container .item, .component.footer-layout .component.point_of_sale.default_view .schedules-block .item-container .item, .component.footer-layout .component.point_of_sale.default_view .component.contact_page.more_info_link_view, .component.footer-layout .component.links.default_view .links-content .links-items .links-item{ margin-bottom: 30px } .horizontal_layout > .item-container.break_at_tablet.slots-2 > .item-last{/*width: 100%;padding-left:0;*/} .horizontal_layout > .item-container.slots-2 > .item-first{padding-right:15px;} .spomean >.item-container >.item { padding: 0px;} .component.content_badges .item-container.slots-3 .item { width: 100%; padding: 0 0 50px; } .component.content_badges .item-container.slots-2 .item { width:100%; } .col1 { width: 100%; float: none; padding:0; } .col2 { width: 100%; float: none; padding: 0 ; border-left: 0px solid #BF190A; margin-top: 20px; } .component.brochures.default_view.with-h2-like.using-link-with-chevron-on-right{padding-bottom:40px} #page > footer .title { text-align: center;} footer .more-info{ float:none !important; } .component.slider .slider-buttons{ width: 100%; text-align: center; padding:10px 0; top:750px; } .component.slider{ width: 100%; margin: 0 ; } .component.slider .slider-arrows .slider-arrow{ color: #fff; } .component.slider .slider-arrows .slider-arrow.previous{ left: 10px; } .component.slider .slider-arrows .slider-arrow.next{ right: 10px; } .component.slider.with_site_title_view > .item-container > .item .content{ position: relative; } .visual-item { visibility: visible; } } @media screen and (max-width: 600px) { .catalog-controls {display: table;} .catalog-controls .control-item{display:table-row} .catalog-controls .control-item .title{display:table-cell;float:inherit;vertical-align:middle} .catalog-controls .control-item.component.catalog.display_mode_view{float:inherit;vertical-align:middle;text-align:inherit;} .component.catalog.display_mode_view .buttons-grp{display: table-cell;text-align: right;padding-top: 13px} .catalog-controls .control-item .custom-select{max-width: 150px;margin-top:13px;float:right; } } @media screen and (max-width:480px) { body{ background-size:cover !important; background-position:center center !important; } .bkg { padding: 100px;} .catalog-home-page-content.page-size, .catalog-page-content.page-size, .presentation-page-content.page-size, .activity-page-content.page-size, .photos-page-content.page-size, .video-page-content.page-size, .contact-page-content, .cart-page-content.page-size { padding: 100px 5% 20px; } .component.catalog_product .product-detail-thumb .main-image {width: 100%;} .component.catalog_product .product-detail-thumb .product-image {width: 100%;} .with-h1-like .title, .richtext h1{padding-top:0px;margin-bottom:25px} .home-page #page > header{padding:0;} #page > header{padding:0;} #page > header .header-content{height: 75px!important} .component.logo{height: 75px !important;padding:0;text-align: center;line-height: 72px !important;} .component.logo img{max-height: 65px !important;margin: 5px 0;} .component.languages.dropdown_view{left: 10px} .component.logo { width: 50%;} .site_title.with_link_view .title { position:absolute; top: 75px; margin: 0; font-size: 100%; max-width: 100%; text-align: center; background: none; box-shadow:none; } .Col-left{width:100%} .Col-right{width:100%;margin: 10px 10px 0 0 !important;} .resa-contact .component.booking .booking-button,.resa-contact .contact-link{ font-size:16px; height: 25px; line-height: 25px; width: auto;} .reservation_bar .reservation-content{padding: 0} .component .site_title.default_view .title , .component .site_title{font-size: 2rem;} .component.site_title.default_view {top:100px;} #main-menu{ font-size: 18px; } #main-menu .menu-item-tab {width:200px;} #menu-toggle { padding-top:0px; } .short .component.logo { width: 50%; } .component.catalog.back_view, .component.catalog_product.back_view {position: static; margin: 20px 0 -20px} .component.catalog.back_view .nav-element, .component.catalog_product.separated_pagination_view .nav-element{ font-size:12px !important; } .component.product-detail.horizontal_layout.product-detail > .item-container > .item-last{ padding-left:0px } /* specific design for product detail in T009 */ .component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-1, .component.product-detail.horizontal_layout > .item-container.slots-2 > .item.item-2{ width: 100%; } .component.catalog .products_list.grid-view{margin-right:0px} .component.catalog .products_list.grid-view .product_item{ margin:0 10px 10px 0; width: 100%; height: auto; max-height: 100%;} .component.product-detail.horizontal_layout > .item-container > .item:nth-child(n+2){ padding-top:20px; padding-left:0px; } .thumb-zoom {width: 100%;height: auto;position: absolute;left: 0!important} .address-block{width: 100%} .address-block .col1{width: 100%;text-align: center} .address-block .col1 .title{text-align: center} .address-block .col2{text-align: center;width: 100%;float: none} .address-block .col2 .title{text-align: center;margin-top: 25px} .component.accesses .accesses-with-icons .item{display: block;width: 100%} .component.accesses .access .type{display: inline-block} .component.accesses .access .text{display: inline-block} .contact_form.default_view .field .captcha-input{display: block;margin: 10px auto 0 auto;width: 168px;float: none} .field .captcha-label{float: none;width: 168px;margin: 0 auto;display: block} .captcha .captcha-text{text-align: center} .button.send_button{width: 100%} .component.footer-layout{padding:20px 15px 10px 15px} .horizontal_layout.social-buttons > .item-container > .item{ height:49px; } .terms-of-sale-block-content > *{ width:100%; } .social-buttons { padding: 10px 0;} .component.slider.with_site_title_view > .item-container > .item .content { width: 100%;} .component.slider > .item-container > .item .content .site-title { font-weight: 100; line-height: 1.1em; font-size: 2.5rem;} .component.slider > .item-container > .item .content .title { font-weight: 100; line-height: 1.1em; font-size: 2rem; } .component.slider > .item-container > .item .content .text { font-weight: 100; line-height: 1.1em; font-size: 1.5rem; } .component.slider .slider-arrows { top: 154px; opacity: 0.5; } .component.slider.with_site_title_view > .item-container > .item .content{position:relative;} .component.slider { height: auto; } .component.slider {margin-bottom: 0px;} .component.social_sharing .share-by-sms,.component.social_sharing .share-by-email, .component.social_sharing .badge-button-label{margin: 0px;} footer .component.social_sharing .share-by-sms,footer .component.social_sharing .share-by-email,footer .component.social_sharing .badge-button-label{margin: 10px 0 0 0;} .horizontal_layout.product-share-links-desktop li a{margin:0;} .horizontal_layout > .item-container.break_at_tablet.slots-4 > .item {/*width: 100%;*/} .component.booking .booking-button {font-size:20px; width:100%;margin:0 auto;} .component.booking.default_view{padding:0;} .component.layout.default_view.resa-cont-slider {top: 270px;} .dents::before {top: 335px;} .home-page .component.photos.first_photo_view .photo .img {width: 200px;height: 200px;} .resa-contact .component.booking.default_view, .resa-contact .component.contact_page.contact_link_view {padding: 0%;text-align: center;} .foot{padding:20px 0 ;} .col2 {margin-top:20px} .social-buttons { padding: 0;} .component.catalog_page.sub_menu_view .menu-item-page .menu-link-page { margin: 0 0 20px; width: 100%;} .component.photos .gallery-photos .photo { margin: 0 0px 20px 0px; } .component.photos.gallery_short_view .gallery-photos .item { width:100%; } .component.catalog_page.sub_menu_view .menu-item-page { width: 100%; } h3, .h3-like, h2, .h2-like { font-size: 2.4rem; } h1, .h1-like { font-size: 3.2rem; } } @media screen and (max-width:369px) { .component.slider > .item-container > .item .content .site-title{ font-weight: 100; line-height: 1.1em; font-size: 2rem;} .component.slider > .item-container > .item .content .title{ font-weight: 100; line-height: 1.1em; font-size: 1.5rem; } .component.slider > .item-container > .item .content .text { font-weight: 100; line-height: .9em; font-size: 1rem; } } /***media 1150px fin*/ } /* -- Code amaury -- */ .container_menu { display: flex; align-items: stretch; flex-direction: row; background: 'Uncustomized color'; } .container_menu { padding-bottom: 0; } body { overflow-x: hidden; -webkit-overflow-x: hidden; -moz-overflow-x: hidden; color: #000000; background-attachment: fixed; } #sl .content{ display: none; } .home-page #sl .content{ display: block; } .home-page .container_menu { padding-bottom: 185px; } /*- Menu -*/ header { width: 15%; top: 0; z-index: 20; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; background: #000000; } #main-menu-desktop .menu > .item-container { display: flex; flex-direction: column; align-items: center; } #main-menu-desktop .item-container .item { width: auto; height: auto; } #main-menu-desktop .item-container .item .menu-link { line-height: 20px; } #main-menu-desktop .item-container .item .menu-link { color: #FFFFFF; background: #000000; padding: 10px 25px; } #main-menu-desktop >.menu > .item-container > .item > .menu-link { margin: 5px; } #main-menu-desktop .item-container .active.item .menu-link, #main-menu-desktop .item-container .item:hover > .menu-link { color: #000000; background: #9BCC35; } #main-menu-desktop .item-container .cart.item { background: #FFFFFF; margin: 25px 0; } #main-menu-desktop .item-container .cart.item a.show-basket { margin: 0; } #main-menu-desktop .item-container .item:hover .item-container { top: 0; width: 100%; display: flex; background: transparent; height: 100%; flex-direction: column; justify-content: center; left: 9%; z-index: 2; } #main-menu-desktop .item-container .medias_page.item:hover .item-container{ top: 1%; } #main-menu-desktop .item-container .catalog_page.item:hover .item-container { top: 3%; } #main-menu-desktop .item-container .photos_page.item:hover .item-container { top: 4%; } #main-menu-desktop .item-container .activity_page.item-7.item:hover .item-container { top: 4%; } #main-menu-desktop .item-container .activity_page.item-7.item.active:hover .item-container { top: 1%; } #main-menu-desktop .item-container .item-container .item { width: 15%; left: 6%; position: relative; } #main-menu-desktop .item-container .item .item-container .item .menu-link { background-color: rgba(255,255,255,0.85); border-left: 0; } #main-menu-desktop .item-container .item .item-container .item .menu-link:hover { background-color: #9BCC35; color: #000000; } #main-menu-desktop .item-container .item:hover .item-container:after { display: none; } /*- Slide -*/ .component.slider.with_site_title_view > .item-container > .item .content .site-title { color: 'Uncustomized color'; } @media screen and (min-width: 768px) { .component.slider.with_site_title_view > .item-container > .item .content .site-title { font-size: 52px; } } .container_menu .component.vertical_layout.default_view.slid { width: 100%; } #sl > .item-container { height: 700px !important; } #sl .visual .visual-item { visibility: hidden; } .container_menu .component.slider.with_site_title_view > .item-container > .item .content { position: relative; left: -20%; width:120%; padding: 25px 50px; background-color: 'Uncustomized color'; opacity: 1; } .container_menu .component .site_title.default_view { z-index: 2; opacity: 1; top: 33%; width: 100%; } .container_menu .component .site_title.default_view .title, .container_menu .component .site_title.default_view p { margin-bottom: 0; text-shadow: 3px 1px 4px rgba(0,0,0,1); } .component.slider > .item-container > .item .content .title { padding: 5px 15px 25px; } .content b{ display: none; } #resa-contact{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 19; top: 66%; } .resa-contact .component.booking .booking-button{ background: transparent; color: #fff !important; text-shadow: 2px 1px 1px rgba(0,0,0,1); border-radius: 50px; height: auto; padding: 10px 20px; border: 3px solid white; font-size: 20px; } .social-buttons{ background:'Uncustomized color'; text-align: center; padding-bottom: 20px; } .social-buttons > .item-container{ display: inline-block; margin: 0 auto; width: auto; } .component.social_sharing.share_by_email_view, .component.social_sharing.share_by_sms_view{ position: relative; } /*- Main -*/ .m1{ padding: 0 10%; } .m1 .presentation > .block{ display: flex; flex-direction: row; align-items: stretch; align-content: stretch; } .m1 .presentation > .block .block-images, .m1 .presentation > .block .block-text{ width: 50%; } .m1 .presentation > .block .block-text{ display: flex; flex-direction: column; justify-content: center; background: #000000; color: #FFFFFF; padding: 50px; } .m1 .presentation > .block .block-text h3 { color: #FFFFFF; } .m1 .presentation > .block .block-text .more-info { background: transparent; color: #FFFFFF; text-shadow: 2px 1px 1px rgba(0,0,0,1); border-radius: 50px; height: auto; height: auto; padding: 10px 20px; border: 3px solid #FFFFFF; font-size: 13px; transition: all 500ms ease; } .m1 .presentation > .block .block-text .more-info:hover { border: 3px solid #000000; background: #FFFFFF; color: #000000; text-shadow: 0px 0px 0px rgba(0,0,0,1); } .m1 .presentation > .block .block-text .content { text-align: right; } .m1 .presentation > .block .block-text .short-text { padding-left: 25%; text-align: left; } .m2 { height: 210px; position: relative; background: 'Uncustomized color'; margin: 0 10%; } .m2 .premium_visual .content { display: none; } .m2 .premium_visual .visual { position: absolute; width: 350px; left: 50%; transform: translateX(-50%); top: -140px; border-radius: 100%; } .m2 .premium_visual .visual:before { content: ""; width: 110%; height: 110%; display: block; position: absolute; border: 5px solid #9BCC35; border-left: 5px solid transparent; border-right: 5px solid transparent; border-radius: 100%; top: -7%; left: -7%; -moz-animation: spinoffPulse 2.5s infinite linear; -webkit-animation: spinoffPulse 2.5s infinite linear; } @-moz-keyframes spinoffPulse { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } .m2 .premium_visual .visual img { border-radius: 100%; width: 350px; height: 350px; box-shadow: 0px 0px 3px 1px black; } .m3, .m4, .m5 { margin: 0 10%; background: 'Uncustomized color'; } .m3 .news { width: 100%; padding: 10px 10px; color: #000000; } .m3 .news .news-text { width: 40%; display: block; margin: 0 auto; } .m4 { height: auto; position: relative; } .m4 h2{ display: none; } .m4 .component.videos.default_view .videos_content { width: 55%; text-align: center; position: relative; margin:40px auto; } .m4 .videos h3 { display: none; } .m5 { position: relative; } .m5:after { content: ''; position: absolute; display: block; width: 1px; top: 0; padding-top: 50px; height: 97%; left: 50%; opacity: 0.2; transform: translateX(-50%); background: #000000; } .m5 .activity { height: 90vh; position: relative; } .m5 .activity > .block { display: flex; flex-direction: row; align-items: center; position: sticky; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; z-index: 1; top: 25%; } .m5 .activity > .block:before { content: ""; position: absolute; display: block; width: 30px; height: 30px; border-radius: 100px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; } .m5 .activity .block .block-images, .m5 .activity .block .block-text { width: 50%; } .m5 .activity .block .block-images{ padding: 0 120px; } .m5 .activity .block .block-text { padding: 20px 120px; color: #000000; } .m5 .activity > .block .block-text .more-info{ background: transparent; color: #000000; border-radius: 50px; height: auto; padding: 10px 20px; border: 3px solid #000000; font-size: 13px; transition: all 500ms ease; } .m5 .activity > .block .block-text .more-info:hover{ background: #000000; color: #FFFFFF; border: 3px solid #9BCC35; } /*- Footer -*/ footer { background: #000000; color: #FFFFFF; } .foot { padding: 50px 120px; } #page > footer .title { color: #FFFFFF; text-align: left; } footer .component.address.default_view, footer .component.address.long_view, footer .component.contact.list_view .item-container .item{ text-align: left; } .foot a, .contact-page .foot .phone-link, .contact-page .foot .email-link, .contact-page .foot .mobile-link, .contact-page .foot .url-link{ color: #FFFFFF; } .foot a:hover, .foot .contact-page .phone-link:hover, .foot .contact-page .email-link:hover, .foot .contact-page .mobile-link:hover, .foot .contact-page .url-link:hover{ color: #000000; } .foot .contact-box > .item-container{ display: flex; align-items: stretch; flex-direction: row; } .foot .horizontal_layout > .item-container > .item{ padding: 0 40px; } .foot .horizontal_layout > .item-container.slots-2 > .item:first-child, .foot .horizontal_layout > .item-container.slots-3 > .item:nth-child(-n+2){ border-right: 1px solid #FFFFFF; } .foot .component.points_of_sale>ul.points-of-sale-container{ display: flex; flex-direction: column; } #page footer .points_of_sale > .item-container.slots-2.points-of-sale-container > .item{ margin: 10px 0 0 0; } #page footer .points_of_sale > .item-container.slots-3.points-of-sale-container > .item{ margin: 10px 0 0 0; } #page footer .points_of_sale > .item-container.slots-2.points-of-sale-container .item-last .title, #page footer .points_of_sale > .item-container.slots-3.points-of-sale-container .item-last .title, #page footer .points_of_sale > .item-container.slots-3.points-of-sale-container .item:not(.item-first) .title{ display: none; } #page footer .points_of_sale > .item-container.slots-2.points-of-sale-container .item-first .contact_page.more_info_link_view, #page footer .points_of_sale > .item-container.slots-3.points-of-sale-container .item-first .contact_page.more_info_link_view, #page footer .points_of_sale > .item-container.slots-3.points-of-sale-container .item .contact_page.more_info_link_view{ display: none; } #page footer .points_of_sale > .item-container.points-of-sale-container .item .address .name { font-weight: bolder; font-size: 120%; } #page footer .points_of_sale > .item-container.points-of-sale-container .item:not(.item-first) .address .name { margin-top:10px; } footer .bottom-footer .solocalms-generic-footer > .item-container{ display: flex; flex-direction: row; align-items: center; } footer .component.schedule li{ display: block; } footer .component.mogs .mogs-items{ color: #000; } /*- Animation -*/ .m2 .premium_visual.animation-elment{ transform: scale(0); opacity: 0; transition: all 0.8s ease; } .m2 .premium_visual.animation-elment.in-view{ transform: scale(1); opacity: 1; } .m2 .premium_visual.animation-elment:before{ transform: scale(0); opacity: 0; transition: all 1.5s ease; transition-delay: 0.5s; } .m2 .premium_visual.animation-elment.in-view:before{ transform: scale(1); opacity: 1; } .m3 .news.animation-elment{ position: relative; left: -100%; opacity: 0; transition: all 0.5s ease; } .m3 .news.animation-elment.in-view{ left: 0%; opacity: 1; display: flex; align-items: center; padding-top: 20px; } .m3 .news .news-image{ width: 80%; margin: auto; } .m5 .item-1 .activity.animation-element > .block:before{ top: -40px; opacity: 0; transition: all 0.5s ease; } .m5 .item-1 .activity.animation-element.in-view > .block:before{ top: 50%; opacity: 1; transform: translateX(-50%) translateY(-50%); } .m5 .activity.animation-element > .block:before{ border: 1px solid #000000; background: 'Uncustomized color'; opacity: 1; transition: all 1000ms ease; } .m5 .activity.animation-element.in-view > .block:before{ border: 1px solid #000000; background: #000000; box-shadow: 0 0 0 15px 'Uncustomized color'; opacity: 1; } .m5 .activity.animation-element > .block .block-images{ transform: scale(0); transition: all 1000ms ease; } .m5 .activity.animation-element.in-view > .block .block-images{ transform: scale(1); } /* - Responsive - */ @media screen and (min-width:860px) { .m3 .news { padding-bottom: 50px; } } @media screen and (max-width:1620px) { header { width: 20%; } #main-menu-desktop .item-container .item:hover .item-container { left: 12%; } #main-menu-desktop .item-container .item-container .item { left: 7%; } .m1 { padding: 0 0%; } .m2, .m3, .m4, .m5 { margin: 0 5%; } .m5 .activity .block .block-images { padding: 0 70px; } .m5 .activity .block .block-text { padding: 20px 70px; } .social-buttons { padding: 20px 0; } } @media screen and (max-width:1450px) { .m1 .presentation > .block .block-text { padding: 3%; } .m3 .news .news-text { width: 80%; } } @media screen and (max-width:1360px) { .m1 .presentation > .block .block-text { padding: 2%; } } @media screen and (max-width:1280px) { header { width: 25%; } .container_menu .component.slider.with_site_title_view > .item-container > .item .content { left: -25%; width: 125%;} #main-menu-desktop .item-container .item:hover .item-container { left: 15%; } #main-menu-desktop .item-container .item-container .item { width: 20%; left: 7.6%; } .m2, .m3, .m4, .m5 { margin: 0 0%; } .m2 .premium_visual .visual { top: -90px; } } @media screen and (max-width:1024px) { #page { overflow-x: hidden; } .social-buttons { padding: 50px 0 20px; } .m2 .premium_visual .visual { width: 300px; } .m2 .premium_visual .visual img { width: 300px; height: 300px; } .m4 .videos_content { margin: 25px auto 0; width: 50%; } .m5 .activity .block .block-text { padding: 20px 30px; } .m5 .activity .block .block-images { padding: 0 30px; } .foot{ padding: 30px 30px; } footer .bottom-footer.page-size { padding: 0 30px; } } @media screen and (max-width:960px) { header { width: 100%; display: block; position: absolute; top: 0; background: transparent; } .component.cart.basket_button_view a{ background: url(/service/2.61.0/template_statics/fr/_/img/cartmob_generated_primary.png) no-repeat; background-size: 50px; } .container_menu .component.vertical_layout.default_view.slid { width: 100%; } .container_menu .component.slider.with_site_title_view > .item-container > .item .content { width: 100%; left: 0; } } @media screen and (max-width:768px){ .horizontal_layout.social-buttons > .item-container > .item { height: auto; } .m1 .presentation > .block { flex-direction: column; } .m1 .presentation > .block .block-images, .m1 .presentation > .block .block-text { width: 100%; } .m1 .presentation > .block .block-text { padding: 5%; } .m1 .presentation > .block .block-text .short-text { padding-left: 2%; } .m2 { height: 360px; padding: 30px 0; } .m2 .premium_visual .visual { top: 0; } .m3 .news { width: 100%; } .m3 .news.animation-elment.in-view{ flex-direction: column; } .m3 .news .news-image{ width: 90%; } .m3 .news .news-text { width: 90%; } .m4 { height: auto; } .m4 .videos_content { position: initial; width: 100%; padding: 30px 0; transform: translateX(0%); left: 0; } .m5:after { left: 5%; } .m5 .activity .block .block-text { position: relative; width: 90%; left: 5%; } .m5 .activity > .block{ flex-direction: column-reverse; } .m5 .activity .block .block-images{ width: 90%; position: relative; left: 5%; } .m5 .activity > .block:before, .m5 .item-1 .activity.animation-element.in-view > .block:before { left: 1%; transform: translateX(0%) translateY(-50%); } footer .bottom-footer.page-size{ padding: 0 50px; } .foot{ padding: 0; } .foot .contact-box > .item-container, footer .bottom-footer .solocalms-generic-footer > .item-container{ flex-direction: column; } .foot .horizontal_layout > .item-container.slots-2 > .item:first-child, .foot .horizontal_layout > .item-container.slots-3 > .item:nth-child(-n+2){ border-right: 0; border-bottom: 1px solid #FFFFFF; } .foot .horizontal_layout>.item-container.break_at_tablet.slots-2>.item, .foot .horizontal_layout>.item-container.break_at_tablet.slots-3>.item, .foot .horizontal_layout>.item-container.break_at_tablet.slots-1>.item{ padding: 35px; } } @media screen and (max-width:640px){ footer .bottom-footer .solocalms-generic-footer > .item-container{ flex-direction: column; } .m5 .activity{ height: auto; } .m5 .activity .block .block-text{ padding: 20px 10px 20px 20px; } } @media screen and (max-width:480px){ #resa-contact{ width: 100%; } .resa-contact .component.booking .booking-button{ font-size: 16px; } .home-page .container_menu{ padding-bottom: 290px; } .component.slider{ min-height: 300px; } .component.slider .visual{ height: 300px; max-height: 300px; } .component .site_title.default_view .title, .component .site_title{ font-size: 2.1rem; } .component.slider > .item-container > .item .content .title{ font-size: 2rem; } .component.slider > .item-container > .item .content .text{ font-size: 1.5rem; } .container_menu .component.slider.with_site_title_view > .item-container > .item .content{ padding: 25px 0; } #sl > .item-container{ height: auto !important; } .social-buttons{ padding: 25px 0 20px; } .m1 .presentation > .block .block-text{ padding: 8%; } .m2 .premium_visual .visual{ width: 275px; } .m2 .premium_visual .visual img{ width: 275px; height: 275px; } .m5:after{ left: 6%; } } /*--- Other Page ---*/ .contact-page .means_of_payment{ text-align: center; } .styled-lists ul .item:not(.no-bullet):before, .richtext ul li:before{ display: none; } @media screen and (min-width:480px){ .presentation-page .presentation, .activity-page .activity{ padding: 30px; color: #000000; } } .component.popin > .popin-content, .component.popin > .popin-content h3{ color: #333; } .presentation-page .photos.gallery_short_view{ padding: 80px 0 50px; } .photos-page .component.photos.slideshow_view .slideshow-photos .photo .image .img{ margin: 50px auto 0; } .internal_component.catalog_product.short_view{ color: #333; height: 90%; } .component.social_sharing .badge-button-label, .component.social_sharing .share-by-email, .component.social_sharing .share-by-sms{ margin: 0; } .component.catalog_product.price_view .prices .price-item{ font-size: 18px; } .component.catalog_product.price_view .prices .price{ line-height: inherit; } .component.catalog_product.ecommerce_view .add-to-basket{ color: #FFFFFF; } .title-spoken-means.with-h2-like > h2{ font-size: 50px; display: none; } .contact.contact_form_view .title{ font-size: 30px; } .contact-page .main-content .component.point_of_sale.default_view{ background: transparent; } .contact-page .component.privacy_policy.notice_link_view a{ color: #9BCC35; } .component.accesses .access .text{ padding-left: 10px; float: left; display: inline-block; } .component.accesses .access .type{ float: left; width: auto; } .component.content_badges a.content-badge-wrapper { color: #000000; } .component.content_badges a.content-badge-wrapper:hover{ color: #000000; } .component.catalog_product.title_view .title{ color: #000000; } .contact-page .fax a{ color: #000000; text-decoration: none; } .catalog-page-content a{ color: #000000; } .component.catalog_page.sub_menu_view .menu-item-page .menu-link-page{ border: 1px solid #9BCC35; color: #9BCC35; } .contact-page .phone-link,.contact-page .email-link, .contact-page .mobile-link, .contact-page .url-link{ color: #000000; } .contact-page .component.point_of_sale .selector{ width: 60%; } .privacy-policy-page .component.privacy_policy.default_view a, .privacy-policy-notice-page .component.privacy_policy.notice_view a{ color: #9BCC35; } @media screen and (max-width:768px){ .contact-page .component.point_of_sale .selector{ width: 100%; } .resa-contact .component.booking.default_view, .resa-contact .component.contact_page.contact_link_view{ width: 100%; padding: 0 4%; } } @media screen and (max-width:500px){ .title-spoken-means.with-h2-like > h2{ font-size: 40px; } .component.content_badges .content-badge-item{ float: none; } }