@font-face { font-family: 'Roboto'; src: url("fonts/roboto-bold-webfont.woff2") format("woff2"),url("fonts/roboto-bold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: 'Roboto'; src: url("fonts/roboto-bolditalic-webfont.woff2") format("woff2"),url("fonts/roboto-bolditalic-webfont.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap } @font-face { font-family: 'Roboto'; src: url("fonts/roboto-medium-webfont.woff2") format("woff2"),url("fonts/roboto-medium-webfont.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Roboto'; src: url("fonts/roboto-mediumitalic-webfont.woff2") format("woff2"),url("fonts/roboto-mediumitalic-webfont.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap } @font-face { font-family: 'Roboto'; src: url("fonts/roboto-regular-webfont.woff2") format("woff2"),url("fonts/roboto-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'Roboto'; src: url("./../../../clermont-rgaa/assets/fonts//Roboto/roboto-Italic.woff2") format("woff2"),url("./../../../clermont-rgaa/assets/fonts//Roboto/roboto-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main { display: block } body { line-height: 1 } ol,ul { list-style: none } blockquote,q { quotes: none } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none } ins { text-decoration: none } del { text-decoration: line-through } table { border-collapse: collapse; border-spacing: 0 } a { text-decoration: none; -webkit-transition: color 0.25s ease; transition: color 0.25s ease } input,select,textarea { outline: none } .clearfix { overflow: auto; zoom:1} html,body { height: 100% } html { font-size: 100%; margin-top: 0 !important } body { height: 100%; font-family: "Roboto",Sans-Serif; font-size: .8125rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; margin: 0; padding: 0 } body.no-scroll { overflow: hidden } a:focus { outline: 1px dashed #000 } .btn-border:before,.to-expand[data-expand]:not(.expand):before,.overlay-map .wrapper-map .maps,.overlay-phototheque .right-content .tabs input[type="radio"],.card-non-partenaire .content,.cover .container-video>video,.cover figure,.landing-bloc-sejour .card-landing-sejour figure img,.page-mediatheque .wrapper-mediatheque>* figure img,.search-page .search-results .col-25 a.bloc-card-agenda figure img,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda figure img,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .no-photo img,header#header-v2 #nav-v2 .right-submenu .card-vignette figure img,header#header-v2 #nav-v2 .right-submenu .card-vignette .no-photo img,.right-submenu .wrapper-search-algolia,.right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda figure img,.right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .no-photo img,.right-submenu .card-vignette figure img,.right-submenu .card-vignette .no-photo img,.contact-map .maps,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label:before,.bloc-actu figure img,.embed-container iframe,.caption-image-full ~ figure:before,.caption-image-full ~ figure:after,.bloc-mosaique .item figure img,.no-hover .bloc-tiers .col-33 a figure,.bloc-tiers .col-33 a figure,.bloc-tiers .col-33 a figure:after,.bloc-parallax:before,.bloc-parallax:after,.bloc-relation-apidae-contact .wrapper-maps .maps { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } [data-expand]+.btn-expand { display: -webkit-box; display: flex; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .cta,#zoombox .zoombox_prev,#zoombox .zoombox_next,.zoombox .zoombox_close,.bloc-form input[type=range],.toggle,[data-expand]+.btn-expand,.overlay .close-overlay,.overlay-filtre .content .wrapper-filtre .frm_checkbox label input,.overlay-filtre .content .wrapper-filtre .wrapper-date input,.overlay-phototheque .right-content .btn,.overlay-phototheque .right-content .haute-def .frm_forms form .btn,.overlay-phototheque .right-content .tabs input[type="radio"],.page-landing .nav-interne .slick-next,#header-v2 .content-wrapper .wrapper-circle .circle,.button-menu,header#header-v2 #nav-v2 .cta-close-menu,header#header-v2 #nav-v2 .right-search form input,header#header-v2 #nav-v2 .right-search form .fake-submit,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale input,.wrapper-facette ul li>a,.wrapper-facette ul li>button,.bloc-faq .tab-buttons button,.bloc-faq .wrapper-accordeons .accordeon .title-accordeon button { -webkit-appearance: none; resize: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; outline: none; background: none } .cta::-ms-clear,#zoombox .zoombox_prev::-ms-clear,#zoombox .zoombox_next::-ms-clear,.zoombox .zoombox_close::-ms-clear,.bloc-form input[type=range]::-ms-clear,.toggle::-ms-clear,[data-expand]+.btn-expand::-ms-clear,.overlay .close-overlay::-ms-clear,.overlay-filtre .content .wrapper-filtre .frm_checkbox label input::-ms-clear,.overlay-filtre .content .wrapper-filtre .wrapper-date input::-ms-clear,.overlay-phototheque .right-content .btn::-ms-clear,.overlay-phototheque .right-content .haute-def .frm_forms form .btn::-ms-clear,.overlay-phototheque .right-content .tabs input[type="radio"]::-ms-clear,.page-landing .nav-interne .slick-next::-ms-clear,#header-v2 .content-wrapper .wrapper-circle .circle::-ms-clear,.button-menu::-ms-clear,header#header-v2 #nav-v2 .cta-close-menu::-ms-clear,header#header-v2 #nav-v2 .right-search form input::-ms-clear,header#header-v2 #nav-v2 .right-search form .fake-submit::-ms-clear,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale input::-ms-clear,.wrapper-facette ul li>a::-ms-clear,.wrapper-facette ul li>button::-ms-clear,.bloc-faq .tab-buttons button::-ms-clear,.bloc-faq .wrapper-accordeons .accordeon .title-accordeon button::-ms-clear { display: none } body:not(.no-hover) .btn:focus-visible,body:not(.no-hover) .btn-plus:focus-visible,body:not(.no-hover) .btn-border:focus-visible,body:not(.no-hover) .btn-transparent:focus-visible,body:not(.no-hover) .owl-carousel .owl-nav .owl-prev button:focus-visible,.owl-carousel .owl-nav .owl-prev body:not(.no-hover) button:focus-visible,body:not(.no-hover) .owl-carousel .owl-nav .owl-next button:focus-visible,.owl-carousel .owl-nav .owl-next body:not(.no-hover) button:focus-visible,body:not(.no-hover) .owl-carousel .owl-dot button:focus-visible,.owl-carousel .owl-dot body:not(.no-hover) button:focus-visible,body:not(.no-hover) #zoombox .zoombox_prev:focus-visible,#zoombox body:not(.no-hover) .zoombox_prev:focus-visible,body:not(.no-hover) #zoombox .zoombox_next:focus-visible,#zoombox body:not(.no-hover) .zoombox_next:focus-visible,body:not(.no-hover) .zoombox .zoombox_close:focus-visible,.zoombox body:not(.no-hover) .zoombox_close:focus-visible,body:not(.no-hover) .leaflet-bar a:focus-visible,.leaflet-bar body:not(.no-hover) a:focus-visible,body:not(.no-hover) .leaflet-control-attribution a:focus-visible,.leaflet-control-attribution body:not(.no-hover) a:focus-visible,body:not(.no-hover) .sort span:focus-visible,.sort body:not(.no-hover) span:focus-visible,body:not(.no-hover) .sort a:focus-visible,.sort body:not(.no-hover) a:focus-visible,body:not(.no-hover) .bloc-pagination .pagination a.next:focus-visible,.bloc-pagination .pagination body:not(.no-hover) a.next:focus-visible,body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .frm_checkbox label input:focus-visible,.overlay-filtre .content .wrapper-filtre .frm_checkbox label body:not(.no-hover) input:focus-visible,body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .classement-chk label:focus-visible,.overlay-filtre .content .wrapper-filtre .classement-chk body:not(.no-hover) label:focus-visible,body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .classement-chk button:focus-visible,.overlay-filtre .content .wrapper-filtre .classement-chk body:not(.no-hover) button:focus-visible,body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .close-overlay:focus-visible,.overlay-filtre .content .wrapper-filtre body:not(.no-hover) .close-overlay:focus-visible,body:not(.no-hover) .bloc-card:focus-visible,body:not(.no-hover) .aside-sticky .sticky-bar a:focus-visible:not(.btn),.aside-sticky .sticky-bar body:not(.no-hover) a:focus-visible:not(.btn),body:not(.no-hover) main header .video-play:focus-visible,main header body:not(.no-hover) .video-play:focus-visible,body:not(.no-hover) .page-landing .nav-interne .navscroll li a:focus-visible,.page-landing .nav-interne .navscroll li body:not(.no-hover) a:focus-visible,body:not(.no-hover) .page-landing .nav-interne .navscroll .item a:focus-visible,.page-landing .nav-interne .navscroll .item body:not(.no-hover) a:focus-visible,body:not(.no-hover) .landing-bloc-mosaique>.col a:focus-visible,.landing-bloc-mosaique>.col body:not(.no-hover) a:focus-visible,body:not(.no-hover) .landing-bloc-clermont-pass .pass .link-list li a:focus-visible,.landing-bloc-clermont-pass .pass .link-list li body:not(.no-hover) a:focus-visible,body:not(.no-hover) .page-landing.landing-generique .fullpage-landing .caption .play-video span:focus-visible,.page-landing.landing-generique .fullpage-landing .caption .play-video body:not(.no-hover) span:focus-visible,body:not(.no-hover) .page-landing.landing-generique .fullpage-landing .caption .play-video:focus-visible,.page-landing.landing-generique .fullpage-landing .caption body:not(.no-hover) .play-video:focus-visible,body:not(.no-hover) .bloc-landing-temoignage .card-testimonial:focus-visible,.bloc-landing-temoignage body:not(.no-hover) .card-testimonial:focus-visible,body:not(.no-hover) .page-single article header .wrap-cat a:focus-visible,.page-single article header .wrap-cat body:not(.no-hover) a:focus-visible,body:not(.no-hover) .page-single article #breadcrumb a:focus-visible,.page-single article #breadcrumb body:not(.no-hover) a:focus-visible,body:not(.no-hover) .wrapper-listing .bloc-listing .grid-item .bloc-card-agenda:focus-visible,.wrapper-listing .bloc-listing .grid-item body:not(.no-hover) .bloc-card-agenda:focus-visible,body:not(.no-hover) .page-listing-v2 .wrapper-facette .facette-exp .facette-date input:focus-visible,.page-listing-v2 .wrapper-facette .facette-exp .facette-date body:not(.no-hover) input:focus-visible,body:not(.no-hover) article.bloc-article>a:focus-visible,body:not(.no-hover) .detail-container .detail-content .bloc #breadcrumb a:focus-visible,.detail-container .detail-content .bloc #breadcrumb body:not(.no-hover) a:focus-visible,body:not(.no-hover) .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture a:focus-visible,.detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture body:not(.no-hover) a:focus-visible,body:not(.no-hover) .detail-container .detail-content .bloc .responsable>div p a:focus-visible,.detail-container .detail-content .bloc .responsable>div p body:not(.no-hover) a:focus-visible,body:not(.no-hover) .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture a:focus-visible,.page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture body:not(.no-hover) a:focus-visible,body:not(.no-hover) .page-detail-agenda .content-container .detail-content .inner-content .responsable>div p a:focus-visible,.page-detail-agenda .content-container .detail-content .inner-content .responsable>div p body:not(.no-hover) a:focus-visible,body:not(.no-hover) .bloc-texte .btn-wysiwyg:focus-visible,.bloc-texte body:not(.no-hover) .btn-wysiwyg:focus-visible,body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.full_optin .frm_opt_container .frm_checkbox>label:focus-visible,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field.full_optin .frm_opt_container body:not(.no-hover) .frm_checkbox>label:focus-visible,body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin .frm_opt_container .frm_checkbox>label:focus-visible,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin .frm_opt_container body:not(.no-hover) .frm_checkbox>label:focus-visible,body:not(.no-hover) .bloc-form .frm_forms form .frm_submit button:focus-visible,.bloc-form .frm_forms form .frm_submit body:not(.no-hover) button:focus-visible,body:not(.no-hover) .bloc-form p a:focus-visible,.bloc-form p body:not(.no-hover) a:focus-visible,body:not(.no-hover) .bloc-actu>a:focus-visible,body:not(.no-hover) .bloc-txt-img .col-50>a:focus-visible:not(.btn),.bloc-txt-img body:not(.no-hover) .col-50>a:focus-visible:not(.btn),body:not(.no-hover) .bloc-testimonial>div>div:not(.wrapper-image).txt .link:focus-visible,.bloc-testimonial>div>div:not(.wrapper-image).txt body:not(.no-hover) .link:focus-visible,body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item .bloc-card-agenda:focus-visible,.bloc-agenda .owl-cards .owl-stage-outer .owl-item body:not(.no-hover) .bloc-card-agenda:focus-visible,body:not(.no-hover) .bloc-agenda .owl-cards .owl-nav .owl-prev button:focus-visible,.bloc-agenda .owl-cards .owl-nav .owl-prev body:not(.no-hover) button:focus-visible,body:not(.no-hover) .bloc-agenda .owl-cards .owl-nav .owl-next button:focus-visible,.bloc-agenda .owl-cards .owl-nav .owl-next body:not(.no-hover) button:focus-visible,body:not(.no-hover) .wrapper-facette form .facette-checkbox.facette-categorie:focus-visible,.wrapper-facette form body:not(.no-hover) .facette-checkbox.facette-categorie:focus-visible,body:not(.no-hover) .wrapper-facette .form .facette-checkbox.facette-categorie:focus-visible,.wrapper-facette .form body:not(.no-hover) .facette-checkbox.facette-categorie:focus-visible,body:not(.no-hover) .wrapper-facette .form-reserve .facette-checkbox.facette-categorie:focus-visible,.wrapper-facette .form-reserve body:not(.no-hover) .facette-checkbox.facette-categorie:focus-visible,body:not(.no-hover) .wrapper-facette ul.sort-tri li a:focus-visible,.wrapper-facette ul.sort-tri li body:not(.no-hover) a:focus-visible,body:not(.no-hover) .wrapper-facette ul li>a:focus-visible,.wrapper-facette ul body:not(.no-hover) li>a:focus-visible,body:not(.no-hover) .wrapper-facette ul li>button:focus-visible,.wrapper-facette ul body:not(.no-hover) li>button:focus-visible,body:not(.no-hover) .top10 a:focus-visible,.top10 body:not(.no-hover) a:focus-visible,body:not(.no-hover) .top10>div .txt a:focus-visible:not(.link):not(.btn),.top10>div .txt body:not(.no-hover) a:focus-visible:not(.link):not(.btn),body:not(.no-hover) .bloc-faq .tab-buttons button:focus-visible,.bloc-faq .tab-buttons body:not(.no-hover) button:focus-visible,body:not(.no-hover) .bloc-faq .wrapper-accordeons .accordeon .title-accordeon button:focus-visible,.bloc-faq .wrapper-accordeons .accordeon .title-accordeon body:not(.no-hover) button:focus-visible,body:not(.no-hover) .bloc-relation-apidae-contact .wrapper-maps .btn-small:focus-visible,.bloc-relation-apidae-contact .wrapper-maps body:not(.no-hover) .btn-small:focus-visible,body:not(.no-hover) .bloc-relation-apidae-contact .sticky-bar a:focus-visible:not(.btn),.bloc-relation-apidae-contact .sticky-bar body:not(.no-hover) a:focus-visible:not(.btn),body:not(.no-hover) .bloc-reservation .wrapper-btn-tab :focus-visible[role="tab"],.bloc-reservation .wrapper-btn-tab body:not(.no-hover) :focus-visible[role="tab"],body:not(.no-hover) .bloc-retrouvez-nous .wrapper__container__social_logos li a:focus-visible,.bloc-retrouvez-nous .wrapper__container__social_logos li body:not(.no-hover) a:focus-visible,body:not(.no-hover) .bloc-retrouvez-nous .wrapper__container__liens .liens_hashtag:focus-visible,.bloc-retrouvez-nous .wrapper__container__liens body:not(.no-hover) .liens_hashtag:focus-visible,body:not(.no-hover) .bloc-maps .card-apidae .bloc-card-hebergement:focus-visible,.bloc-maps .card-apidae body:not(.no-hover) .bloc-card-hebergement:focus-visible,body:not(.no-hover) .bloc-maps .card-apidae .bloc-card-agenda:focus-visible,.bloc-maps .card-apidae body:not(.no-hover) .bloc-card-agenda:focus-visible { outline: 1px dashed #000 } body:not(.no-hover) #zoombox a:focus,#zoombox body:not(.no-hover) a:focus,body:not(.no-hover) #zoombox btn:focus,#zoombox body:not(.no-hover) btn:focus,body:not(.no-hover) .discover-scroll-to:focus,body:not(.no-hover) .aside-sticky .sticky-bar .btn:focus:last-of-type,.aside-sticky .sticky-bar body:not(.no-hover) .btn:focus:last-of-type,body:not(.no-hover) main header.small-header a:focus,main header.small-header body:not(.no-hover) a:focus,body:not(.no-hover) main .header-accueil .caption-homepage .algolia-search-opener:focus,main .header-accueil .caption-homepage body:not(.no-hover) .algolia-search-opener:focus,body:not(.no-hover) .page-single .menu-pro ul li a:focus,.page-single .menu-pro ul li body:not(.no-hover) a:focus,body:not(.no-hover) #header.menu-dark .lang>a:focus,#header.menu-dark body:not(.no-hover) .lang>a:focus,body:not(.no-hover) #header.menu-dark .circle-search:focus,#header.menu-dark body:not(.no-hover) .circle-search:focus,body:not(.no-hover) #header.menu-dark #menu:focus,#header.menu-dark body:not(.no-hover) #menu:focus,body:not(.no-hover) #footer a:focus,#footer body:not(.no-hover) a:focus,body:not(.no-hover) #footer .pulse:focus,#footer body:not(.no-hover) .pulse:focus,body:not(.no-hover) #footer .newsletter form .frm_button_submit:focus,#footer .newsletter form body:not(.no-hover) .frm_button_submit:focus,body:not(.no-hover) #header-v2 .content-wrapper .logo:focus,#header-v2 .content-wrapper body:not(.no-hover) .logo:focus,body:not(.no-hover) #header-v2 .content-wrapper nav ul li:focus,#header-v2 .content-wrapper nav ul body:not(.no-hover) li:focus,body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:focus,.bloc-video .mask-video body:not(.no-hover) .btn-ytbe:focus,body:not(.no-hover) .bloc-slider .owl-slider .owl-nav .owl-prev button:focus,.bloc-slider .owl-slider .owl-nav .owl-prev body:not(.no-hover) button:focus,body:not(.no-hover) .bloc-slider .owl-slider .owl-nav .owl-next button:focus,.bloc-slider .owl-slider .owl-nav .owl-next body:not(.no-hover) button:focus,body:not(.no-hover) .bloc-tiers .col-33 a:focus,.bloc-tiers .col-33 body:not(.no-hover) a:focus,body:not(.no-hover) .bloc-bandeau-information>div .txt .link:focus,.bloc-bandeau-information>div .txt body:not(.no-hover) .link:focus,body:not(.no-hover) .bloc-relation-apidae-contact .sticky-bar .reserv .btn:focus,.bloc-relation-apidae-contact .sticky-bar .reserv body:not(.no-hover) .btn:focus,body:not(.no-hover) .bloc-relation-apidae-contact .toFiche .btn:focus,.bloc-relation-apidae-contact .toFiche body:not(.no-hover) .btn:focus { outline: 1px dashed #fff } section,div,header,footer { -webkit-box-sizing: border-box; box-sizing: border-box } main { position: relative } @media screen and (max-width: 980px) { main { z-index:1000 } } .center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .blur-effect { -webkit-filter: blur(8px); filter: blur(8px) } .parallax-window { min-height: 400px } .no-pad { padding: 0 !important } .wrapper { position: relative; z-index: 100 } .large-img { height: 960px } .no-photo { background: #AAA } .no-gutter>[class*="col-"] { padding-left: 0 !important; padding-right: 0 !important } .fit-cover { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover' } .fit-cover { width: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover' } .fit-cover img { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover'; width: 100%; height: 100% } .aligncenter { text-align: center } .alignleft { text-align: left } .alignright { text-align: right } .hide { display: none } figure { background: #000 } .o10 img { opacity: 0.1 } .o20 img { opacity: 0.2 } .o25 img { opacity: 0.25 } .o30 img { opacity: 0.3 } .o40 img { opacity: 0.4 } .o50 img { opacity: 0.5 } .o60 img { opacity: 0.6 } .o70 img { opacity: 0.7 } .o75 img { opacity: 0.75 } .o80 img { opacity: 0.8 } .o90 img { opacity: 0.9 } .ratio-16-9 { position: relative; overflow: hidden } .ratio-16-9:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 56.25% } .ratio-16-9>.content,.ratio-16-9>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .ratio-16-10 { position: relative; overflow: hidden } .ratio-16-10:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 62.5% } .ratio-16-10>.content,.ratio-16-10>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .ratio-4-3 { position: relative; overflow: hidden } .ratio-4-3:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 75% } .ratio-4-3>.content,.ratio-4-3>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } [data-fullscreen="40"] { height: 40% } [data-fullscreen="41"] { height: 41% } [data-fullscreen="42"] { height: 42% } [data-fullscreen="43"] { height: 43% } [data-fullscreen="44"] { height: 44% } [data-fullscreen="45"] { height: 45% } [data-fullscreen="46"] { height: 46% } [data-fullscreen="47"] { height: 47% } [data-fullscreen="48"] { height: 48% } [data-fullscreen="49"] { height: 49% } [data-fullscreen="50"] { height: 50% } [data-fullscreen="51"] { height: 51% } [data-fullscreen="52"] { height: 52% } [data-fullscreen="53"] { height: 53% } [data-fullscreen="54"] { height: 54% } [data-fullscreen="55"] { height: 55% } [data-fullscreen="56"] { height: 56% } [data-fullscreen="57"] { height: 57% } [data-fullscreen="58"] { height: 58% } [data-fullscreen="59"] { height: 59% } [data-fullscreen="60"] { height: 60% } [data-fullscreen="61"] { height: 61% } [data-fullscreen="62"] { height: 62% } [data-fullscreen="63"] { height: 63% } [data-fullscreen="64"] { height: 64% } [data-fullscreen="65"] { height: 65% } [data-fullscreen="66"] { height: 66% } [data-fullscreen="67"] { height: 67% } [data-fullscreen="68"] { height: 68% } [data-fullscreen="69"] { height: 69% } [data-fullscreen="70"] { height: 70% } [data-fullscreen="71"] { height: 71% } [data-fullscreen="72"] { height: 72% } [data-fullscreen="73"] { height: 73% } [data-fullscreen="74"] { height: 74% } [data-fullscreen="75"] { height: 75% } [data-fullscreen="76"] { height: 76% } [data-fullscreen="77"] { height: 77% } [data-fullscreen="78"] { height: 78% } [data-fullscreen="79"] { height: 79% } [data-fullscreen="80"] { height: 80% } [data-fullscreen="81"] { height: 81% } [data-fullscreen="82"] { height: 82% } [data-fullscreen="83"] { height: 83% } [data-fullscreen="84"] { height: 84% } [data-fullscreen="85"] { height: 85% } [data-fullscreen="86"] { height: 86% } [data-fullscreen="87"] { height: 87% } [data-fullscreen="88"] { height: 88% } [data-fullscreen="89"] { height: 89% } [data-fullscreen="90"] { height: 90% } [data-fullscreen="91"] { height: 91% } [data-fullscreen="92"] { height: 92% } [data-fullscreen="93"] { height: 93% } [data-fullscreen="94"] { height: 94% } [data-fullscreen="95"] { height: 95% } [data-fullscreen="96"] { height: 96% } [data-fullscreen="97"] { height: 97% } [data-fullscreen="98"] { height: 98% } [data-fullscreen="99"] { height: 99% } [data-fullscreen="100"] { height: 100% } .v-mobile { display: none !important } @media screen and (max-width: 599px) { .v-mobile { display:block !important } } .v-tablet-p { display: none !important } @media screen and (max-width: 980px) { .v-tablet-p { display:block !important } } .v-tablet-l { display: none !important } @media screen and (max-width: 1024px) { .v-tablet-l { display:block !important } } .hide-mobile { display: block } @media screen and (max-width: 599px) { .hide-mobile { display:none !important } } .hide-tablet-p { display: block } @media screen and (max-width: 980px) { .hide-tablet-p { display:none !important } } .hide-tablet-l { display: block } @media screen and (max-width: 1024px) { .hide-tablet-l { display:none !important } } .credits { font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 300; color: #000; line-height: 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 1.25rem; top: 1.25rem; z-index: 500; width: auto !important; height: 1.25rem !important; border-radius: 1.25rem; max-width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 20px 0 0px; font-size: 0; background-color: #fff; -webkit-transition: all .2s ease; transition: all .2s ease } .credits:before { content: "\e948"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; display: inline-block; vertical-align: middle; font-size: .625rem; position: absolute; right: 0; top: .3125rem } .credits:after { content: ''; background: #000; z-index: -1; width: 0; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: all .2s ease; transition: all .2s ease } .credits:hover,.credits:focus { cursor: default; font-size: .75rem; padding: 0 20px 0 10px } .credits:hover:before,.credits:focus:before { opacity: 0 } .credits:hover:after,.credits:focus:after { width: 100% } .credits:focus { outline: 1px dashed #1ec459 } .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .sr-only-focusable:focus,.sr-only-focusable:active { clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; height: auto !important; margin: auto !important; overflow: visible !important; width: auto !important; white-space: normal !important } .list-skip-links { position: absolute; left: 0; right: 0; bottom: 100% } .evitement { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #fff; line-height: 15px; text-transform: uppercase; position: absolute; left: -999999px; width: auto; display: inline-block } body:not(.no-hover) .evitement:focus { position: fixed; top: 0; left: 0; right: 0; z-index: 1000000000000000; padding: 15px 20px; background: #1C1C1C; color: #fff } #mtmDebugFrame #root #secondNavBar { height: 250px; overflow: auto; position: -webkit-sticky; position: sticky; top: 0 } a { text-decoration: none } a:focus .credits { cursor: default; font-size: .75rem; padding: 0 20px 0 10px; outline: 1px dashed #000 } a:focus .credits:before { opacity: 0 } a:focus .credits:after { width: 100% } a,a:hover,a:active,input,input:hover { outline: none } a:focus,input:active,input:focus { outline: 1px dashed #000 } b,strong { font-weight: 700 } em { font-style: italic; font-weight: 400 } img { position: relative; display: block; max-width: 100% } .gm-control-active img { position: absolute !important } h1,span.h1 { position: relative; display: block; margin: 0 0 20px 0; font-family: "Roboto",Sans-Serif; font-size: 36px; font-weight: 700; color: #1ec459; line-height: 46px } h2,span.h2 { position: relative; display: block; margin: 0 0 20px 0; text-transform: uppercase; font-family: "Roboto",Sans-Serif; font-size: 120px; font-weight: 700; color: #000; line-height: 120px } @media screen and (max-width: 980px) { h2,span.h2 { font-size:5rem; line-height: 5rem } } @media screen and (max-width: 599px) { h2,span.h2 { font-size:3.75rem; line-height: 3.75rem } } h3,span.h3 { position: relative; display: block; margin: 0 0 20px 0; font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #fff; line-height: 34px } h4,span.h4 { position: relative; display: block; margin: 0 0 15px 0; font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #1ec459; line-height: 32px } p,span.p { position: relative; display: block; margin: 0 0 20px 0; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 25px } p a,span.p a { color: #1ec459; text-decoration: underline } body:not(.no-hover) p a:hover,body:not(.no-hover) p a:focus,body:not(.no-hover) span.p a:hover,body:not(.no-hover) span.p a:focus { color: #14823b } ul { position: relative; display: block; list-style-type: none } ul li { position: relative; padding: 0; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 20px } ul li a { color: #31AC5B } ol { position: relative; display: block; list-style-type: decimal } ol li { position: relative; padding: 0; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 20px } ol li a { color: #31AC5B } blockquote { font-family: "Roboto",Sans-Serif; font-size: 16px; font-weight: 400; color: #31AC5B; line-height: 22px; font-style: italic; padding: 5px 15px; margin: 10px 0 10px 50px; border-left: 2px solid #1ec459; position: relative } @media screen and (max-width: 599px) { blockquote { padding:25px; margin: 10px 0 10px 0 } } blockquote p { margin-bottom: 0 !important } .basic-link { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 20px } .btn { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 30px; border-color: #fff; min-width: 100px; padding: 10px 30px; display: inline-block; text-align: center; margin-top: 25px; background: #1ec459; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { .btn { padding:8px 15px } } body:not(.no-hover) .btn:hover,body:not(.no-hover) .btn:focus { background: #000; color: #fff !important } .btn-plus { background: #1ec459; border-radius: 50%; padding: 13px; border: none; outline: none; -webkit-box-shadow: 0 0 0 9px rgba(59,196,89,0.3); box-shadow: 0 0 0 9px rgba(59,196,89,0.3); z-index: 9999999; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease } .btn-plus [class^="icon-"],.btn-plus [class*=" icon-"] { display: block; font-size: 14px; color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .btn-plus:hover { -webkit-box-shadow: 0 0 0 0px rgba(59,196,89,0.5); box-shadow: 0 0 0 0px rgba(59,196,89,0.5) } body:not(.no-hover) .btn-plus:hover [class^="icon-"],body:not(.no-hover) .btn-plus:hover [class*=" icon-"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .surtitre { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 400; color: #fff; line-height: 22px; text-transform: uppercase; letter-spacing: 4px; display: block; margin-bottom: 10px } .uppercase { text-transform: uppercase } .btn-offre { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #fff; line-height: 30px; position: relative; display: inline-block; text-transform: uppercase; text-align: center; width: 185px; padding: 5px 0; text-align: center; margin-top: 5px } .btn-offre span { width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .btn-offre.red-color { background: #e5354f } .btn-offre.mauve-color { background: #a20a5c } .btn-offre.purple-color { background: #6a1a66 } .btn-border { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 30px; position: relative; z-index: 100; border: 5px solid #F2F2F2; display: inline-block; padding: 15px 10px; text-align: center; text-transform: uppercase } .btn-border:before { content: ''; width: 0; background: #1ec459; z-index: -1; -webkit-transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1) } body:not(.no-hover) .btn-border:hover,body:not(.no-hover) .btn-border:focus { border: 5px solid transparent } body:not(.no-hover) .btn-border:hover:before,body:not(.no-hover) .btn-border:focus:before { width: 100% } .btn-transparent { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.5rem; border: 1px solid #000; min-width: 100px; padding: 12px 30px; display: inline-block; text-transform: uppercase; text-align: center; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .btn-transparent:hover,body:not(.no-hover) .btn-transparent:focus { background: #000; color: #fff !important } .cta { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.5rem; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 13px 20px; background: #3BC459; min-width: 140px; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .cta:hover,body:not(.no-hover) .cta:focus { cursor: pointer; background: #000; color: #fff } body:not(.no-hover) .cta:hover .filtres-actifs,body:not(.no-hover) .cta:focus .filtres-actifs { color: #000; background: #fff } .filtres-actifs { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 700; color: #fff; line-height: 1.25rem; background: #000; border-radius: 50%; width: 1.25rem; height: 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-left: .3125rem; -webkit-transition: all .2s ease; transition: all .2s ease } .filtres-actifs:empty { display: none } .reset { font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #000; line-height: 1.125rem; position: relative; display: block; padding: 16px 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .reset { padding:10px 0 } } .reset:after { content: "\e911"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; float: none; font-size: .625rem; line-height: 1.125rem; margin-left: .375rem; position: relative; top: -1px } body:not(.no-hover) .reset:hover,body:not(.no-hover) .reset:focus { text-decoration: underline } .content-wrapper { display: block; position: relative; max-width: 1200px; margin: 0 auto } @media screen and (min-width: 1600px) { .content-wrapper.content-wrapper-large { max-width:1520px !important } } .content-wrapper.bloc-medium { max-width: 1120px !important; margin: 0 auto } @media screen and (max-width: 1280px) { .content-wrapper.bloc-medium { margin:0 40px } } @media screen and (max-width: 599px) { .content-wrapper.bloc-medium { margin:0 20px } } .content-wrapper.bloc-small { max-width: 960px !important } @media screen and (max-width: 1280px) { .content-wrapper { margin:0 40px } } @media screen and (max-width: 599px) { .content-wrapper { margin:0 40px } } @media screen and (max-width: 1280px) and (min-width: 1080px) { .content-wrapper.bloc-small { margin:0 auto !important } } @media screen and (max-width: 599px) { .content-wrapper { margin-left:20px !important; margin-right: 20px !important } } .col-wrapper { -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0 auto; max-width: 1240px !important } .col-wrapper:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (min-width: 1600px) { .col-wrapper.col-wrapper-large { max-width:1560px !important } } .col-wrapper.bloc-medium { max-width: 1160px !important; margin: 0 auto !important } @media screen and (max-width: 1240px) { .col-wrapper.bloc-medium { margin-left:20px !important; margin-right: 20px !important } } @media screen and (max-width: 599px) { .col-wrapper.bloc-medium { margin-left:0px !important; margin-right: 0px !important } } @media screen and (min-width: 1240px) { .col-wrapper.bloc-small { max-width:1000px !important } } @media screen and (max-width: 1280px) { .col-wrapper { margin-left:20px !important; margin-right: 20px !important } } @media screen and (max-width: 1280px) and (min-width: 1080px) { .col-wrapper.bloc-small { max-width:1000px !important; margin: 0 auto !important } } @media screen and (max-width: 599px) { .col-wrapper { margin-left:0px !important; margin-right: 0px !important } } .col-wrapper>* { padding-left: 20px !important; padding-right: 20px !important } .col-20,.col-25,.col-33,.col-50,.col-66,.col-100 { position: relative; float: left; display: block } .col-20 { width: calc(20% - 20px) } @media screen and (max-width: 1024px) { .col-20 { width:calc(25% - 20px) } } .col-25 { width: 25% } .col-33 { width: 33.33333% } .col-50 { width: 50% } .col-66 { width: 66.66666% } .col-100 { width: 100% } @media screen and (max-width: 980px) { .col-25 { width:50% } } @media screen and (max-width: 599px) { .col-20,.col-25,.col-33,.col-66,.col-50 { float:none; clear: both; margin: 0 auto; width: 100% } } @-webkit-keyframes menu-in { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 25% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes menu-in { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 25% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @-webkit-keyframes menu-out { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 80% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 90% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes menu-out { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 80% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 90% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes menu-sidebar-in { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(calc(-100% + 350px), 0, 0); transform: translate3d(calc(-100% + 350px), 0, 0) } to { -webkit-transform: translate3d(calc(-100% + 350px), 0, 0); transform: translate3d(calc(-100% + 350px), 0, 0) } } @keyframes menu-sidebar-in { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(calc(-100% + 350px), 0, 0); transform: translate3d(calc(-100% + 350px), 0, 0) } to { -webkit-transform: translate3d(calc(-100% + 350px), 0, 0); transform: translate3d(calc(-100% + 350px), 0, 0) } } @-webkit-keyframes menu-sidebar-out { from { -webkit-transform: translate3d(calc(-100% + 350px), 0, 0); transform: translate3d(calc(-100% + 350px), 0, 0) } 92% { -webkit-transform: translate3d(calc(-100% + 350px), 0, 0); transform: translate3d(calc(-100% + 350px), 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes menu-sidebar-out { from { -webkit-transform: translate3d(calc(-100% + 350px), 0, 0); transform: translate3d(calc(-100% + 350px), 0, 0) } 92% { -webkit-transform: translate3d(calc(-100% + 350px), 0, 0); transform: translate3d(calc(-100% + 350px), 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes menu-sidebar-in-320 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(calc(-100% + 320px), 0, 0); transform: translate3d(calc(-100% + 320px), 0, 0) } to { -webkit-transform: translate3d(calc(-100% + 320px), 0, 0); transform: translate3d(calc(-100% + 320px), 0, 0) } } @keyframes menu-sidebar-in-320 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(calc(-100% + 320px), 0, 0); transform: translate3d(calc(-100% + 320px), 0, 0) } to { -webkit-transform: translate3d(calc(-100% + 320px), 0, 0); transform: translate3d(calc(-100% + 320px), 0, 0) } } @-webkit-keyframes menu-sidebar-out-320 { from { -webkit-transform: translate3d(calc(-100% + 320px), 0, 0); transform: translate3d(calc(-100% + 320px), 0, 0) } 92% { -webkit-transform: translate3d(calc(-100% + 320px), 0, 0); transform: translate3d(calc(-100% + 320px), 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes menu-sidebar-out-320 { from { -webkit-transform: translate3d(calc(-100% + 320px), 0, 0); transform: translate3d(calc(-100% + 320px), 0, 0) } 92% { -webkit-transform: translate3d(calc(-100% + 320px), 0, 0); transform: translate3d(calc(-100% + 320px), 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes menu-sidebar-in-280 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(calc(-100% + 280px), 0, 0); transform: translate3d(calc(-100% + 280px), 0, 0) } to { -webkit-transform: translate3d(calc(-100% + 280px), 0, 0); transform: translate3d(calc(-100% + 280px), 0, 0) } } @keyframes menu-sidebar-in-280 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 25% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 50% { -webkit-transform: translate3d(calc(-100% + 280px), 0, 0); transform: translate3d(calc(-100% + 280px), 0, 0) } to { -webkit-transform: translate3d(calc(-100% + 280px), 0, 0); transform: translate3d(calc(-100% + 280px), 0, 0) } } @-webkit-keyframes menu-sidebar-out-280 { from { -webkit-transform: translate3d(calc(-100% + 280px), 0, 0); transform: translate3d(calc(-100% + 280px), 0, 0) } 92% { -webkit-transform: translate3d(calc(-100% + 280px), 0, 0); transform: translate3d(calc(-100% + 280px), 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes menu-sidebar-out-280 { from { -webkit-transform: translate3d(calc(-100% + 280px), 0, 0); transform: translate3d(calc(-100% + 280px), 0, 0) } 92% { -webkit-transform: translate3d(calc(-100% + 280px), 0, 0); transform: translate3d(calc(-100% + 280px), 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes search-result-appear { from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes search-result-appear { from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes menu-label-in { from { opacity: 0 } 40% { opacity: 0 } to { opacity: 1 } } @keyframes menu-label-in { from { opacity: 0 } 40% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes anim-mouse-arrow { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 60% { opacity: 0; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0) } 80% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 90% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes anim-mouse-arrow { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 60% { opacity: 0; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0) } 80% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 90% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } [data-anim="opacity"][data-anim-hide] { opacity: 0 !important; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease } [data-anim="opacity"][data-anim-hide="false"] { opacity: 1 !important } [data-anim="pop"][data-anim-hide] { opacity: 0 !important; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s cubic-bezier(0.21, 0.93, 0.28, 1.51); transition: all 0.3s cubic-bezier(0.21, 0.93, 0.28, 1.51) } [data-anim="pop"][data-anim-hide="false"] { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 !important } [data-anim="left"][data-anim-hide] { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="left"][data-anim-hide="false"] { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } [data-anim="right"][data-anim-hide] { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="right"][data-anim-hide="false"] { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } [data-anim="top"][data-anim-hide] { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="top"][data-anim-hide="false"] { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } [data-anim="bottom"][data-anim-hide] { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="bottom"][data-anim-hide="false"] { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } [data-anim$="stack"][data-anim-hide]>*:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s } [data-anim$="stack"][data-anim-hide]>*:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s } [data-anim$="stack"][data-anim-hide]>*:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s } [data-anim$="stack"][data-anim-hide]>*:nth-child(4) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s } [data-anim$="stack"][data-anim-hide]>*:nth-child(5) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s } [data-anim$="stack"][data-anim-hide]>*:nth-child(6) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s } [data-anim$="stack"][data-anim-hide]>*:nth-child(7) { -webkit-transition-delay: 1s; transition-delay: 1s } [data-anim$="stack"][data-anim-hide]>*:nth-child(8) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } [data-anim$="stack"][data-anim-hide]>*:nth-child(9) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } [data-anim$="stack"][data-anim-hide]>*:nth-child(10) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } [data-anim$="stack"][data-anim-hide]>*:nth-child(11) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } [data-anim$="stack"][data-anim-hide]>*:nth-child(12) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } [data-anim="left-stack"][data-anim-hide]>* { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="left-stack"][data-anim-hide="false"]>* { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } [data-anim="right-stack"][data-anim-hide]>* { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="right-stack"][data-anim-hide="false"]>* { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } [data-anim="top-stack"][data-anim-hide]>* { position: relative; opacity: 0 !important; -webkit-transform: translate3d(0, -50px, 0) !important; transform: translate3d(0, -50px, 0) !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="top-stack"][data-anim-hide] .owl-item.opacify { opacity: 0 !important } [data-anim="top-stack"][data-anim-hide="false"]>* { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } [data-anim="top-stack"][data-anim-hide="false"] .owl-item.opacify { opacity: 0.4 !important } .is-fullscreen [data-anim="top-stack"][data-anim-hide="false"] .owl-item.opacify { opacity: 1 !important } [data-anim="bottom-stack"][data-anim-hide]>* { opacity: 0 !important; -webkit-transform: translate3d(0, 50px, 0) !important; transform: translate3d(0, 50px, 0) !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="bottom-stack"][data-anim-hide] .owl-item.opacify { opacity: 0 !important } [data-anim="bottom-stack"][data-anim-hide="false"]>* { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } [data-anim="bottom-stack"][data-anim-hide="false"] .owl-item.opacify { opacity: 0.4 !important } .is-fullscreen [data-anim="bottom-stack"][data-anim-hide="false"] .owl-item.opacify { opacity: 1 !important } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(n+5) { opacity: 0 !important; -webkit-transform: translate3d(0, 50px, 0) !important; transform: translate3d(0, 50px, 0) !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(5) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(6) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(7) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(8) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(9) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(10) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(11) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s } [data-anim="bottom-listing-stack"][data-anim-hide]>*:nth-child(12) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s } [data-anim="bottom-listing-stack"][data-anim-hide="false"]>*:nth-child(n+5) { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } @-webkit-keyframes slowZoom { from { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes slowZoom { from { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(1.1); transform: scale(1.1) } } @-webkit-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } } @keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } } @-webkit-keyframes pulse { to { -webkit-box-shadow: 0 0 0 6px transparent,0 0 0 12px rgba(30,196,89,0); box-shadow: 0 0 0 6px transparent,0 0 0 12px rgba(30,196,89,0) } } @keyframes pulse { to { -webkit-box-shadow: 0 0 0 6px transparent,0 0 0 12px rgba(30,196,89,0); box-shadow: 0 0 0 6px transparent,0 0 0 12px rgba(30,196,89,0) } } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px) } .owl-carousel .owl-wrapper,.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none } .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav .owl-prev button,.owl-carousel .owl-nav .owl-next button,.owl-carousel .owl-dot button { border: none; background: none; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease } .owl-carousel .owl-nav .owl-prev button:focus,.owl-carousel .owl-nav .owl-next button:focus,.owl-carousel .owl-dot button:focus { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-header { overflow: hidden; height: 100% } .owl-header .owl-stage-outer { height: 100% } .owl-header .owl-stage-outer .owl-stage { height: 100% } .owl-header .owl-item { height: 100% } .owl-header .item { height: 100% } .owl-header .item figure { position: relative } .owl-header .item figure:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.65)), color-stop(51%, rgba(0,0,0,0)), to(rgba(0,0,0,0))); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0) } .owl-header .item figure img { height: 100% } .owl-header .item .caption { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .owl-header .item .caption>* { width: 70% } @media screen and (max-width: 980px) { .owl-header .item .caption>* { width:75% } } @media screen and (max-width: 599px) { .owl-header .item .caption>* { width:90% } } .owl-header .item .caption>*:last-child { margin-bottom: 0 } .owl-header .item .caption h1,.owl-header .item .caption h2 { font-family: "Roboto",Sans-Serif; font-size: 50px; font-weight: 700; color: #fff; line-height: 54px; text-transform: uppercase; margin-bottom: 0px } @media screen and (max-width: 599px) { .owl-header .item .caption h1,.owl-header .item .caption h2 { font-size:2.5rem; line-height: 40px } } .owl-header .item .caption p { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #fff; line-height: 24px; max-width: 50% } @media screen and (max-width: 980px) { .owl-header .item .caption p { max-width:75% } } @media screen and (max-width: 599px) { .owl-header .item .caption p { max-width:90% } } .owl-header .item .caption .btn { margin: 0; display: inline-block; width: auto } .owl-header .owl-nav { position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 100 } @media screen and (max-width: 599px) { .owl-header .owl-nav { right:20px } } .owl-header .owl-nav .owl-prev,.owl-header .owl-nav .owl-next { color: #fff; font-size: 20px; margin: 70px 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .owl-header .owl-nav .owl-prev,.owl-header .owl-nav .owl-next { font-size:14px; margin: 50px 0 } } .owl-header .owl-nav .owl-prev button,.owl-header .owl-nav .owl-next button { color: #fff } .owl-header:not(.owl-loaded) { display: block } .owl-header:not(.owl-loaded) .item { display: none } .owl-header:not(.owl-loaded) .item:first-child { display: block } .owl-header:not(.owl-loaded) .item:first-child figure img { width: 100% } .owl-item.active ~ .opacify { opacity: 0.4 !important; -webkit-transition: all .2s ease; transition: all .2s ease } .is-fullscreen .owl-item.active ~ .opacify { opacity: 1 !important } .owl-carousel .owl-dots { counter-reset: slides-num; position: absolute; right: 47px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } @media screen and (max-width: 599px) { .owl-carousel .owl-dots { right:20px } } .owl-carousel .owl-dots:after { content: counter(slides-num); display: inline-block; vertical-align: middle; font-family: "Roboto",Sans-Serif; font-size: 18px; font-weight: 700; color: #fff; line-height: 24px; padding-left: 21px } .owl-carousel .owl-dot { display: inline-block; counter-increment: slides-num; position: absolute; left: 0; margin: 0 } .owl-carousel .owl-dot span { display: none } .owl-carousel .owl-dot.active:before { content: counter(slides-num) " /"; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; padding-left: 0; width: 1.25rem; font-family: "Roboto",Sans-Serif; font-size: 1.125rem; font-weight: 700; color: #fff; line-height: 1.5rem } .owl-carousel .owl-nav [class*='owl-']:hover { color: #1ec459 } .owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span { background: #1ec459 } #zoombox iframe,#zoombox img { border: none } #zoombox .zoombox_mask { background-color: #000; position: fixed; width: 100%; z-index: 1051000; height: 100%; top: 0; left: 0 } #zoombox .zoombox_container { position: absolute; z-index: 1052000 } #zoombox .relative { position: relative } #zoombox .zoombox_prev { padding: 0; background: none; position: absolute; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer } #zoombox .zoombox_prev:before { content: "\e919"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; color: #FFF; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; font-size: 30px; -webkit-transition: all .2s ease; transition: all .2s ease } #zoombox .zoombox_prev:hover:before { left: 5px } #zoombox .zoombox_next { padding: 0; background: none; position: absolute; top: 0; right: 0; width: 50%; height: 100% } #zoombox .zoombox_next:after { content: "\e91a"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; color: #FFF; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; font-size: 30px; -webkit-transition: all .2s ease; transition: all .2s ease } #zoombox .zoombox_next:hover:after { right: 5px } #zoombox .zoombox_close,#zoombox .zoombox_next,#zoombox .zoombox_prev { cursor: pointer } #zoombox .multimedia .zoombox_next,#zoombox .multimedia .zoombox_prev { display: none } #zoombox .zoombox_gallery { position: fixed; z-index: 1054000; bottom: -60px; left: 0; right: 0; text-align: center; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; cursor: pointer; width: auto; background-color: transparent; height: 60px; overflow: hidden; display: none } #zoombox .zoombox_gallery>div { width: 100% !important; right: 0; text-align: center } #zoombox .zoombox_gallery img { height: 50px; padding: 5px; filter: alpha(opacity=60); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6 } #zoombox .zoombox_gallery img:hover,#zoombox .zoombox_gallery img.current { filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1 } #zoombox_loader { position: absolute; height: 40px; width: 40px; cursor: pointer; top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 1053000 } .zoombox .zoombox_container { background: #000; color: #666; -webkit-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000 } .zoombox .content { background: #000 } .zoombox .zoombox_title { color: #FFF; position: absolute; left: -1px; top: -22px; -moz-text-shadow: 1px 1px #000000; -webkit-text-shadow: 1px 1px #000000; -o-text-shadow: 1px 1px #000000; text-shadow: 1px 1px #000000; -moz-text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000; -o-text-shadow: 1px 1px #000; text-shadow: 1px 1px #000 } .zoombox .zoombox_close { padding: 0; background: none; width: 30px; height: 30px; position: absolute; right: -15px; top: -15px } .zoombox .zoombox_close:after { content: "\e918"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; color: #000; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #FFF; padding: 15px; border-radius: 50%; font-size: 17px; -webkit-transition: all .2s ease; transition: all .2s ease } .zoombox .zoombox_close:hover:after { background: #000; color: #fff } .lightbox .zoombox_container { background: #FFF; margin-left: -30px; padding: 10px 10px 37px; color: #666 } .lightbox .zoombox_close { width: 66px; height: 22px; top: auto; position: absolute; right: 12px; bottom: 6px } .lightbox .zoombox_title { text-align: left } #zoombox.lightbox .zoombox_gallery { left: 10px !important; right: 10px; bottom: 36px } .prettyphoto .zoombox_container { border: 10px solid #0B0A0A; border-radius: 10px 10px 10px 10px; background: #FFF; padding: 10px 10px 37px; margin-left: -20px; color: #797979 } .prettyphoto .zoombox_title { text-align: left } .prettyphoto .zoombox_close { width: 27px; height: 24px; top: auto; position: absolute; right: 6px; bottom: 8px } .prettyphoto .multimedia .zoombox_next,.prettyphoto .multimedia .zoombox_prev { display: none } #zoombox.prettyphoto .zoombox_gallery { left: 10px !important; right: 10px; bottom: 36px } .darkprettyphoto .zoombox_container { border-radius: 10px 10px 10px 10px; background: #0C0C0C; padding: 10px 10px 37px; margin-left: -30px; color: #828282 } .darkprettyphoto .zoombox_title { text-align: left } .darkprettyphoto .zoombox_close { width: 27px; height: 24px; top: auto; position: absolute; right: 2px; bottom: 6px } .darkprettyphoto .multimedia .zoombox_next,.darkprettyphoto .multimedia .zoombox_prev { display: none } #zoombox.darkprettyphoto .zoombox_gallery { left: 10px !important; right: 10px; bottom: 36px } .simple .zoombox_container { background: #000 } .simple .zoombox_title { color: #FFF; position: absolute; left: -1px; top: -22px; -moz-text-shadow: 1px 1px #000000; -webkit-text-shadow: 1px 1px #000000; -o-text-shadow: 1px 1px #000000; text-shadow: 1px 1px #000000; -moz-text-shadow: 1px 1px #000; -webkit-text-shadow: 1px 1px #000; -o-text-shadow: 1px 1px #000; text-shadow: 1px 1px #000 } #zoombox.simple .zoombox_next { filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; right: -20px; width: 20px } #zoombox.simple .zoombox_next:hover { background-position-x: left } #zoombox.simple .zoombox_prev { filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; left: -20px; width: 20px } #zoombox.simple .zoombox_prev:hover { background-position-x: -60px } .simple .zoombox_close { width: 30px; height: 30px; position: absolute; top: 0; right: -10px } #zoombox.simple .multimedia .zoombox_next,#zoombox.simple .multimedia .zoombox_prev { display: block } .selectric-wrapper { position: relative; cursor: pointer } .selectric-responsive { width: 100% } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode,Arial Unicode MS,Arial } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none } .selectric-focus .selectric { border-color: #aaa } .selectric-hover .selectric { border-color: #c4c4c4 } .selectric-hover .selectric .button { color: #a2a2a2 } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2 } .selectric-open { z-index: 9999 } .selectric-open .selectric { border-color: #c4c4c4 } .selectric-open .selectric-items { display: block } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0 } .selectric-hide-select select { position: absolute; left: -100% } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10 } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0 } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important } .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px } .selectric-items .selectric-scroll { height: 100%; overflow: auto } .selectric-above .selectric-items { top: auto; bottom: 100% } .selectric-items ul,.selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer } .selectric-items li.selected { background: #E0E0E0; color: #444 } .selectric-items li.highlighted { background: #D0D0D0; color: #444 } .selectric-items li:hover { background: #D5D5D5; color: #444 } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444 } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1 } .selectric-items .selectric-group li { padding-left: 25px } .selectric-scroll ul { padding-left: 0 } .selectric-items ul li { padding: 8px 5px; margin-bottom: 0 } @font-face { font-family: "icomoon"; src: url("fonts/icomoon.eot?7rlviz"); src: url("fonts/icomoon.eot?7rlviz#iefix") format("embedded-opentype"),url("fonts/icomoon.woff2?7rlviz") format("woff2"),url("fonts/icomoon.ttf?7rlviz") format("truetype"),url("fonts/icomoon.woff?7rlviz") format("woff"),url("fonts/icomoon.svg?7rlviz#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block } [class^="icon-"],[class*=" icon-"] { font-family: "icomoon" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-ico-feuille:before { content: "\e94b" } .icon-curistes:before { content: "\e94a" } .icon-ico-copyright:before { content: "\e948" } .icon-ico-pause:before { content: "\e949" } .icon-ico-moins-arrondie:before { content: "\e946" } .icon-ico-plus-arrondie:before { content: "\e947" } .icon-ico-double-chevron-droite:before { content: "\e944" } .icon-ico-double-chevron-gauche:before { content: "\e945" } .icon-ico-mail:before { content: "\e91e" } .icon-ico-tel:before { content: "\e943" } .icon-ico-more:before { content: "\e942" } .icon-ico-congres:before { content: "\e940" } .icon-ico-round-plus:before { content: "\e93e" } .icon-ico-deco-stars:before { content: "\e93c" } .icon-ico-surface:before { content: "\e93b" } .icon-ico-dispo-8:before { content: "\e93a" } .icon-ico-dispo-2:before { content: "\e933" } .icon-ico-dispo-1:before { content: "\e934" } .icon-ico-dispo-3:before { content: "\e935" } .icon-ico-dispo-4:before { content: "\e936" } .icon-ico-dispo-5:before { content: "\e937" } .icon-ico-dispo-6:before { content: "\e938" } .icon-ico-dispo-7:before { content: "\e939" } .icon-Carte-interactive:before { content: "\e931" } .icon-Kit-congressiste_v2:before { content: "\e932" } .icon-ico-text-clermont-pass:before { content: "\e930" } .icon-ico-clermont-pass:before { content: "\e92f" } .icon-ico-brochures:before { content: "\e92c" } .icon-ico-clermont-pass-v1:before { content: "\e92d" } .icon-ico-destination:before { content: "\e92e" } .icon-picto-animaux:before { content: "\e924" } .icon-picto-clermontpass:before { content: "\e925" } .icon-picto-dejeune:before { content: "\e926" } .icon-picto-famille:before { content: "\e927" } .icon-picto-handicap:before { content: "\e928" } .icon-picto-parking:before { content: "\e929" } .icon-picto-piscine:before { content: "\e92a" } .icon-picto-wifi:before { content: "\e92b" } .icon-ico-bookmark:before { content: "\e923" } .icon-ico-fullscreen:before { content: "\e922" } .icon-ico-famille:before { content: "\e921" } .icon-ico-parking:before { content: "\e91b" } .icon-cross:before { content: "\e918" } .icon-left-chevron:before { content: "\e919" } .icon-right-chevron:before { content: "\e91a" } .icon-ico-panier:before { content: "\e917" } .icon-cs-epis:before { content: "\e913"; color: #81a52a } .icon-cs-key:before { content: "\e914"; color: #f95e24 } .icon-multiply:before,.leaflet-container .custom-popup-thuria .leaflet-popup-close-button:before { content: "\e911" } .icon-ico-cursor:before { content: "\e910" } .icon-ico-arrow-left:before { content: "\e900" } .icon-ico-arrow-right:before { content: "\e901" } .icon-ico-arrow-bottom:before { content: "\e93d" } .icon-ico-animal:before { content: "\e902" } .icon-ico-calendar:before { content: "\e903" } .icon-ico-check:before { content: "\e904" } .icon-ico-download:before { content: "\e905" } .icon-ico-facebook-color:before { content: "\e906"; color: #2d3f9a } .icon-ico-handicap:before { content: "\e907" } .icon-ico-lecteur:before { content: "\e908" } .icon-ico-localisation:before { content: "\e909" } .icon-ico-marker:before { content: "\e90a" } .icon-ico-search:before { content: "\e90b" } .icon-ico-share:before { content: "\e90c" } .icon-ico-stars:before { content: "\e90d"; color: #ffde00 } .icon-ico-wifi:before { content: "\e90e" } .icon-arrow-bold-up:before { content: "\e916" } .icon-chevron-down:before { content: "\e90f" } .icon-triangle-down:before { content: "\e912" } .icon-camera:before { content: "\e93f" } .icon-mail:before { content: "\e91d" } .icon-menu:before { content: "\e91c" } .icon-star:before { content: "\e915" } .icon-linkedin-with-circle:before { content: "\e941" } .icon-linkedin:before { content: "\e91f" } .icon-twitter:before { content: "\e920" } /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Source Sans Pro", sans-serif } .pika-single:before,.pika-single:after { content: " "; display: table } .pika-single:after { clear: both } .pika-single { *zoom:1} .pika-single.is-hidden { display: none } .pika-single.is-bound { z-index: 9999999889; position: absolute; -webkit-box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5); box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5) } .pika-lendar { float: left; width: 240px; margin: 8px } .pika-title { position: relative; text-align: center } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0 } .pika-prev,.pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0 } .pika-prev:hover,.pika-next:hover { opacity: 1 } .pika-prev,.is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0 } .pika-next,.is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0 } .pika-prev.is-disabled,.pika-next.is-disabled { cursor: default; opacity: .2 } .pika-select { display: inline-block; *display: inline } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0 } .pika-table th,.pika-table td { width: 14.285714285714286%; padding: 0 } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center } .pika-button { cursor: pointer; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: center; background: #f5f5f5 } .pika-week { font-size: 11px; color: #999 } .is-today .pika-button { color: #1ec459; font-weight: bold } .is-selected .pika-button,.has-event .pika-button { color: #fff; font-weight: bold; background: #1ec459; -webkit-box-shadow: inset 0 1px 3px #1ec459; box-shadow: inset 0 1px 3px #1ec459; border-radius: 0 } .has-event .pika-button { background: #1ec459; -webkit-box-shadow: inset 0 1px 3px #0076c9; box-shadow: inset 0 1px 3px #0076c9 } .is-disabled .pika-button,.is-inrange .pika-button { background: #D5E9F7 } .is-startrange .pika-button { color: #fff; background: #31AC5B; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 } .is-endrange .pika-button { color: #fff; background: #31AC5B; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3 } .is-outside-current-month .pika-button { color: #999; opacity: .3 } .is-selection-disabled { pointer-events: none; cursor: default } .pika-button:hover,.pika-row.pick-whole-week:hover .pika-button { color: #fff; background: #1ec459; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 } .pika-table abbr { border-bottom: none; cursor: help } .modal-open { overflow: hidden } #contentWrapper { display: unset } #tarteaucitronRoot div,#tarteaucitronRoot span,#tarteaucitronRoot applet,#tarteaucitronRoot object,#tarteaucitronRoot iframe,#tarteaucitronRoot h1,#tarteaucitronRoot h2,#tarteaucitronRoot h3,#tarteaucitronRoot h4,#tarteaucitronRoot h5,#tarteaucitronRoot h6,#tarteaucitronRoot p,#tarteaucitronRoot blockquote,#tarteaucitronRoot pre,#tarteaucitronRoot a,#tarteaucitronRoot abbr,#tarteaucitronRoot acronym,#tarteaucitronRoot address,#tarteaucitronRoot big,#tarteaucitronRoot cite,#tarteaucitronRoot code,#tarteaucitronRoot del,#tarteaucitronRoot dfn,#tarteaucitronRoot em,#tarteaucitronRoot img,#tarteaucitronRoot ins,#tarteaucitronRoot kbd,#tarteaucitronRoot q,#tarteaucitronRoot s,#tarteaucitronRoot samp,#tarteaucitronRoot small,#tarteaucitronRoot strike,#tarteaucitronRoot strong,#tarteaucitronRoot sub,#tarteaucitronRoot sup,#tarteaucitronRoot tt,#tarteaucitronRoot var,#tarteaucitronRoot b,#tarteaucitronRoot u,#tarteaucitronRoot i,#tarteaucitronRoot center,#tarteaucitronRoot dl,#tarteaucitronRoot dt,#tarteaucitronRoot dd,#tarteaucitronRoot ol,#tarteaucitronRoot ul,#tarteaucitronRoot li,#tarteaucitronRoot fieldset,#tarteaucitronRoot form,#tarteaucitronRoot label,#tarteaucitronRoot legend,#tarteaucitronRoot table,#tarteaucitronRoot caption,#tarteaucitronRoot tbody,#tarteaucitronRoot tfoot,#tarteaucitronRoot thead,#tarteaucitronRoot tr,#tarteaucitronRoot th,#tarteaucitronRoot td,#tarteaucitronRoot article,#tarteaucitronRoot aside,#tarteaucitronRoot canvas,#tarteaucitronRoot details,#tarteaucitronRoot embed,#tarteaucitronRoot figure,#tarteaucitronRoot figcaption,#tarteaucitronRoot footer,#tarteaucitronRoot header,#tarteaucitronRoot hgroup,#tarteaucitronRoot menu,#tarteaucitronRoot nav,#tarteaucitronRoot output,#tarteaucitronRoot ruby,#tarteaucitronRoot section,#tarteaucitronRoot summary,#tarteaucitronRoot time,#tarteaucitronRoot mark,#tarteaucitronRoot audio,#tarteaucitronRoot video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-align: initial; text-shadow: initial } #tarteaucitronRoot * { -webkit-transition: border 300ms, background 300ms, opacity 200ms, -webkit-box-shadow 400ms; transition: border 300ms, background 300ms, opacity 200ms, -webkit-box-shadow 400ms; transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms; transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms, -webkit-box-shadow 400ms } #tarteaucitronRoot article,#tarteaucitronRoot aside,#tarteaucitronRoot details,#tarteaucitronRoot figcaption,#tarteaucitronRoot figure,#tarteaucitronRoot footer,#tarteaucitronRoot header,#tarteaucitronRoot hgroup,#tarteaucitronRoot menu,#tarteaucitronRoot nav,#tarteaucitronRoot section { display: block } #tarteaucitronRoot ol,#tarteaucitronRoot ul { list-style: none } #tarteaucitronRoot blockquote,#tarteaucitronRoot q { quotes: none } #tarteaucitronRoot blockquote:before,#tarteaucitronRoot blockquote:after,#tarteaucitronRoot q:before,#tarteaucitronRoot q:after { content: ''; content: none } #tarteaucitronRoot table { border-collapse: collapse; border-spacing: 0 } div#tarteaucitronMainLineOffset { margin-top: 0 !important } div#tarteaucitronServices { margin-top: 21px !important } #tarteaucitronServices::-webkit-scrollbar { width: 5px } #tarteaucitronServices::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0) } #tarteaucitronServices::-webkit-scrollbar-thumb { background-color: #ddd; outline: 0px solid slategrey } div#tarteaucitronServices { -webkit-box-shadow: 0 0 35px #575757; box-shadow: 0 0 35px #575757 } @media screen and (max-width: 479px) { #tarteaucitron .tarteaucitronLine .tarteaucitronName { width:90% !important } #tarteaucitron .tarteaucitronLine .tarteaucitronAsk { float: left !important; margin: 10px 15px 5px } } @media screen and (max-width: 767px) { #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer,#tarteaucitron { background:#fff; border: 0 !important; bottom: 0 !important; height: 100% !important; left: 0 !important; margin: 0 !important; max-height: 100% !important; max-width: 100% !important; top: 0 !important; width: 100% !important } #tarteaucitron .tarteaucitronBorder { border: 0 !important } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { border: 0 !important } #tarteaucitron #tarteaucitronServices .tarteaucitronTitle { text-align: left !important } .tarteaucitronName .tarteaucitronH2 { max-width: 80% } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk { text-align: center !important } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button { margin-bottom: 5px } } @media screen and (min-width: 768px) and (max-width: 991px) { #tarteaucitron { border:0 !important; left: 0 !important; margin: 0 5% !important; max-height: 80% !important; width: 90% !important } } #tarteaucitron * { zoom:1} #tarteaucitronRoot div#tarteaucitron { left: 0; right: 0; margin: auto } #tarteaucitronRoot button#tarteaucitronBack { background: #eee } #tarteaucitron .clear { clear: both } #tarteaucitron a { color: #424242; font-size: 11px; font-weight: 700; text-decoration: none } #tarteaucitronRoot button { background: transparent; border: 0 } #tarteaucitronAlertBig strong,#tarteaucitronAlertSmall strong,#tarteaucitronAlertBig a,#tarteaucitronAlertSmall a { color: #fff } #tarteaucitron strong { font-size: 22px; font-weight: 500 } #tarteaucitron ul { padding: 0 } #tarteaucitron .tarteaucitronH1,#tarteaucitron .tarteaucitronH2,#tarteaucitron .tarteaucitronH3,#tarteaucitron .tarteaucitronH4,#tarteaucitron .tarteaucitronH5,#tarteaucitron .tarteaucitronH6 { display: block } .cookie-list { list-style: none; padding: 0; margin: 0 } #tarteaucitronRoot { left: 0; position: absolute; right: 0; top: 0; width: 100% } #tarteaucitronRoot * { -webkit-box-sizing: initial; box-sizing: initial; color: #333; font-family: sans-serif !important; font-size: 14px; line-height: normal; vertical-align: initial } #tarteaucitronRoot .tarteaucitronH1 { font-size: 1.5em; text-align: center; color: #fff; margin: 15px 0 28px } #tarteaucitronRoot .tarteaucitronH2 { display: inline-block; margin: 12px 0 0 10px; color: #fff } #tarteaucitronCookiesNumberBis.tarteaucitronH2 { margin-left: 0 } #tarteaucitronBack { background: #fff; display: none; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2147483645 } #tarteaucitron { display: none; max-height: 80%; left: 50%; margin: 0 auto 0 -430px; padding: 0; position: fixed; top: 6%; width: 860px; z-index: 2147483647 } #tarteaucitron .tarteaucitronBorder { background: #fff; border: 2px solid #333; border-top: 0; height: auto; overflow: auto } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,#tarteaucitron #tarteaucitronClosePanel { background: #333333; color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; text-decoration: none; padding: 4px 0; position: absolute; right: 0; text-align: center; width: 70px } #tarteaucitron #tarteaucitronDisclaimer { color: #555; font-size: 12px; margin: 15px auto 0; width: 80% } .tarteaucitronSelfLink,#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,#tarteaucitron #tarteaucitronServices .tarteaucitronHidden { background: rgba(51,51,51,0.07) } a.tarteaucitronSelfLink { text-align: center !important; display: block; padding: 7px !important } #tarteaucitron #tarteaucitronServices .tarteaucitronHidden { display: none; position: relative } #tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,#tarteaucitron #tarteaucitronInfo,#tarteaucitron #tarteaucitronServices .tarteaucitronDetails { color: #fff; display: inline-block; font-size: 14px; font-weight: 700; margin: 20px 0px 0px; padding: 5px 20px; text-align: left; width: auto; background: #333 } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a { color: #fff; font-weight: 500 } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover { text-decoration: none !important } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a { font-size: 22px } #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a { font-size: 14px } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle { padding: 5px 10px; margin: 0 } #tarteaucitron #tarteaucitronInfo,#tarteaucitron #tarteaucitronServices .tarteaucitronDetails { color: #fff; display: none; font-size: 12px; font-weight: 500; margin-top: 0; max-width: 270px; padding: 20px; position: absolute; z-index: 2147483647 } #tarteaucitron #tarteaucitronInfo a { color: #fff; text-decoration: underline } #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover { background: rgba(51,51,51,0.2) } #tarteaucitron #tarteaucitronServices .tarteaucitronLine { background: rgba(51,51,51,0.1); border-left: 5px solid transparent; margin: 0; overflow: hidden; padding: 15px 5px } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed { border-color: #1B870B } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied { border-color: #9C1A1A } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { background: #333; border: 3px solid #333; border-left: 9px solid #333; border-top: 5px solid #333; margin-bottom: 0; margin-top: 21px; position: relative } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover { background: #333 } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName { margin-left: 15px; margin-top: 2px } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button { color: #fff } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk { margin-top: 0px !important } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName { display: inline-block; float: left; margin-left: 10px; text-align: left; width: 50% } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover { text-decoration: underline } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk { display: inline-block; float: right; margin: 7px 15px 0; text-align: right } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,.tac_activate .tarteaucitronAllow { background: gray; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; width: auto; border: 0 } #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected { background-color: #1B870B; opacity: 1 } #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected { background-color: #9C1A1A; opacity: 1 } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow { background-color: #1B870B } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny { background-color: #9C1A1A } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies { color: #333; font-size: 12px } #tarteaucitron .tarteaucitronH3 { font-size: 18px } #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName { width: auto !important; margin-left: 0 !important; font-size: 14px } .tarteaucitronAlertBigTop { top: 0 } .tarteaucitronAlertBigBottom { bottom: 0 } #tarteaucitronRoot #tarteaucitronAlertBig { background: #333; color: #fff; display: none; font-size: 15px !important; left: 0; position: fixed; -webkit-box-sizing: content-box; box-sizing: content-box; z-index: 2147483645; text-align: center; padding: 10px 0 10px 0; margin: auto; width: 100% } #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong { font: 15px verdana; color: #fff } #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong { font-weight: 700 } #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog { cursor: pointer } #tarteaucitronAlertBig #tarteaucitronCloseAlert,#tarteaucitronAlertBig #tarteaucitronPersonalize,#tarteaucitronAlertBig #tarteaucitronPersonalize2,.tarteaucitronCTAButton,#tarteaucitron #tarteaucitronPrivacyUrl,#tarteaucitron #tarteaucitronPrivacyUrlDialog,#tarteaucitronRoot .tarteaucitronDeny,#tarteaucitronRoot .tarteaucitronAllow { background: #008300; color: #fff; cursor: pointer; display: inline-block; font-size: 16px !important; line-height: 1.2; padding: 5px 10px; text-decoration: none; margin-left: 7px } #tarteaucitronRoot .tarteaucitronDeny { background: #9C1A1A } #tarteaucitronAlertBig #tarteaucitronCloseAlert,#tarteaucitron #tarteaucitronPrivacyUrl,#tarteaucitron #tarteaucitronPrivacyUrlDialog { background: #fff; color: #333; font-size: 13px; margin-bottom: 3px; margin-left: 7px; padding: 5px 10px } #tarteaucitronPercentage { background: #0A0 !important; -webkit-box-shadow: 0 0 2px #fff, 0 1px 2px #555; box-shadow: 0 0 2px #fff, 0 1px 2px #555; height: 5px; left: 0; position: fixed; width: 0; z-index: 2147483644 } @media screen and (max-width: 599px) { #tarteaucitronAlertBig button { left:auto; right: auto } } .tarteaucitronIconBottomRight { bottom: 0; right: 0 } .tarteaucitronIconBottomLeft { bottom: 0; left: 0 } .tarteaucitronIconTopRight { top: 0; right: 0 } .tarteaucitronIconTopLeft { top: 0; left: 0 } .tarteaucitronIconTopLeft #tarteaucitronManager { border-radius: 2px 7px 7px 2px } .tarteaucitronIconTopRight #tarteaucitronManager { border-radius: 7px 2px 2px 7px } .tarteaucitronIconBottomLeft #tarteaucitronManager { border-radius: 7px 7px 2px 2px } .tarteaucitronIconBottomRight #tarteaucitronManager { border-radius: 7px 7px 2px 2px } #tarteaucitronIcon { background: transparent; position: fixed; display: none; width: auto; z-index: 2147483646 } #tarteaucitronIcon #tarteaucitronManager { color: transparent; cursor: pointer; display: inline-block; font-size: 11px !important; padding: 8px 10px 8px; border: none } #tarteaucitronIcon #tarteaucitronManager img { width: 50px; height: 50px } #tarteaucitronRoot .tarteaucitronCross::before { content: '\2717'; display: inline-block; color: white } #tarteaucitronRoot .tarteaucitronCheck::before { content: '\2713'; display: inline-block; color: white } #tarteaucitronRoot .tarteaucitronPlus::before { content: '\271b'; display: inline-block; color: white } .tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom { bottom: 0 } #tarteaucitronAlertSmall { background: #333; display: none; padding: 0; position: fixed; right: 0; text-align: center; width: auto; z-index: 2147483646 } #tarteaucitronAlertSmall #tarteaucitronManager { color: #fff; cursor: pointer; display: inline-block; font-size: 11px !important; padding: 8px 10px 8px } #tarteaucitronAlertSmall #tarteaucitronManager:hover { background: rgba(255,255,255,0.05) } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot { background-color: gray; border-radius: 5px; display: block; height: 8px; margin-bottom: 1px; margin-top: 5px; overflow: hidden; width: 100% } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { display: block; float: left; height: 100%; width: 0% } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen { background-color: #1B870B } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow { background-color: #FBDA26 } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed { background-color: #9C1A1A } #tarteaucitronAlertSmall #tarteaucitronCookiesNumber { background: rgba(255,255,255,0.2); color: #fff; cursor: pointer; display: inline-block; font-size: 30px; padding: 0px 10px; vertical-align: top } #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover { background: rgba(255,255,255,0.3) } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer { display: none; max-height: 70%; max-width: 500px; position: fixed; right: 0; width: 100% } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList { background: #fff; border: 2px solid #333; color: #333; font-size: 11px; height: auto; overflow: auto; text-align: left } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong { color: #333 } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle { background: #333; margin-top: 21px; padding: 13px 0 9px 13px; text-align: left } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong { color: #fff; font-size: 16px } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain { background: rgba(51,51,51,0.1); padding: 7px 5px 10px; word-wrap: break-word } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover { background: rgba(51,51,51,0.2) } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a { color: #333; text-decoration: none } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft { display: inline-block; width: 50% } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong { color: darkred } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight { color: #333; display: inline-block; font-size: 11px; margin-left: 10%; vertical-align: top; width: 30% } .tac_activate { background: #333; color: #fff; display: table; font-size: 12px; height: 100%; line-height: initial; margin: auto; text-align: center; width: 100% } .tac_float { display: table-cell; text-align: center; vertical-align: middle } .tac_activate .tac_float strong { color: #fff } .tac_activate .tac_float .tarteaucitronAllow { background-color: #1B870B; display: inline-block } ins.ferank-publicite,ins.adsbygoogle { text-decoration: none } div.amazon_product { height: 240px; width: 120px } .tarteaucitronIsAllowed .tarteaucitronDeny { opacity: 0.4 !important } .tarteaucitronIsDenied .tarteaucitronAllow { opacity: 0.4 !important } .tarteaucitronIsAllowed .tarteaucitronAllow { opacity: 1 !important } .tarteaucitronIsDenied .tarteaucitronDeny { opacity: 1 !important } .tarteaucitronLine .tarteaucitronAllow,.tarteaucitronLine .tarteaucitronDeny { opacity: 0.4 } #tarteaucitronServices_mandatory button.tarteaucitronAllow { opacity: 1 } div#tarteaucitronInfo { display: block !important; position: relative !important; text-align: center !important; max-width: 80% !important; padding: 15px 0 !important; margin: -10px auto 40px !important; font-size: 1em !important; border-bottom: 1px solid; border-top: 1px solid; border-color: #555 } a.tarteaucitronSelfLink { position: absolute; left: 0; right: 0; padding-top: 13px !important; display: block; text-shadow: 0 0 14px white; text-transform: uppercase } .tarteaucitronMainLine .tarteaucitronH2 { font-size: 1.2em !important; margin-top: 4px !important } span.tarteaucitronTitle.tarteaucitronH3 { margin-top: 12px !important } .spacer-20 { height: 20px; display: block } .display-block { display: block } .display-none { display: none } #tarteaucitronIcon { display: none !important } #tarteaucitronBackModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background: rgba(0,0,0,0.5) !important; display: none } #tarteaucitron { position: fixed; top: 0; height: 100% !important; max-height: 100%; width: 100% !important; background: none; margin: 0 auto !important; overflow: auto; -webkit-overflow-scrolling: touch } #tarteaucitron .tarteaucitronH3 { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 700; color: #3C3C3C; line-height: 14px; text-transform: uppercase; margin-bottom: 3px } #tarteaucitron .tarteaucitronListCookies { font-style: italic } #tarteaucitron #tarteaucitronServices { position: relative; margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; overflow: hidden } #tarteaucitron #tarteaucitronServices:after { content: ''; content: none; position: relative; display: block; width: 100%; height: 50px } #tarteaucitron #tarteaucitronServices #tac-scroller { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 800px; position: relative; z-index: 1000; margin: 0; background: #fff; -webkit-box-shadow: 0 50px 50px rgba(0,0,0,0.1); box-shadow: 0 50px 50px rgba(0,0,0,0.1); overflow: hidden; pointer-events: auto; height: 75%; overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 0 } #tarteaucitron #tarteaucitronServices #tac-scroller:after { content: ''; display: block; height: 100px; width: 100% } @media screen and (max-width: 880px) { #tarteaucitron #tarteaucitronServices #tac-scroller { width:calc(100% - 80px); margin: 0 40px 0 } } @media screen and (max-width: 600px) { #tarteaucitron #tarteaucitronServices #tac-scroller { width:100%; height: 100%; margin: 0 0 0 } } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset,#tarteaucitron #tarteaucitronServices .tarteaucitronBorder { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background: white; width: 100%; max-width: 800px; margin: 0 auto } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset { position: static } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset .tarteaucitronName { display: none } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust { -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; bottom: 12.5%; left: 50%; margin-left: -400px; right: auto; height: 100px; text-align: center; background-color: white; width: 100%; max-width: 800px; padding: 0 30px; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(60,60,60,0.1) } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>* { position: relative; height: auto; width: 100%; font-family: "Roboto",Sans-Serif; font-size: 14px !important; font-weight: 400; color: #000; line-height: 20px; -webkit-appearance: none; resize: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; outline: none; color: white; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; border-radius: 2px; border: 1px solid rgba(60,60,60,0.1); margin: 0 5px; opacity: 1 !important; background: none; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*::-ms-clear { display: none } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*>span,#tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*:before { display: none } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronAllAllowed { background-color: #45B172; border-color: #45B172; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; margin-left: 5px } body:not(.no-hover) #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronAllAllowed:hover,body:not(.no-hover) #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronAllAllowed:focus { background-color: transparent; border-color: rgba(60,60,60,0.1); color: #45B172 } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronAllDenied { background-color: rgba(231,76,60,0.15); border-color: rgba(231,76,60,0.15); color: #E74C3C; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0; margin-right: 5px } body:not(.no-hover) #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronAllDenied:hover,body:not(.no-hover) #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronAllDenied:focus { background-color: transparent; border-color: rgba(60,60,60,0.1); color: #E74C3C } #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronClosePanel { background-color: #3C3C3C; border-color: #3C3C3C; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 5px } body:not(.no-hover) #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronClosePanel:hover,body:not(.no-hover) #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>*#tarteaucitronClosePanel:focus { background-color: transparent; border-color: rgba(60,60,60,0.1); color: #3C3C3C } @media screen and (max-width: 600px) { #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust>* { font-size:12px; line-height: 15px } } @media screen and (max-width: 880px) { #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust { margin-left:0; width: auto; left: 40px; right: 40px } } @media screen and (max-width: 600px) { #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust { width:100%; left: 0; right: 0; padding: 0 15px; bottom: 0 } } #tarteaucitron #tarteaucitronServices #matomoiframe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% } #tarteaucitron #tarteaucitronServices #matomoiframe>div { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 20px; width: auto; padding-top: 11px; font-size: 18px; line-height: 24px; font-weight: bold } #tarteaucitron #tarteaucitronServices #matomoiframe iframe { width: 100% } @media screen and (max-width: 600px) { #tarteaucitron #tarteaucitronServices #matomoiframe { display:block } } #tarteaucitron a { font-style: italic; text-decoration: underline; font-size: 12px } #tarteaucitronRoot.tarteaucitronBeforeVisible #tarteaucitronBackModal { display: block } #tarteaucitronRoot #tarteaucitronBack { padding: 0; background: rgba(0,0,0,0.5); z-index: 2147483645 } #tarteaucitronRoot button#tarteaucitronBack { background: rgba(60,60,60,0.6) } #tarteaucitronRoot #tarteaucitronAlertBig { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: #fff; -webkit-box-shadow: 0 -10px 50px rgba(0,0,0,0.1); box-shadow: 0 -10px 50px rgba(0,0,0,0.1); text-align: right } @media screen and (max-width: 1200px) { #tarteaucitronRoot #tarteaucitronAlertBig { text-align:center } } #tarteaucitronRoot #tarteaucitronAlertBig::after { display: block; content: ""; clear: both } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop { top: 50%; left: 50%; width: 460px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); padding: 30px; padding-bottom: 80px } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop { width:calc(100% - 40px); padding: 20px 20px 15px 20px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop[style*="display: none;"] { display: none !important } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop .tarteaucitronTitleModal { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop .tarteaucitronDisclaimerAlert { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop .tarteaucitronAllow { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop .tarteaucitronDeny { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronCloseAlert { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronTitleModal { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #3C3C3C; line-height: 28px; position: relative; display: block; text-align: left; margin: 0 0 20px 0 } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronTitleModal { font-size:1.25rem; line-height: 1.5rem; margin: 0 0 15px 0 } } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronDisclaimerAlert { padding: 0; text-align: left; margin-bottom: 25px } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop #tarteaucitronDisclaimerAlert { margin-bottom:20px } } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button { position: relative; float: left; width: calc(50% - 3px); margin: 0 5px 0 0 } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button { width:100%; margin: 5px 0 } } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button#tarteaucitronCloseAlert { background: #3C3C3C; border-color: #3C3C3C; margin-right: 0; color: white } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button#tarteaucitronCloseAlert:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button#tarteaucitronCloseAlert:focus { background: #fff; border-color: rgba(60,60,60,0.1); color: #3C3C3C } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button.tarteaucitronAllow { background: #45B172; border-color: #45B172; min-width: 190px; font-weight: 700 } @media screen and (max-width: 980px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button.tarteaucitronAllow { min-width:120px } } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button.tarteaucitronAllow:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button.tarteaucitronAllow:focus { background: #fff; border-color: rgba(60,60,60,0.1); color: #45B172 } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button.tarteaucitronDeny { background: rgba(231,76,60,0.15); border-color: rgba(231,76,60,0.15); color: #E74C3C; min-width: 190px } @media screen and (max-width: 980px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button.tarteaucitronDeny { min-width:120px } } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button.tarteaucitronDeny:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigTop>button.tarteaucitronDeny:focus { background: #fff; border-color: rgba(60,60,60,0.1); color: #E74C3C } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button { position: relative; float: right } @media screen and (max-width: 1200px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button { float:none; width: 100% !important; max-width: 500px; margin-top: 10px } } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button#tarteaucitronCloseAlert { background: #3C3C3C; border-color: #3C3C3C; color: white; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button#tarteaucitronCloseAlert:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button#tarteaucitronCloseAlert:focus { background: #fff; border-color: rgba(60,60,60,0.1); color: #3C3C3C } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button#tarteaucitronPersonalize2 { position: relative; width: auto; left: auto; right: auto; bottom: auto; background: #45B172; border-color: #45B172; min-width: 190px; font-weight: 700; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } @media screen and (max-width: 980px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button#tarteaucitronPersonalize2 { min-width:120px } } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button#tarteaucitronPersonalize2:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button#tarteaucitronPersonalize2:focus { background: #fff; border-color: rgba(60,60,60,0.1); color: #45B172 } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button.tarteaucitronDeny { background: rgba(231,76,60,0.15); border-color: rgba(231,76,60,0.15); color: #E74C3C; min-width: 190px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media screen and (max-width: 980px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button.tarteaucitronDeny { min-width:120px } } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button.tarteaucitronDeny { margin-bottom:0 } } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button.tarteaucitronDeny:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom>button.tarteaucitronDeny:focus { background: #fff; border-color: rgba(60,60,60,0.1); color: #E74C3C } @media screen and (max-width: 1200px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -ms-flex-wrap: wrap; flex-wrap: wrap } #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom[style*="display: none;"] { display: none !important } } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #000; line-height: 16px; position: relative; display: block; float: left; text-align: center; padding: 12px 0 } @media screen and (max-width: 1200px) { #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { float:none; padding: 0; margin-bottom: 20px } } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { font-size:.875rem; line-height: 1.125rem } } #tarteaucitronRoot #tarteaucitronAlertBig>button { font-family: "Roboto",Sans-Serif; font-size: 14px !important; font-weight: 400; color: #fff; line-height: 16px !important; -webkit-appearance: none; resize: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; outline: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 11px 10px; margin: 0 5px; border: 1px solid rgba(60,60,60,0.5); border-radius: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease } #tarteaucitronRoot #tarteaucitronAlertBig>button::-ms-clear { display: none } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig>button:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronAlertBig>button:focus { cursor: pointer; background: #fff; color: #000 } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronAlertBig>button { display:block; text-align: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px auto } #tarteaucitronRoot #tarteaucitronAlertBig>button:last-child { margin-bottom: 0 } } #tarteaucitronRoot #tarteaucitronAlertBig>button span:before { content: none } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 { position: absolute; bottom: 30px; right: 30px; left: 30px; width: calc(100% - 60px); margin-bottom: 0 } @media screen and (max-width: 599px) { #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 { position:relative; width: 100%; bottom: auto; right: auto; left: auto } } #tarteaucitronRoot #tarteaucitronServices { border: none; padding: 0 } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine { border: none; background: #fff; padding: 30px 30px 0 30px } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine:focus { background: #fff } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk { margin: 0 } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk { width:100% } } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk button:first-child { margin-left: 0 } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk button:last-child { margin-right: 0 } @media screen and (max-width: 599px) { #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine { padding-left:15px; padding-right: 15px } } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronH1 { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #3C3C3C; line-height: 28px; margin: 0 0 10px 0; text-align: left } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronServices .tarteaucitronH1 { margin:15px 0 10px 0; font-size: 1.25rem; line-height: 1.5rem } } #tarteaucitronRoot #tarteaucitronServices #tarteaucitronInfo { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #3C3C3C; line-height: 16px; border: none; background: none; text-align: left !important; padding: 0 !important; margin: 0 0 0 0 !important; max-width: none !important; padding-bottom: 25px !important; border-bottom: 1px solid rgba(60,60,60,0.1) } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronServices #tarteaucitronInfo { margin:0 0 15px 0 !important; width: 100%; max-width: 100% !important } } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronName { margin: 0 } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronServices .tarteaucitronName { width:100% !important; float: none; margin: 0 !important } } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronName .tarteaucitronH2 { font-family: "Roboto",Sans-Serif; font-size: 18px; font-weight: 700; color: #3C3C3C; line-height: 20px; margin: 0 !important; padding: 10px 0 } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronServices .tarteaucitronName .tarteaucitronH2 { width:100%; max-width: 100%; display: block; padding: 0; margin: 0 !important; text-align: left } } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronHidden { background: #fff } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle button { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 700; color: #3C3C3C; line-height: 20px; background: #E0E0E0; padding: 9px 20px; border-radius: 4px; margin: 0 } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle button span { display: none } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder { border: none } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul { margin: 10px } @media screen and (max-width: 599px) { #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul { margin-left:0; margin-right: 0 } } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li { padding: 20px; position: relative; background: none } @media screen and (max-width: 599px) { #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li { padding-left:15px; padding-right: 15px } } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li:first-child:before { content: none } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li:before { content: ''; position: absolute; left: 20px; right: 20px; top: 0; width: calc(100% - 40px); height: 1px; background: rgba(60,60,60,0.1) } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li .tarteaucitronTitle { margin-bottom: 12px } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li .tarteaucitronTitle button { background-color: transparent; font-size: 18px; line-height: 24px; font-weight: bold; padding: 0 } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li>ul>li { border: 1px solid rgba(60,60,60,0.1) !important; padding: 20px; margin-bottom: 10px; border-radius: 4px } @media screen and (max-width: 599px) { #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li>ul>li { padding:10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li>ul>li .tarteaucitronName { margin-right: 15px !important } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronBorder>ul>li>ul>li .tarteaucitronAsk { -ms-flex-negative: 0; flex-shrink: 0 } } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine { border: none; background: none; padding: 0 0 0 0 } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine:hover { background: none } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk { position: relative; margin: 0 } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button { visibility: visible !important } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent !important; border: none; padding: 0 !important; margin: 0; -webkit-transition: none; transition: none; height: 20px; display: block !important; text-align: right !important; padding-right: 25px !important; float: right; clear: right; font-size: 12px !important; line-height: 16px; font-weight: 400; color: rgba(60,60,60,0.4) } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button:before,#tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button:after,#tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button>span { content: none; display: none } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button.tarteaucitronAllow { opacity: 1 !important; color: rgba(60,60,60,0.4) !important; position: relative; z-index: 20; font-weight: 400 } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button.tarteaucitronAllow:after { content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 40px; z-index: 20; display: block } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button.tarteaucitronDeny { opacity: 1 !important; color: #E74C3C !important; pointer-events: none; position: relative; z-index: 5; font-weight: 700 } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk button.tarteaucitronDeny:after { content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 40px; z-index: 20; display: block } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk:after { content: ''; position: absolute; display: block; top: 0; right: 0; height: 40px; width: 20px; border-radius: 50px; background-color: rgba(231,76,60,0.25); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10; clear: both } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronAsk:before { content: ''; position: absolute; display: block; top: 24px; right: 4px; height: 12px; width: 12px; border-radius: 50px; background-color: #E74C3C; z-index: 15; -webkit-transition: all .2s ease; transition: all .2s ease } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine .tarteaucitronName { margin: 0 } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk button.tarteaucitronAllow { opacity: 1 !important; color: #45B172 !important; pointer-events: none; z-index: 5; font-weight: 700 } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk button.tarteaucitronDeny { z-index: 20; margin-right: 0; pointer-events: auto; font-weight: 400; color: rgba(60,60,60,0.4) !important } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk:after { background-color: rgba(69,177,114,0.25) } #tarteaucitronRoot #tarteaucitronServices li.tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk:before { content: ''; top: 4px; background-color: #45B172 } #tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory li.tarteaucitronLine { padding: 0; border: none !important } #tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronAsk { display: none } #tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronName { max-width: 500px; width: 100% } #tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronH3 { text-transform: none; font-weight: 400 } #tarteaucitronRoot #tarteaucitronClosePanel { font-size: 0; -webkit-appearance: none; resize: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; outline: none; padding: 0; top: 0; background: none; z-index: 1000; width: 75px; height: 75px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease } #tarteaucitronRoot #tarteaucitronClosePanel::-ms-clear { display: none } @media screen and (max-width: 600px) { #tarteaucitronRoot #tarteaucitronClosePanel { width:50px; height: 50px } } #tarteaucitronRoot #tarteaucitronClosePanel:before { content: ''; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC44NDkiIGhlaWdodD0iMTQuODQ5IiB2aWV3Qm94PSIwIDAgMTQuODQ5IDE0Ljg0OSI+CiAgPGcgaWQ9Ikdyb3VwZV82IiBkYXRhLW5hbWU9Ikdyb3VwZSA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTk1LjE1MSAtMTM4KSI+CiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDQiIHdpZHRoPSIxIiBoZWlnaHQ9IjIwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDA5LjI5MyAxMzgpIHJvdGF0ZSg0NSkiLz4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfNSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgNSIgd2lkdGg9IjEiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMTAgMTUyLjE0Mikgcm90YXRlKDEzNSkiLz4KICA8L2c+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-position: center; background-size: 15px; display: block; height: 100% } body:not(.no-hover) #tarteaucitronRoot #tarteaucitronClosePanel:hover,body:not(.no-hover) #tarteaucitronRoot #tarteaucitronClosePanel:focus { cursor: pointer } #tarteaucitronRoot div#tarteaucitron { top: 0 !important; max-height: none !important } .leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer { position: absolute; left: 0; top: 0 } .leaflet-container { overflow: hidden } .leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast } .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0 } .leaflet-marker-icon,.leaflet-marker-shadow { display: block } .leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer { max-width: none !important; max-height: none !important } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none } .leaflet-container { -webkit-tap-highlight-color: transparent } .leaflet-container a { -webkit-tap-highlight-color: rgba(51,181,229,0.4) } .leaflet-tile { -webkit-filter: inherit; filter: inherit; visibility: hidden } .leaflet-tile-loaded { visibility: inherit } .leaflet-zoom-box { width: 0; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 800 } .leaflet-overlay-pane svg { -moz-user-select: none } .leaflet-pane { z-index: 400 } .leaflet-tile-pane { z-index: 200 } .leaflet-overlay-pane { z-index: 400 } .leaflet-shadow-pane { z-index: 500 } .leaflet-marker-pane { z-index: 600 } .leaflet-tooltip-pane { z-index: 650 } .leaflet-popup-pane { z-index: 700 } .leaflet-map-pane canvas { z-index: 100 } .leaflet-map-pane svg { z-index: 200 } .leaflet-vml-shape { width: 1px; height: 1px } .lvml { display: inline-block; position: absolute } .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto } .leaflet-top,.leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none } .leaflet-top { top: 0 } .leaflet-right { right: 0 } .leaflet-bottom { bottom: 0 } .leaflet-left { left: 0 } .leaflet-control { float: left; clear: both } .leaflet-right .leaflet-control { float: right } .leaflet-top .leaflet-control { margin-top: 10px } .leaflet-bottom .leaflet-control { margin-bottom: 10px } .leaflet-left .leaflet-control { margin-left: 10px } .leaflet-right .leaflet-control { margin-right: 10px } .leaflet-fade-anim .leaflet-tile { will-change: opacity } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1 } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .leaflet-zoom-animated .leaflet-popup-content { font-size: 18px } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) } .leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile { -webkit-transition: none; transition: none } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden } .leaflet-interactive { cursor: pointer } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab } .leaflet-crosshair,.leaflet-crosshair .leaflet-interactive { cursor: crosshair } .leaflet-popup-pane,.leaflet-control { cursor: auto } .leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing } .leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container { pointer-events: none } .leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive { pointer-events: visiblePainted; pointer-events: auto } .leaflet-container { background: #ddd; outline: 0 } .leaflet-container a { color: #0078A8 } .leaflet-container a.leaflet-active { outline: 2px solid orange } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5) } .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif } .leaflet-bar { -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.15) !important; box-shadow: 0 0px 10px rgba(0,0,0,0.15) !important; border-radius: 0 !important; border: none !important } .leaflet-bar a,.leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 1.625rem; height: 1.625rem; line-height: 1.625rem; display: block; text-align: center; text-decoration: none; color: black } .leaflet-bar a,.leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block } .leaflet-bar a:hover { background-color: #f4f4f4 } .leaflet-bar a:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px } .leaflet-bar a:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb } .leaflet-touch .leaflet-control-container .leaflet-bar a { width: 1.875rem; height: 1.875rem; line-height: 1.875rem } .leaflet-touch .leaflet-control-container .leaflet-bar a:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px } .leaflet-touch .leaflet-control-container .leaflet-bar a:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px } .leaflet-control-zoom-in,.leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px } .leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out { font-size: 22px } .leaflet-control-layers { -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 0px } .leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px } .leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px } .leaflet-control-layers label { display: block } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px } .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255,255,255,0.7); margin: 0 } .leaflet-control-attribution,.leaflet-control-scale-line { padding: 0 5px; color: #333 } .leaflet-control-attribution a { text-decoration: none } .leaflet-control-attribution a:hover { text-decoration: underline } .leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale { font-size: 11px } .leaflet-left .leaflet-control-scale { margin-left: 5px } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255,255,255,0.5) } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777 } .leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar { -webkit-box-shadow: none; box-shadow: none } .leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box } .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px } .leaflet-popup-content-wrapper { padding: 0px; text-align: left } .leaflet-popup-content { line-height: 1.4 } .leaflet-popup-content p { margin: 18px 0 } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .leaflet-popup-content-wrapper,.leaflet-popup-tip { background: white; color: #333; -webkit-box-shadow: 0 3px 14px rgba(0,0,0,0.4); box-shadow: 0 3px 14px rgba(0,0,0,0.4) } .leaflet-container a.leaflet-popup-close-button { position: absolute; z-index: 10000000; top: -15px !important; right: -15px !important; width: 1.875rem !important; height: 1.875rem !important; background: white; opacity: 1; border-radius: 0%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease; font-size: 23px; line-height: 28px; color: black } .leaflet-container a.leaflet-popup-close-button:hover { background-color: #1ec459; color: #000 } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd } .leaflet-oldie .leaflet-popup-content-wrapper { zoom:1} .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678) } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px } .leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip { border: 1px solid #999 } .leaflet-div-icon { background: #fff; border: 1px solid #666 } .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 0px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-shadow: 0 1px 3px rgba(0,0,0,0.4) } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto } .leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: "" } .leaflet-tooltip-bottom { margin-top: 6px } .leaflet-tooltip-top { margin-top: -6px } .leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before { left: 50%; margin-left: -6px } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff } .leaflet-tooltip-left { margin-left: -6px } .leaflet-tooltip-right { margin-left: 6px } .leaflet-tooltip-left:before,.leaflet-tooltip-right:before { top: 50%; margin-top: -6px } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff } .marker-cluster-small { background-color: rgba(30,196,89,0.6) } .marker-cluster-small div { background-color: rgba(30,196,89,0.6) } .marker-cluster-medium { background-color: rgba(30,196,89,0.6) } .marker-cluster-medium div { background-color: rgba(30,196,89,0.6) } .marker-cluster-large { background-color: rgba(30,196,89,0.6) } .marker-cluster-large div { background-color: rgba(30,196,89,0.6) } .leaflet-oldie .marker-cluster-small { background-color: #1ec459 } .leaflet-oldie .marker-cluster-small div { background-color: #1ec459 } .leaflet-oldie .marker-cluster-medium { background-color: #1ec459 } .leaflet-oldie .marker-cluster-medium div { background-color: #1ec459 } .leaflet-oldie .marker-cluster-large { background-color: #1ec459 } .leaflet-oldie .marker-cluster-large div { background-color: #1ec459 } .marker-cluster { background-clip: padding-box; border-radius: 20px } .marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; color: #fff; font-size: 12px; font-weight: 700 } .marker-cluster span { line-height: 30px } /*! * @brief French Geoportal Extension for Leaflet * * This software is released under the licence CeCILL-B (Free BSD compatible) * @see http://www.cecill.info/licences/Licence_CeCILL-B_V1-en.txt * @see http://www.cecill.info/licences/Licence_CeCILL-B_V1-fr.txt * @see http://www.cecill.info/ * * copyright CeCILL-B * copyright IGN * @author IGN * @version 2.0.3 * @date 2019-02-18 * */ /*! * Proj4Leaflet -- Smooth Proj4js integration with Leaflet * * Copyright (c) 2012, Kartena AB * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * 1. Redistributions of source code must retain the above copyright notice, this * list of conditions and the following disclaimer. * 2. Redistributions in binary form must reproduce the above copyright notice, * this list of conditions and the following disclaimer in the documentation * and/or other materials provided with the distribution. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ /*! * Copyright 2012-2016 Jacob Toye and Leaflet * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies * of the Software, and to permit persons to whom the Software is furnished to do * so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR * PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR * THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /*! * Sortable -- minimalist JavaScript library for reorderable drag-and-drop lists * * Released under MIT LICENSE * * Copyright 2013-2016 Lebedev Konstantin * http://rubaxa.github.io/Sortable/ * * Permission is hereby granted, free of charge, to any person obtaining * a copy of this software and associated documentation files (the * "Software"), to deal in the Software without restriction, including * without limitation the rights to use, copy, modify, merge, publish, * distribute, sublicense, and/or sell copies of the Software, and to * permit persons to whom the Software is furnished to do so, subject to * the following conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /*! * @overview es6-promise - a tiny implementation of Promises/A+. * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald) * @license Licensed under MIT license * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE * @version v4.2.4 */ /*! * Proj4js - Javascript reprojection library. * * Authors: * * - Mike Adair madairATdmsolutions.ca * - Richard Greenwood richATgreenwoodmap.com * - Didier Richard didier.richardATign.fr * - Stephen Irons stephen.ironsATclear.net.nz * - Olivier Terral oterralATgmail.com * - Calvin Metcalf cmetcalfATappgeo.com * * Copyright (c) 2014, Mike Adair, Richard Greenwood, Didier Richard, Stephen Irons, Olivier Terral and Calvin Metcalf * * Permission is hereby granted, free of charge, to any person obtaining a * copy of this software and associated documentation files (the "Software"), * to deal in the Software without restriction, including without limitation * the rights to use, copy, modify, merge, publish, distribute, sublicense, * and/or sell copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included * in all copies or substantial portions of the Software. * * _THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS * OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER * DEALINGS IN THE SOFTWARE._ * */ .GPwidget { position: absolute; font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-size: 13px; color: #333 } .GPwidget input[type=button],.GPwidget input[type=text] { -webkit-appearance: none; color: #333 } .GPwidget input[type=checkbox] { display: none } .GPwidget select { padding-left: 3px; border-radius: 3px } .GPwidget form { margin-bottom: 0 } .GPwidget * { -webkit-box-sizing: border-box; box-sizing: border-box } .GPwaiting,.GPwidget * { background-repeat: no-repeat } .GPwaiting { background-image: url(data:image/gif;base64,R0lGODlhNAA0AIQSAAFkpSZ5sAGV3k2Ruiao3kOj1/GUBk225pe/B4S83XrK75HH3qrS5szMzNbW1sHe797e3ubm5v///////////////////////////////////////////////////////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAQAfACwAAAAANAA0AAAF5uAnjmRpnmiqrmzrvnAsz3T9FXhh72Ke8zWfDzgT/ogxIw55cjgiJ6XOhKjaII1sNio8Vb8ImnbMXVLBVhl2vI2hvzIHOwt9veGxyLwhu4dlcw59bzVjgjNoPHU2f0yOj5CRkpMocg2HjwaaBitzmZuaKWuGTKCgKHt8SKabqHulrJwno1qYQLGyJ56OrCuWtrChlMPExcbHH4s1ymK1NJZtM4Fxu3mvMXvMLdBj2ip60zG0WoBzENLVJL+66TDj7GQmbOc1EE9N4SURDvSRqcgj/gH8wC0LsGPtAK7pN7Chw4cQSYQAACH5BAUBAB8ALBYABAAaACcAAAVw4PdBTQOJaKquX+k2bJw6b+nIcu3isV7yLFrttioYczWWcVmICYkq5hKolB6pKOsUm9Vyu9JvKiyOls/otHqNQ7gR6ff7LJeX63Mx3n3f0+txeWyDhIVlBmsGiopoi45njo9fkZKTlIhil42RaYsxIQAh+QQFAQAfACwWAAkAGgAnAAAFdOAnjmQZOVCprmTjuikrf289y/Ub32SUuw6e6teICEuO31GVfC1Zxqd0Sq1arYVsAavNUrvdKVgrHm+l5jMazPVe3/C4/IN4I+73Kn5P3fOffn+AgXUqBocGK4QriIiKfoaNjip4LJKTT5eHU5qJnJJWjVUhACH5BAUBAB8ALAkAFgAnABoAAAV04CeOZGmepdM0Duq+5yo3cO2qcwPZPJnLveBvFezhZrsi76cM4lrNqHRKrVpPhmoBZuh2o4VwGOUtK8VoU9lcRKdJazbP/R7Fv236tnQ/If4IJ3pYa36Af4JuLl6Gh4gmYlKOgFclk4+VIpeBmSOTnZaUTSEAIfkEBQEAHwAsBAAWACcAGgAABXfg9xmkIZ5oqq5rWbJwnLqubLP0e+9nTvJAnwnIyxGJtaNyyWw6n1Ao4hmRIa7XpaPBbbCw4OO2y1WBw0Ryt4o6o3cRNdeRcmfTcojZvSr4CytyXntvKH9/gWR6X3cph4crEQ6LSo+IUYaWgJgnmpucIpagjpc3IQAh+QQFAQAfACwEAAkAGgAnAAAFb+AnjqJhkmiamqyhvmjLwrA806p946Tu8isbMNca1ozIpHLJTCKeiCYUupxOlVaqMxvdZqtWqbZJLpvPyEK5wGYz23AlPJ6c0412t9yucjQaDi98KX+FDTBtfYZ/gUmLhUqPf0p+i42Oi00QfxAiIQAh+QQFAQAfACwEAAQAGgAnAAAFc+AnjmRZGqhhrmyasrDounE7o/V64yvi6zuTb4gA0oTEn+lYSg5zSGcROpJOqVUntknc9rzgsHhMLhXOhTEaHV6vwW62N36G09tutbzM7/v/JhFlDYQNDmKFhYdeEYmFYA6OhIJbEJINYZdhlolkEA6UUCEAIfkEAQEAHwAsBAAEACcAGgAABXXgJ45kWSIoYq5sS6apK8swPN9mHeP8p6O9UmG4+qlMhmRryCwUa6uk1LBqMp9A5FQptBKDW2nX6+SFxSRyuXemjpvBz5lljYu2srX9vu/7/4CBgh8NhQ6DK4WKDYgkEIuGjSKQipKElIySj5CHlpSWIw6RoCEAOw==); background-position: 50% } .GPpanel { background-color: #fff } .GPpanelHeader { position: relative; width: 100% } .GPpanelTitle { width: 100%; height: 100%; text-align: center; font-weight: 700 } .GPpanelClose,.GPpanelInfo,.GPpanelReduce { position: absolute; cursor: pointer } .GPshowAdvancedToolPicto { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer } .GPshowAdvancedToolOpen { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box } .GPflexInput { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-transition: max-height .3s ease-out,opacity .3s ease-out; transition: max-height .3s ease-out,opacity .3s ease-out } .GPflexInput>* { display: block; height: 28px; line-height: 26px; border: 1px solid #999; border-radius: 0 } .GPflexInput :not(:last-child) { border-right: none } .GPflexInput :first-child { border-radius: 3px 0 0 3px } .GPflexInput :last-child { border-radius: 0 3px 3px 0 } .GPflexInput>:not(input) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .GPflexInput>input { padding: 0 5px; min-width: 0 } .GPflexInput>input,.GPflexInput>select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .GPflexInput>select { padding-right: 7px } .GPflexInput>label { background-color: #f2f2f2; color: #666; padding-left: 7px; padding-right: 9px; cursor: pointer } .GPinputSelect { border: 1px solid #999; color: #333 } .GPinputSelect,input.GPinputSubmit { display: block; height: 28px; line-height: 26px; margin: auto; cursor: pointer } input.GPinputSubmit { width: 80px; padding: 0; background: none; border: none; border-radius: 3px; font-family: Helvetica Neue,Arial,Helvetica,sans-serif; color: #fff; font-weight: 700; opacity: .8; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out } input.GPinputSubmit:hover { opacity: 1 } .GPadvancedAutoCompleteList,.GPautoCompleteList { z-index: 2; display: none; position: absolute; max-height: 140px; background-color: #fff; border: 1px solid #999; overflow-y: hidden } .GPadvancedAutoCompleteList { width: calc(100% - 28px); border-top: none; font-size: .9em } .GPautoCompleteProposal { width: 100%; height: 28px; line-height: 16px; padding: 6px 10px; color: #5e5e5e; font-size: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer } .GPautoCompleteProposal:hover { color: #000; background-color: #cedbef } .GPshowMoreOptions { display: block; position: absolute; width: 28px; height: 28px; cursor: pointer; -webkit-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s } input[type=checkbox]:checked+.GPshowMoreOptions { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } div[id^=GPisochron-] { top: 140px } label[id^=GPshowIsochronPicto] { display: inline-block } input[id^=GPshowIsochron-]+label { display: block } input[id^=GPshowIsochron-]+label+div,input[id^=GPshowIsochron-]:checked+label { display: none } input[id^=GPshowIsochron-]:checked+label+div { display: block } div[id^=GPisochronPanel-] { width: 280px } .GPisochronCalcWaitingContainerHidden,.GPisochronCalcWaitingContainerVisible { position: absolute; top: 32px; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.9); font-size: 1.5em; font-weight: 700; overflow: hidden } .GPisochronCalcWaitingContainerVisible { display: -ms-flexbox; display: -webkit-box; display: flex } .GPisochronCalcWaitingContainerHidden { display: none } .GPisochronCalcWaiting { margin: auto } form[id^=GPisochronForm] { padding: 15px } .GPisochronFormMini { max-height: 58px; overflow: hidden } .GPisochronFormMini div[id^=GPisochronReset-],.GPisochronFormMini label[id^=GPshowIsoExclusionsPicto-] { display: none } .GPisochronOriginVisible { display: block } .GPisochronOriginHidden { display: none } .GPisochronOriginPointerImg { width: 28px; background-color: #f2f2f2; cursor: pointer } input[id^=GPisochronOriginPointer]+.GPisochronOriginPointerImg { background-position: -1px -1px } input[id^=GPisochronOriginPointer]:checked+.GPisochronOriginPointerImg { background-position: -29px -1px } input[id^=GPisochronSubmit] { margin-top: 5px } div[id^=GPisochronChoice] { display: -ms-flexbox; display: -webkit-box; display: flex; width: 160px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; margin-top: 15px; margin-bottom: 5px } .GPisochronChoiceAlt input { display: none } .GPisochronChoiceAltImg { display: block; width: 28px; height: 28px; margin: auto; cursor: pointer } input[id^=GPisochronChoiceAltChron]+.GPisochronChoiceAltImg { background-position: -56px 0 } input[id^=GPisochronChoiceAltChron]:checked+.GPisochronChoiceAltImg { background-position: -84px 0 } input[id^=GPisochronChoiceAltDist]+.GPisochronChoiceAltImg { background-position: -112px 0 } input[id^=GPisochronChoiceAltDist]:checked+.GPisochronChoiceAltImg { background-position: -140px 0 } .GPisochronChoiceAlt span { cursor: pointer; display: block; color: #999 } .GPisochronValueHidden { display: none } div[id^=GPisochronValueChron],div[id^=GPisochronValueDist] { width: 220px; margin: auto } div[id^=GPisochronModeChoice] { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 15px 0 } .GPisochronModeLabel { display: block; text-align: center; margin-bottom: 5px } div[id^=GPisochronTransportChoice] input { display: none } .GPisochronTransportImg { display: inline-block; width: 28px; height: 28px; cursor: pointer } .GPisochronTransportImg:first-of-type { margin-left: 18px; margin-right: 10px } input[id^=GPisochronTransportCar]+.GPisochronTransportImg { background-position: -168px 0 } input[id^=GPisochronTransportCar]:checked+.GPisochronTransportImg { background-position: -196px 0 } input[id^=GPisochronTransportPedestrian]+.GPisochronTransportImg { background-position: -224px 0 } input[id^=GPisochronTransportPedestrian]:checked+.GPisochronTransportImg { background-position: -252px 0 } select[id^=GPisochronDirectionSelect] { width: 80px } input[id^=GPshowIsoExclusions] { display: none } .GPshowIsoExclusionsPicto { top: 250px; right: 0; -webkit-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s } input[id^=GPshowIsoExclusions]+label+div[id^=GPisoExclusions] { max-height: 0; opacity: 0; margin-bottom: 0 } input[id^=GPshowIsoExclusions]:checked+label+div[id^=GPisoExclusions] { display: block; max-height: 60px; opacity: 1; margin-bottom: 15px } div[id^=GPisoExclusions] { -webkit-transition: max-height .5s ease-in-out .25s,opacity .5s ease-in-out .25s,margin .3s ease-in-out .25s; transition: max-height .5s ease-in-out .25s,opacity .5s ease-in-out .25s,margin .3s ease-in-out .25s; overflow: hidden } .GPisoExclusionsLabel { display: block; text-align: center; margin-bottom: 10px; font-weight: 700; line-height: 16px } .GPisoExclusionsOptions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around } .GPisoExclusionsOption { display: block; height: 28px; line-height: 26px; color: #a77; background-color: #fee; padding-left: 28px; padding-right: 5px; border: 1px solid #a77; border-radius: 3px; cursor: pointer } input:checked+.GPisoExclusionsOption { background-color: #efe; background-position: 0 -28px; color: #797; border: 1px solid #797 } div[id^=GPisochronReset] { position: absolute; margin-top: 5px; width: 28px; height: 28px; border-radius: 3px; opacity: .8; background-position: -281px 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; cursor: pointer } div[id^=GPisochronReset]:hover { opacity: 1 } [id^=GPreverseGeocoding-] { top: 180px } [id^=GPshowReverseGeocodingPicto-] { display: inline-block } [id^=GPshowReverseGeocoding-]+label { display: block } [id^=GPshowReverseGeocoding-]+label+div,[id^=GPshowReverseGeocoding-]:checked+label { display: none } [id^=GPshowReverseGeocoding-]:checked+label+div { display: block } div[id^=GPreverseGeocodingResultsClose] { top: 0; right: 0; width: 30px; height: 32px } [id^=GPreverseGeocodingPanel-] { width: 280px } .GPreverseGeocodingComponentHidden { display: none } div[id^=GPreverseGeocodingReturnPicto-] { position: absolute; width: 26px; height: 26px; border-radius: 3px; opacity: 1; background-position: 0 0; cursor: pointer } .GPreverseGeocodingReturnPictoHidden { display: none } .GPreverseGeocodingCalcWaitingContainerHidden,.GPreverseGeocodingCalcWaitingContainerVisible { position: absolute; top: 32px; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.9); font-size: 1.5em; font-weight: 700; overflow: hidden } [id^=GPreverseGeocodingForm-] { position: relative; max-height: 270px; overflow-y: auto; padding-left: 15px; padding-right: 15px; padding-top: 10px } .GPreverseGeocodingCodeLabel,.GPreverseGeocodingFilterLabel { max-width: 105px } .GPreverseGeocodingCode,.GPreverseGeocodingCodeLabel { margin-top: 5px; margin-bottom: 0 } .GPreverseGeocodingFilterInput,.GPreverseGeocodingFilterLabel { margin-bottom: 5px } input[id^=GPreverseGeocodingSubmit-] { margin-top: 5px; margin-bottom: 15px; width: 100px } .GPreverseGeocodingCalcWaitingContainerHidden,.GPreverseGeocodingCalcWaitingContainerVisible { position: absolute; top: 32px; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.9); font-size: 1.5em; font-weight: 700; overflow: hidden } .GPreverseGeocodingCalcWaitingContainerVisible { display: -ms-flexbox; display: -webkit-box; display: flex } .GPreverseGeocodingCalcWaitingContainerHidden { display: none } .GPreverseGeocodingCalcWaiting { margin: auto } div[id^=GPreverseGeocodingResultsList-] { position: relative; max-height: 210px; overflow-y: auto } div[id^=GPelevationPathPanelInfo] { display: none } .GPelevationPathCalcWaitingContainerHidden,.GPelevationPathCalcWaitingContainerVisible { position: absolute; top: 32px; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.9); font-size: 1.5em; font-weight: 700; overflow: hidden } .GPelevationPathInformationsContainerHidden,.GPelevationPathInformationsContainerVisible { position: absolute; top: 32px; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.9); font-size: 13px; font-weight: 700; overflow: hidden } .GPelevationPathCalcWaitingContainerVisible,.GPelevationPathInformationsContainerVisible { display: -webkit-box; display: -ms-flexbox; display: flex } .GPelevationPathInformationsContainerVisible { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .GPelevationPathCalcWaitingContainerHidden,.GPelevationPathInformationsContainerHidden { display: none } .GPelevationPathCalcWaiting,.GPelevationPathInformations { margin: auto } .GPelevationPathInformations { font-size: .8em } .GPelevationPathCalcWaitingContainerHidden,.GPelevationPathCalcWaitingContainerVisible,.GPelevationPathInformationsContainerHidden,.GPelevationPathInformationsContainerVisible { border-radius: 5px } #profileElevationRaw { resize: none; padding: unset } #profileElevationByDefault { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; height: 100% } #profileElevationByDefault,.profile-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal } .profile-box { height: calc(100% - 15px); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row } .profile-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .profile-x-horizontal,.profile-x-horizontal ul,.profile-z-vertical,.profile-z-vertical ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .profile-content,.profile-z-vertical,.profile-z-vertical ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% } .profile-x-horizontal ul,.profile-z-vertical ul { margin: 0; list-style-type: none } .profile-z-vertical { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .profile-z-vertical ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2px 5px 2px 2px } .profile-z-vertical .profile-unit { width: 100%; text-align: center } .profile-content ul { background: #fff; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 100%; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0; padding: 0 } .profile-x-horizontal { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; height: 15px } .profile-x-horizontal ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .profile-x-fleche { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid green } .profile-z-fleche { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid red } .profile-z-axis { border-right: none; border-left: 2px solid #888; cursor: default } .profile-x-axis { border-top: none; border-bottom: 2px solid #888; cursor: default } ul#profile-data li.percent { display: inline-block; vertical-align: bottom; background-color: #c77a04; opacity: .3; border-top: 1px solid; border-radius: 2px; cursor: pointer } li.axe span.bottom-axis { vertical-align: bottom } ul#profile-data .percent:hover { display: inline-block; vertical-align: bottom; background-color: red } .v0 { height: 0% } .v1 { height: 1% } .v2 { height: 2% } .v3 { height: 3% } .v4 { height: 4% } .v5 { height: 5% } .v6 { height: 6% } .v7 { height: 7% } .v8 { height: 8% } .v9 { height: 9% } .v10 { height: 10% } .v11 { height: 11% } .v12 { height: 12% } .v13 { height: 13% } .v14 { height: 14% } .v15 { height: 15% } .v16 { height: 16% } .v17 { height: 17% } .v18 { height: 18% } .v19 { height: 19% } .v20 { height: 20% } .v21 { height: 21% } .v22 { height: 22% } .v23 { height: 23% } .v24 { height: 24% } .v25 { height: 25% } .v26 { height: 26% } .v27 { height: 27% } .v28 { height: 28% } .v29 { height: 29% } .v30 { height: 30% } .v31 { height: 31% } .v32 { height: 32% } .v33 { height: 33% } .v34 { height: 34% } .v35 { height: 35% } .v36 { height: 36% } .v37 { height: 37% } .v38 { height: 38% } .v39 { height: 39% } .v40 { height: 40% } .v41 { height: 41% } .v42 { height: 42% } .v43 { height: 43% } .v44 { height: 44% } .v45 { height: 45% } .v46 { height: 46% } .v47 { height: 47% } .v48 { height: 48% } .v49 { height: 49% } .v50 { height: 50% } .v51 { height: 51% } .v52 { height: 52% } .v53 { height: 53% } .v54 { height: 54% } .v55 { height: 55% } .v56 { height: 56% } .v57 { height: 57% } .v58 { height: 58% } .v59 { height: 59% } .v60 { height: 60% } .v61 { height: 61% } .v62 { height: 62% } .v63 { height: 63% } .v64 { height: 64% } .v65 { height: 65% } .v66 { height: 66% } .v67 { height: 67% } .v68 { height: 68% } .v69 { height: 69% } .v70 { height: 70% } .v71 { height: 71% } .v72 { height: 72% } .v73 { height: 73% } .v74 { height: 74% } .v75 { height: 75% } .v76 { height: 76% } .v77 { height: 77% } .v78 { height: 78% } .v79 { height: 79% } .v80 { height: 80% } .v81 { height: 81% } .v82 { height: 82% } .v83 { height: 83% } .v84 { height: 84% } .v85 { height: 85% } .v86 { height: 86% } .v87 { height: 87% } .v88 { height: 88% } .v89 { height: 89% } .v90 { height: 90% } .v91 { height: 91% } .v92 { height: 92% } .v93 { height: 93% } .v94 { height: 94% } .v95 { height: 95% } .v96 { height: 96% } .v97 { height: 97% } .v98 { height: 98% } .v99 { height: 99% } .v100 { height: 100% } .axis-d3>text { fill: #5e5e5e; font-family: Verdana; font-size: 10px; opacity: 1; text-anchor: end } .axis-d3 { fill: none; stroke: #5e5e5e; stroke-width: 1; shape-rendering: crispEdges } .area-d3 { fill: #c77a04; stroke: #5e5e5e; stroke-width: 0; fill-opacity: .4 } .line-d3 { fill: none; stroke: #c77a04; stroke-width: 1px } .grid-d3 .tick { stroke: #d3d3d3; opacity: .7 } .grid-d3 path { stroke-width: 0 } .overlay-d3 { fill: none; pointer-events: all } .focusLine-d3 { fill: none; stroke: #c77a04; stroke-width: .5px } .focusCircle-d3 { fill: #c77a04 } div.tooltip-d3 { position: inherit; text-align: left; width: 80px; height: 45px; padding: 5px; font: 8px sans-serif; background: #fff; border: 0; border-radius: 8px; pointer-events: none } div[id^=GPlayerSwitcher-] { font-size: 11px } div[id^=GPlayerSwitcher-] [draggable] { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -khtml-user-drag: element; -webkit-user-drag: element } div[id^=GPlayerSwitcher-] input[type=checkbox]+div,div[id^=GPlayerSwitcher-] input[type=checkbox]+label+div { max-height: 0 } div[id^=GPlayerSwitcher-] label { display: block } label[id^=GPshowLayersListPicto] { position: relative; float: right; display: block; opacity: 1; -webkit-transition: opacity .5s ease-out 0s,border .5s ease-out 0s,border-radius .5s ease-out 0s,-webkit-box-shadow .5s ease-out 0s; transition: opacity .5s ease-out 0s,border .5s ease-out 0s,border-radius .5s ease-out 0s,-webkit-box-shadow .5s ease-out 0s; transition: opacity .5s ease-out 0s,box-shadow .5s ease-out 0s,border .5s ease-out 0s,border-radius .5s ease-out 0s; transition: opacity .5s ease-out 0s,box-shadow .5s ease-out 0s,border .5s ease-out 0s,border-radius .5s ease-out 0s,-webkit-box-shadow .5s ease-out 0s; cursor: pointer } span[id^=GPshowLayersListClose],span[id^=GPshowLayersListOpen] { position: absolute; display: block; -webkit-transition: border-radius .5s ease-out 0s,opacity .5s ease-out 0s; transition: border-radius .5s ease-out 0s,opacity .5s ease-out 0s } span[id^=GPshowLayersListOpen] { background-position: 0 0; opacity: 1 } span[id^=GPshowLayersListClose] { opacity: 0 } div[id^=GPlayerSwitcher-] input[type=checkbox]:checked+div+label[id^=GPshowLayersListPicto] { border-top-left-radius: 0; border-top-right-radius: 0 } div[id^=GPlayerSwitcher-] input[type=checkbox]:checked+div+label[id^=GPshowLayersListPicto] span[id^=GPshowLayersListClose] { opacity: 1 } div[id^=GPlayersList] { position: relative; width: 180px; border-bottom-right-radius: 0; opacity: 0; overflow: auto; -webkit-transition: max-height .5s ease-out 0s,opacity .5s ease-out .25s; transition: max-height .5s ease-out 0s,opacity .5s ease-out .25s } div[id^=GPlayerSwitcher-] input[type=checkbox]:checked+div[id^=GPlayersList] { max-height: 232px; opacity: 1; -webkit-transition: max-height .5s ease-in 0s,opacity .25s ease-in 0s; transition: max-height .5s ease-in 0s,opacity .25s ease-in 0s } .GPlayerSwitcher_layer { position: relative; top: 0; background-color: #fff; border-bottom: 1px dotted #ccc; overflow: hidden } div[id^=GPlayersList] .GPlayerSwitcher_layer:last-child { border-bottom: none } .GPlayerAdvancedTools,.GPlayerBasicTools { position: relative; width: 100%; height: 28px } .GPlayerInfo,.GPlayerInfoOpened,.GPlayerRemove,.GPlayerVisibility { width: 28px; height: 28px; cursor: pointer } .GPlayerInfo,.GPlayerInfoOpened,.GPlayerName,.GPlayerOpacity,.GPlayerOpacityValue,.GPlayerRemove,.GPlayerVisibility { position: absolute; top: 0 } .GPghostLayer { opacity: 0 } .GPlayerBasicTools { background-color: #fff } .GPlayerVisibility { left: 0; background-position: -28px 0 } input[type=checkbox]:checked+.GPlayerVisibility { background-position: 0 0 } .GPlayerName { left: 28px; width: calc(100% - 56px); line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 4px; cursor: move } .outOfRange .GPlayerName { color: #aaa } .GPshowLayerAdvancedTools { top: 0; right: 0; background-position: -112px 0 } .GPlayerAdvancedTools { display: block; max-height: 0; opacity: 0; -webkit-transition: max-height .5s ease-out 0s,opacity .5s ease-out 0s; transition: max-height .5s ease-out 0s,opacity .5s ease-out 0s } div[id^=GPlayerSwitcher-] input[type=checkbox]:checked+label+.GPlayerAdvancedTools { max-height: 28px; opacity: 1 } .GPlayerInfo { left: 0; background-position: -55px 0 } .GPlayerInfoOpened { left: 0; background-position: -83px 0 } .GPlayerOpacity { left: 28px; width: calc(100% - 100px); height: 28px; padding-left: 8px } .GPlayerOpacityValue { width: 32px; left: calc(100% - 60px); line-height: 28px; font-size: 10px; font-style: italic; cursor: default } .GPlayerRemove { right: 0; background-position: -140px 0 } .GPlayerOpacity input { -webkit-appearance: none; -moz-appearance: none; background: none; display: block; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; cursor: pointer } .GPlayerOpacity input[type=range]:focus { -webkit-box-shadow: none; box-shadow: none; outline: none } .GPlayerOpacity input[type=range]::-webkit-slider-runnable-track { -webkit-appearance: none; height: 3px } .GPlayerOpacity input[type=range]::-webkit-slider-thumb { position: absolute; top: 0; right: 50%; left: -200px; height: 3px; pointer-events: none } .GPlayerOpacity input[type=range]::-webkit-slider-thumb { width: 9px; height: 17px; -webkit-appearance: none; border: 2px solid #fff; background-color: #505050; position: relative; top: -7px } .GPlayerOpacity input[type=range]::-moz-range-track { width: 80px; height: 3px } .GPlayerOpacity input[type=range]::-moz-range-thumb { width: 5px; height: 13px; border: 2px solid #fff; border-radius: 0; box-shadow: none; background-color: #505050; position: relative } .GPlayerOpacity input[type=range]::-ms-track { border: 0; border-color: transparent; border-radius: 0; border-width: 0; color: transparent; height: 3px; width: 80px } .GPlayerOpacity input[type=range]::-ms-fill-lower,.GPlayerOpacity input[type=range]::-ms-fill-upper { background: transparent; border-radius: 0 } .GPlayerOpacity input[type=range]::-ms-thumb { width: 5px; height: 13px; border: 2px solid #fff; background-color: #505050 } .GPlayerOpacity input[type=range]::-ms-tooltip { display: none } div[id^=GPlayerInfoPanel] { position: absolute; top: 0; overflow-y: hidden; padding-top: 10px; padding-bottom: 10px } .GPlayerInfoPanelOpened { display: block } .GPlayerInfoPanelClosed { display: none } div[id^=GPlayerInfoContent] { position: relative; width: 280px; max-height: 200px; overflow-y: auto; padding-left: 10px; padding-right: 10px } div[id^=GPlayerInfoTitle] { width: calc(100% - 52px); margin: auto; margin-bottom: 10px; padding-bottom: 5px; text-align: center; font-size: 1.1em; font-weight: 700 } div[id^=GPlayerInfoQuicklook] { position: absolute; top: -2px; left: 10px; width: 20px; height: 20px; cursor: pointer } div[id^=GPlayerInfoClose] { position: absolute; top: -8px; right: 10px; width: 28px; height: 28px; cursor: pointer } div[id^=GPlayerInfoDescription] { font-size: .9em } .GPlayerInfoSubtitle { padding-left: 35px; font-weight: 700; margin-top: 10px; margin-bottom: 4px } .GPlayerInfoLink,.GPlayerInfoPopup { line-height: 20px; padding-left: 23px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; color: #999; background-repeat: no-repeat; cursor: pointer } .GPlayerInfoLink { background-position: 0 -20px } .GPlayerInfoLink:hover,.GPlayerInfoPopup:hover { color: #333 } .GPlayerInfoLink a,.GPlayerInfoLink a:visited .GPlayerInfoLink a:focus .GPlayerInfoLink a:hover { text-decoration: none; color: inherit } div[id^=GProute-] { top: 100px } label[id^=GPshowRoutePicto] { display: inline-block } input[id^=GPshowRoute-]+label { display: block } input[id^=GPshowRoute-]+label+div,input[id^=GPshowRoute-]:checked+label { display: none } input[id^=GPshowRoute-]:checked+label+div { display: block } div[id^=GProutePanel-] { width: 320px } .GProuteComponentHidden { display: none } .GProuteCalcWaitingContainerHidden,.GProuteCalcWaitingContainerVisible { position: absolute; top: 32px; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.9); font-size: 1.5em; font-weight: 700; overflow: hidden } .GProuteCalcWaitingContainerVisible { display: -ms-flexbox; display: -webkit-box; display: flex } .GProuteCalcWaitingContainerHidden { display: none } .GProuteCalcWaiting { margin: auto } form[id^=GProuteForm] { padding: 15px } .GProuteFormMini { max-height: 58px; overflow: hidden; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) } .GProuteStageFlexInput { max-height: 28px; opacity: 1 } .GProuteStageFlexInputHidden { max-height: 0; opacity: 0; overflow: hidden } form[id^=GProuteForm]>.GPlocationStageFlexInput { margin-top: 5px } form[id^=GProuteForm]>.GPlocationStageFlexInputHidden { margin-top: 0 } form[id^=GProuteForm].GProuteFormMini .GPlocationStageFlexInput:first-child { margin-top: 5px } .GProuteOriginVisible { display: block } .GProuteOriginHidden { display: none } label.GProuteOriginPointerImg[id*=GProuteOriginPointerImg] { width: 28px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #999 } input[id*=GProuteOriginPointer]+.GProuteOriginPointerImg { background-position: -1px -1px } input[id*=GProuteOriginPointer]:checked+.GProuteOriginPointerImg { background-position: -29px -1px } .GProuteStageRemove,div[id^=GProuteStageAdd] { width: 28px; border: none; cursor: pointer } .GProuteFormMini .GProuteStageRemove,.GProuteFormMini div[id^=GProuteStageAdd] { display: none } .GProuteStageRemove { background-position: -84px 0 } div[id^=GProuteStageAdd] { background-position: -56px 0 } div[id^=GProuteModeChoice] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 15px 0 } .GProuteModeLabel { display: block; text-align: center; margin-bottom: 5px } div[id^=GProuteTransportChoice] input { display: none } .GProuteTransportImg { display: inline-block; width: 28px; height: 28px; cursor: pointer } .GProuteTransportImg:first-of-type { margin-left: 18px; margin-right: 10px } input[id^=GProuteTransportCar]+.GProuteTransportImg { background-position: -112px 0 } input[id^=GProuteTransportCar]:checked+.GProuteTransportImg { background-position: -140px 0 } input[id^=GProuteTransportPedestrian]+.GProuteTransportImg { background-position: -168px 0 } input[id^=GProuteTransportPedestrian]:checked+.GProuteTransportImg { background-position: -196px 0 } select[id^=GProuteComputationSelect] { width: 100px } input[id^=GPshowRouteExclusions] { display: none } .GPshowRouteExclusionsPicto { top: 185px; right: 0; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } input[id^=GPshowRouteExclusions]+label+div[id^=GProuteExclusions] { max-height: 0; opacity: 0; margin-bottom: 0 } input[id^=GPshowRouteExclusions]:checked+label+div[id^=GProuteExclusions] { display: block; max-height: 60px; opacity: 1; margin-bottom: 15px } div[id^=GProuteExclusions] { -webkit-transition: max-height .5s ease-in-out .25s,opacity .5s ease-in-out .25s,margin .3s ease-in-out .25s; transition: max-height .5s ease-in-out .25s,opacity .5s ease-in-out .25s,margin .3s ease-in-out .25s; overflow: hidden } .GProuteExclusionsLabel { display: block; text-align: center; margin-bottom: 10px; font-weight: 700; line-height: 16px } .GProuteExclusionsOptions { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: distribute; justify-content: space-around } .GProuteExclusionsOption { display: block; height: 28px; line-height: 26px; color: #a77; background-color: #fee; padding-left: 28px; padding-right: 5px; border: 1px solid #a77; border-radius: 3px; cursor: pointer } input:checked+.GProuteExclusionsOption { background-color: #efe; background-position: 0 -28px; color: #797; border: 1px solid #797 } div[id^=GProuteReset] { position: absolute; width: 28px; height: 28px; border-radius: 3px; opacity: .8; background-position: -224px 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; cursor: pointer } div[id^=GProuteReset]:hover { opacity: 1 } div[id^=GProuteResultsPanel] { padding: 15px } .GProuteResultStage { display: -ms-flexbox; display: -webkit-box; display: flex } div[id^=GProuteResultsStages] { margin-bottom: 15px } .GProuteResultStageLabel,.GProuteResultStageValue,.GProuteResultsValueLabel,div[id^=GProuteResultsValueDist],div[id^=GProuteResultsValueTime] { display: inline-block; line-height: 18px } .GProuteResultStageLabel,.GProuteResultsValueLabel { color: #666 } .GProuteResultStageLabel { width: 60px } .GProuteResultsValueLabel { width: 65px } .GProuteResultStageValue { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis } div[id^=GProuteResultsValueDist],div[id^=GProuteResultsValueTime] { width: 80px; font-weight: 700 } div[id^=GProuteResults-] { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } select[id^=GProuteResultsComputationSelect] { width: 100px } div[id^=GProuteResultsNew] { width: 28px; height: 28px; border-radius: 3px; opacity: .8; background-position: -224px 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; cursor: pointer } div[id^=GProuteResultsNew]:hover { opacity: 1 } .GPfakeBorder { display: inline-block; height: 14px; width: 60px; border-bottom: 1px solid #999 } .GPfakeBorderLeft { margin-left: 15px } input[id^=GProuteResultsShowDetails]+label,input[id^=GProuteResultsShowDetails]+label+label { width: 130px; line-height: 28px; vertical-align: top; text-align: center; font-weight: 700; cursor: pointer; -webkit-transition: color .2s ease-out; transition: color .2s ease-out } input[id^=GProuteResultsShowDetails]+label,input[id^=GProuteResultsShowDetails]:checked+label+label { display: inline-block } input[id^=GProuteResultsShowDetails]+label+label,input[id^=GProuteResultsShowDetails]:checked+label { display: none } input[id^=GProuteResultsShowDetails]+label+label+div+div[id^=GProuteResultsDetails] { max-height: 0; opacity: 0 } input[id^=GProuteResultsShowDetails]:checked+label+label+div+div[id^=GProuteResultsDetails] { max-height: 200px; opacity: 1 } div[id^=GProuteResultsDetails] { overflow-y: auto; -webkit-transition: max-height .5s ease-in-out .25s,opacity .5s ease-in-out .25s; transition: max-height .5s ease-in-out .25s,opacity .5s ease-in-out .25s } .GProuteResultsDetailsInstruction,.GProuteResultsDetailsNumber { display: inline-block; margin-top: 4px; line-height: 16px; color: #666 } .GProuteResultsDetailsNumber { font-weight: 700; width: 22px; text-align: right; vertical-align: top } .GProuteResultsDetailsInstruction { width: calc(100% - 30px); padding-left: 5px } .GPlocationStageFlexInput { max-height: 28px; opacity: 1 } .GPlocationStageFlexInputHidden { max-height: 0; opacity: 0; overflow: hidden } .GPlocationOriginVisible { display: block } .GPlocationOriginHidden { display: none } label.GPlocationOriginPointerImg[id*=GPlocationOriginPointerImg] { width: 28px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #999 } input[id*=GPlocationOriginPointer]+.GPlocationOriginPointerImg { background-position: -1px -1px } input[id*=GPlocationOriginPointer]:checked+.GPlocationOriginPointerImg { background-position: -29px -1px } .GPlocationStageRemove,div[id^=GPlocationStageAdd] { width: 28px; border: none; cursor: pointer } .GPlocationStageRemove { background-position: -84px 0 } div[id^=GPlocationStageAdd] { background-position: -56px 0 } input[id^=GPshowSearchEngine-] { display: none } label[id^=GPshowSearchEnginePicto] { display: inline-block; -webkit-transition: border-radius 0s ease-out 0s; transition: border-radius 0s ease-out 0s; -webkit-transition-delay: .5s; transition-delay: .5s } input[id^=GPshowSearchEngine-]:checked+label { border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-transition-delay: 0s; transition-delay: 0s } input[id^=GPshowSearchEngine-]+label+form[id^=GPsearchInput-] { max-width: 0; border: none; -webkit-transition: max-width .5s ease-out 0s; transition: max-width .5s ease-out 0s } input[id^=GPshowSearchEngine-]:checked+label+form[id^=GPsearchInput-] { max-width: 310px } input[id^=GPshowSearchEngine-]+label+form[id^=GPsearchInput-]+div[id^=GPshowAdvancedSearch] { display: none } input[id^=GPshowSearchEngine-]:checked+label+form[id^=GPsearchInput-]+div[id^=GPshowAdvancedSearch] { display: inline-block } div[id^=GPautoCompleteList] { display: none } input[id^=GPshowSearchEngine-]:checked+label+form[id^=GPsearchInput-]+div[id^=GPautoCompleteList] { display: block } form[id^=GPsearchInput-] { display: inline-block; position: relative; left: -3px; width: 280px; overflow: hidden } form[id^=GPsearchInput-] input { display: block; width: 100%; height: 100%; border: 1px solid #999; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 0; padding-right: 30px; padding-left: 5px; color: #333; font-size: 1em } form[id^=GPsearchInput-] input:disabled { background-color: #ddd; color: #999 } div[id^=GPsearchInputReset] { position: absolute; background-position: -30px 0; cursor: pointer } div[id^=GPadvancedSearchClose],div[id^=GPgeocodeResultsClose],div[id^=GPsearchInputReset] { top: 0; right: 0; width: 30px; height: 32px } div[id^=GPgeocodeResultsClose] { background-position: 0 0 } div[id^=GPadvancedSearchClose] { background-repeat: no-repeat } div[id^=GPshowAdvancedSearch] { -webkit-transition: border-radius 0s ease-out 0s; transition: border-radius 0s ease-out 0s; -webkit-transition-delay: .5s; transition-delay: .5s } div[id^=GPadvancedSearchPanel] { display: none; width: 280px; vertical-align: top; overflow: hidden } form[id^=GPadvancedSearchForm] { max-height: 220px; overflow-y: auto; padding-left: 15px; padding-right: 15px } .GPadvancedSearchCodeLabel,.GPadvancedSearchFilterLabel { max-width: 105px } .GPadvancedSearchCode,.GPadvancedSearchCodeLabel,div[id^=GPadvancedSearchFilters] { margin-top: 15px } .GPadvancedSearchFilterInput,.GPadvancedSearchFilterLabel { margin-bottom: 5px } input[id^=GPadvancedSearchSubmit] { margin-top: 10px; margin-bottom: 15px } div[id^=GPautoCompleteList],div[id^=GPgeocodeResultsList] { width: 280px } div[id^=GPautoCompleteList] { top: 35px } div[id^=GPgeocodeResultsList] { display: none; position: absolute; top: 40px; border-radius: 4px; overflow: hidden } div[id^=GPgeocodeResults-] { background-color: #fff; max-height: 140px; overflow-y: auto } label[id^=GPshowMousePositionPicto] { display: inline-block } input[id^=GPshowMousePosition-]+label { display: block } input[id^=GPshowMousePosition-]+label+div,input[id^=GPshowMousePosition-]:checked+label { display: none } input[id^=GPshowMousePosition-]:checked+label+div { display: block } div[id^=GPmousePositionPanel-] { width: 300px; overflow: hidden } div[id^=GPmousePositionBasicPanel] { padding: 10px 15px; position: relative } .GPmousePositionCoords,.GPmousePositionLabel { display: inline-block; line-height: 20px } .GPmousePositionLabel { width: 80px; font-weight: 700 } .GPmousePositionCoords { width: 110px } .GPshowMousePositionSettingsPicto { bottom: 5px; right: 0; -webkit-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s } div[id^=GPmousePosition-] input[type=checkbox]:checked+.GPshowMousePositionSettingsPicto { bottom: 100px } div[id^=GPmousePositionSettings-] { display: block; max-height: 0; opacity: 0; -webkit-transition: max-height .5s ease-out 0s,opacity .5s ease-out 0s; transition: max-height .5s ease-out 0s,opacity .5s ease-out 0s } div[id^=GPmousePosition-] input[type=checkbox]:checked+label+div[id^=GPmousePositionSettings-] { max-height: 95px; opacity: 1 } div[id^=GPmousePositionSettings-] { height: 95px; padding-left: 15px; overflow: hidden } .GPmousePositionSettingsLabel { display: block; margin: auto; text-align: center; font-weight: 700; line-height: 16px } .GPmousePositionSettingsSelect { width: 180px; margin-top: 5px } div[id^=GPmousePositionCoordinate-] input.error { border: 1px solid red } div[id^=GPmousePositionCoordinate-] input[readonly] { border: 1px solid transparent; padding: 2px; text-align: right } input[id^=GPmousePositionLat-],input[id^=GPmousePositionLon-] { width: 120px } span[id^=GPmousePositionAlt-] { display: inline-block; padding: 2px; width: 120px; line-height: 20px; text-align: right } .GPSexagesimal,.GPSexagesimalsec { margin: 0; border: 1px solid #ccc; border-radius: 4px } input:-moz-read-only.GPSexagesimal, input:-moz-read-only.GPSexagesimalsec { text-align: right } input:read-only.GPSexagesimal,input:read-only.GPSexagesimalsec { text-align: right } .GPSexagesimal { width: 30px } .GPSexagesimalsec { width: 45px } .GPmousePositionSexagesimalLabel { font-size: 1.2em; vertical-align: middle; padding: 0 } select.GPmousePositionDirection { border: 1px solid #999; margin-left: 2px } select.GPmousePositionDirection:disabled { border: none; background: transparent; color: #000; -webkit-appearance: none; -moz-appearance: none } select.GPmousePositionDirection:disabled::-ms-expand { display: none } select.GPmousePositionDirection:disabled::-ms-value { color: #000 } .GPmousePositionAltitudeUnits,.GPmousePositionUnits { margin-left: 5px } .GPmousePositionPanelEditTools { position: absolute; top: 20px; right: 5px } .GPmousePositionEditTool { width: 18px; height: 18px; display: inline-block; cursor: pointer } span[id^=GPmousePositionCloseEdit] { background-position: -18px 0; margin-left: 5px } img[id^=GPmousePositionMarker]:hover { cursor: pointer; opacity: .7 } #GPmapCenter { display: none; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px } #GPmapCenter.GPmapCenterVisible { display: block } .GPwidget { position: relative } #GPadvancedToolsPanel { position: static } .GPpanel { -webkit-box-shadow: 0 1px 6px #000; box-shadow: 0 1px 6px #000; border-radius: 5px } .GPpanelHeader { height: 32px; background-color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px } .GPpanelTitle { width: calc(100% - 60px); margin: auto; line-height: 32px; color: #c77a04; border-bottom: 1px solid #c77a04 } .GPpanelClose { top: 0; right: 0; width: 30px; height: 32px; background-position: -30px 1px } .GPpanelReduce { right: 30px; background-position: -60px 1px } .GPpanelInfo,.GPpanelReduce { top: 0; width: 30px; height: 32px } .GPpanelInfo { left: 0; background-position: -90px 1px } .GPshowAdvancedToolPicto { width: 30px; height: 30px; -webkit-box-shadow: 0 1px 6px #000; box-shadow: 0 1px 6px #000; background-color: #fff; border-radius: 5px } .GPshowAdvancedToolPicto:hover { background-color: #f4f4f4 } .GPshowAdvancedToolOpen { width: 100%; height: 100% } input.GPinputSubmit { background-color: #c77a04 } .GPshowMoreOptions { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAA7klEQVRIx+3UsUtCURTH8e/x3eciSAhC/QnRGIQPHPoTHPJfyLEpyFqcXkGT/0HQ4uBQs4s4VAiO0b/QJKIIcn333QYVnErIt53PeO7hnnv4wQWllMqa7NL0fmu+wPeLeXd10sJun322yE9t0AY5j+Lk+K+7cjs+rAPSmFnTGzQpb4qDJuWZNT2QxqpnTxsCvN0FdfHyBIwllVoaihXnXkGOxPvLyr173utAgI+b8NTn/AtwsC5NJJVa5WE5yizD+ZySC00XIFgmF4UC40wzXBhcFCfVKE6qC4PTDP81EGB4zeF2hmePfOt3ppT61Q8G2258CD5NRAAAAABJRU5ErkJggg==) } div[id^=GPelevationPath-] { top: 0 } label[id^=GPshowElevationPathPicto] { display: inline-block } input[id^=GPshowElevationPath-]+label { display: block } input[id^=GPshowElevationPath-]+label+div { display: none } input[id^=GPshowElevationPath-]:checked+label+div { display: block } span[id^=GPshowElevationPathOpen] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAeCAYAAADnydqVAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA4VJREFUaN7tmEFv3EQUx3/PHkdIFT3RIk4gAZVAHIrEwUslJM7tsfABQlBLk+ZuL0K+ZPfOpgpRmg+AhLhQPgBFja1euCAObXqlatUL4oDqXe/jkHXj7jqNvesmWZj/xdbYY83Mz/837w1YWVlZWVlZWVk1LjnshTg0Ot7W6gzELt0cqwxq3n7QM6s5cXARYNGpefuL3FvlHaujlXNQ+K0L96VEksD7cid0NzWaHGcuBYkDt7fT9lYszkmZquG6DG4cGs3bi84vts8CF9HvBHGS1HU0yq5IxHACbuj2BFkWVd1pe3y81l+fdyh3Is46qVkVuKjw7ijW3gN+HnqD3oWIx1M7+EWgi3vw+LX5zWN4fn98spSk7roWthQFSUL3hiDLeQ/R4XvzDnen7X7mpGYXaCucB04Bp1A+RPnaSc1uEriXZ8qiqziwCthZXKwgSeB+i0gh9OpNfyG7QoTmzt2fiW75XnZ13OXzBldUvq9Q3aiofu53sx8ac3BduA1kf+p3s1VUCyFXlu6m7mYSuuv/Nbh3Is6KyvY4XH+tj7/Wn1geFdm+HXCmccBHWSaVQc6QJZBrxwU3Do3EoSkmoDL23IlD80rtbDc1q8CrNbqcNmKuz5xknYA6TrWbrd4NXDKRledjl95sCm4cmgj4FHiz4vsAT4GncWj+Ae4Dv7Y6g804NP0pJnqJEuskbe/gLsIl4JvGAB/nIUcmiExu1NKEI1udQT6vT6b4RDq6vg/sju7r/3DK22XNeXguBa2805iDjwtusRQq+YW/SFJXy0qoqirABfgFeKvmJxZG1z8LIVv2hl53qtMsTwOATxRc0S0ZkqrkbbKUpC7TQs4d3OoMosJ+emgW2+oMNA7NG8DrwGvAE+DR6IepvV4CD0ZlUZ1ODxo76DgpcH0vu0qEJoGr+yXU9JCLDi7ca8W+D4GHjcxXuIXWAyzw00xZ9HHuuROlELrhr+0BfJZdoxvFEipJ3d68lklDb9AD/q7R5S+z16f5Ovho5Pz2LFkR3fIXshUpOEtA/U62XCihVHH+mFfAFyIei+riePRI2l5ZgqWoLn4U8eSlnWQdSc0ZeF8hww/8zvNwJ068QncddX5vdfsbzLmSwL2sItvA6YOci+piq5v9WDGMn1zA/1fdDjhjxFwXuAicGzXfE+GW8Qa9Ks49FHATA7U/iZWVlZWVlZWVlZXV/OlfogGsuXT788cAAAAASUVORK5CYII=) } [id^=GPelevationPathPanelClose] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAeCAYAAADnydqVAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA4VJREFUaN7tmEFv3EQUx3/PHkdIFT3RIk4gAZVAHIrEwUslJM7tsfABQlBLk+ZuL0K+ZPfOpgpRmg+AhLhQPgBFja1euCAObXqlatUL4oDqXe/jkHXj7jqNvesmWZj/xdbYY83Mz/837w1YWVlZWVlZWVk1LjnshTg0Ot7W6gzELt0cqwxq3n7QM6s5cXARYNGpefuL3FvlHaujlXNQ+K0L96VEksD7cid0NzWaHGcuBYkDt7fT9lYszkmZquG6DG4cGs3bi84vts8CF9HvBHGS1HU0yq5IxHACbuj2BFkWVd1pe3y81l+fdyh3Is46qVkVuKjw7ijW3gN+HnqD3oWIx1M7+EWgi3vw+LX5zWN4fn98spSk7roWthQFSUL3hiDLeQ/R4XvzDnen7X7mpGYXaCucB04Bp1A+RPnaSc1uEriXZ8qiqziwCthZXKwgSeB+i0gh9OpNfyG7QoTmzt2fiW75XnZ13OXzBldUvq9Q3aiofu53sx8ac3BduA1kf+p3s1VUCyFXlu6m7mYSuuv/Nbh3Is6KyvY4XH+tj7/Wn1geFdm+HXCmccBHWSaVQc6QJZBrxwU3Do3EoSkmoDL23IlD80rtbDc1q8CrNbqcNmKuz5xknYA6TrWbrd4NXDKRledjl95sCm4cmgj4FHiz4vsAT4GncWj+Ae4Dv7Y6g804NP0pJnqJEuskbe/gLsIl4JvGAB/nIUcmiExu1NKEI1udQT6vT6b4RDq6vg/sju7r/3DK22XNeXguBa2805iDjwtusRQq+YW/SFJXy0qoqirABfgFeKvmJxZG1z8LIVv2hl53qtMsTwOATxRc0S0ZkqrkbbKUpC7TQs4d3OoMosJ+emgW2+oMNA7NG8DrwGvAE+DR6IepvV4CD0ZlUZ1ODxo76DgpcH0vu0qEJoGr+yXU9JCLDi7ca8W+D4GHjcxXuIXWAyzw00xZ9HHuuROlELrhr+0BfJZdoxvFEipJ3d68lklDb9AD/q7R5S+z16f5Ovho5Pz2LFkR3fIXshUpOEtA/U62XCihVHH+mFfAFyIei+riePRI2l5ZgqWoLn4U8eSlnWQdSc0ZeF8hww/8zvNwJ068QncddX5vdfsbzLmSwL2sItvA6YOci+piq5v9WDGMn1zA/1fdDjhjxFwXuAicGzXfE+GW8Qa9Ks49FHATA7U/iZWVlZWVlZWVlZXV/OlfogGsuXT788cAAAAASUVORK5CYII=) } div[id^=GPelevationPathPanelReduce] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAeCAYAAADnydqVAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA4VJREFUaN7tmEFv3EQUx3/PHkdIFT3RIk4gAZVAHIrEwUslJM7tsfABQlBLk+ZuL0K+ZPfOpgpRmg+AhLhQPgBFja1euCAObXqlatUL4oDqXe/jkHXj7jqNvesmWZj/xdbYY83Mz/837w1YWVlZWVlZWVk1LjnshTg0Ot7W6gzELt0cqwxq3n7QM6s5cXARYNGpefuL3FvlHaujlXNQ+K0L96VEksD7cid0NzWaHGcuBYkDt7fT9lYszkmZquG6DG4cGs3bi84vts8CF9HvBHGS1HU0yq5IxHACbuj2BFkWVd1pe3y81l+fdyh3Is46qVkVuKjw7ijW3gN+HnqD3oWIx1M7+EWgi3vw+LX5zWN4fn98spSk7roWthQFSUL3hiDLeQ/R4XvzDnen7X7mpGYXaCucB04Bp1A+RPnaSc1uEriXZ8qiqziwCthZXKwgSeB+i0gh9OpNfyG7QoTmzt2fiW75XnZ13OXzBldUvq9Q3aiofu53sx8ac3BduA1kf+p3s1VUCyFXlu6m7mYSuuv/Nbh3Is6KyvY4XH+tj7/Wn1geFdm+HXCmccBHWSaVQc6QJZBrxwU3Do3EoSkmoDL23IlD80rtbDc1q8CrNbqcNmKuz5xknYA6TrWbrd4NXDKRledjl95sCm4cmgj4FHiz4vsAT4GncWj+Ae4Dv7Y6g804NP0pJnqJEuskbe/gLsIl4JvGAB/nIUcmiExu1NKEI1udQT6vT6b4RDq6vg/sju7r/3DK22XNeXguBa2805iDjwtusRQq+YW/SFJXy0qoqirABfgFeKvmJxZG1z8LIVv2hl53qtMsTwOATxRc0S0ZkqrkbbKUpC7TQs4d3OoMosJ+emgW2+oMNA7NG8DrwGvAE+DR6IepvV4CD0ZlUZ1ODxo76DgpcH0vu0qEJoGr+yXU9JCLDi7ca8W+D4GHjcxXuIXWAyzw00xZ9HHuuROlELrhr+0BfJZdoxvFEipJ3d68lklDb9AD/q7R5S+z16f5Ovho5Pz2LFkR3fIXshUpOEtA/U62XCihVHH+mFfAFyIei+riePRI2l5ZgqWoLn4U8eSlnWQdSc0ZeF8hww/8zvNwJ068QncddX5vdfsbzLmSwL2sItvA6YOci+piq5v9WDGMn1zA/1fdDjhjxFwXuAicGzXfE+GW8Qa9Ks49FHATA7U/iZWVlZWVlZWVlZXV/OlfogGsuXT788cAAAAASUVORK5CYII=) } div[id^=GPelevationPathPanelInfo] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAeCAYAAADnydqVAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA4VJREFUaN7tmEFv3EQUx3/PHkdIFT3RIk4gAZVAHIrEwUslJM7tsfABQlBLk+ZuL0K+ZPfOpgpRmg+AhLhQPgBFja1euCAObXqlatUL4oDqXe/jkHXj7jqNvesmWZj/xdbYY83Mz/837w1YWVlZWVlZWVk1LjnshTg0Ot7W6gzELt0cqwxq3n7QM6s5cXARYNGpefuL3FvlHaujlXNQ+K0L96VEksD7cid0NzWaHGcuBYkDt7fT9lYszkmZquG6DG4cGs3bi84vts8CF9HvBHGS1HU0yq5IxHACbuj2BFkWVd1pe3y81l+fdyh3Is46qVkVuKjw7ijW3gN+HnqD3oWIx1M7+EWgi3vw+LX5zWN4fn98spSk7roWthQFSUL3hiDLeQ/R4XvzDnen7X7mpGYXaCucB04Bp1A+RPnaSc1uEriXZ8qiqziwCthZXKwgSeB+i0gh9OpNfyG7QoTmzt2fiW75XnZ13OXzBldUvq9Q3aiofu53sx8ac3BduA1kf+p3s1VUCyFXlu6m7mYSuuv/Nbh3Is6KyvY4XH+tj7/Wn1geFdm+HXCmccBHWSaVQc6QJZBrxwU3Do3EoSkmoDL23IlD80rtbDc1q8CrNbqcNmKuz5xknYA6TrWbrd4NXDKRledjl95sCm4cmgj4FHiz4vsAT4GncWj+Ae4Dv7Y6g804NP0pJnqJEuskbe/gLsIl4JvGAB/nIUcmiExu1NKEI1udQT6vT6b4RDq6vg/sju7r/3DK22XNeXguBa2805iDjwtusRQq+YW/SFJXy0qoqirABfgFeKvmJxZG1z8LIVv2hl53qtMsTwOATxRc0S0ZkqrkbbKUpC7TQs4d3OoMosJ+emgW2+oMNA7NG8DrwGvAE+DR6IepvV4CD0ZlUZ1ODxo76DgpcH0vu0qEJoGr+yXU9JCLDi7ca8W+D4GHjcxXuIXWAyzw00xZ9HHuuROlELrhr+0BfJZdoxvFEipJ3d68lklDb9AD/q7R5S+z16f5Ovho5Pz2LFkR3fIXshUpOEtA/U62XCihVHH+mFfAFyIei+riePRI2l5ZgqWoLn4U8eSlnWQdSc0ZeF8hww/8zvNwJ068QncddX5vdfsbzLmSwL2sItvA6YOci+piq5v9WDGMn1zA/1fdDjhjxFwXuAicGzXfE+GW8Qa9Ks49FHATA7U/iZWVlZWVlZWVlZXV/OlfogGsuXT788cAAAAASUVORK5CYII=) } [id^=GPelevationPathPanel-] { width: 280px } [id^=GPelevationPathProfil] { height: 150px; width: inherit; line-height: normal } span[id^=GPshowMousePositionOpen] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHjSURBVFiF7ZixctpAEIb/PVk09otkxkUKF8LPc45NwO5RGhqL3jZxHO55InVpMpnxg7iBOf0pLGEQaIREFJj4vhl1dzv7z7+7twA4HI53idaaWmvuO4+6qH0n4HD8XaTpxbx/jTGNY1QRD/0LSnrW7diejJBuOkNAkqF3R6Wez2/nD1UxD7aH46F/AeE3gXxKZt4TR+u5EpA49O4hMhDy7scXf1AV96hpQm06CwCQ9CMgmUjRycybE7YvAIHM2dCbCKSX3xCmH6rCHqzDQWQHIJdKVHpJ6H3nCGrh7JtYQDgNOva6Km5tl8re3jYcz/sTIotSVaBJgRkgnxcHhdPAt1dlfb7MLg6/ZF9rCMBgbG+WnbYQ3VQssEFwcYMq2ahejDEnxpgTFERveX9rctGKfCCKJUlTRyxwwD1cxApkrWdYvyV36eHc2WOgvamdDyiB9EtOmKBjLxuXdA2Os681NooVToWcvJ0SXfZOb6Ldt3QHysQGvr3CCCxO722dPljBcehNVqYx+BhE64vHylsMfu1GtqT0X2lc0u3/HlY/gcyt16VikIsFsukd2f7Sk0VC/a6K2ni1bJtuNDfx0Pch6Wlwuyo2RwBybG+S0FOg+nU+nj/uI1fHf4H7T8vhcDj+AX8AnMTkomeXEcwAAAAASUVORK5CYII=) } div[id^=GPmousePositionPanelClose] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHjSURBVFiF7ZixctpAEIb/PVk09otkxkUKF8LPc45NwO5RGhqL3jZxHO55InVpMpnxg7iBOf0pLGEQaIREFJj4vhl1dzv7z7+7twA4HI53idaaWmvuO4+6qH0n4HD8XaTpxbx/jTGNY1QRD/0LSnrW7diejJBuOkNAkqF3R6Wez2/nD1UxD7aH46F/AeE3gXxKZt4TR+u5EpA49O4hMhDy7scXf1AV96hpQm06CwCQ9CMgmUjRycybE7YvAIHM2dCbCKSX3xCmH6rCHqzDQWQHIJdKVHpJ6H3nCGrh7JtYQDgNOva6Km5tl8re3jYcz/sTIotSVaBJgRkgnxcHhdPAt1dlfb7MLg6/ZF9rCMBgbG+WnbYQ3VQssEFwcYMq2ahejDEnxpgTFERveX9rctGKfCCKJUlTRyxwwD1cxApkrWdYvyV36eHc2WOgvamdDyiB9EtOmKBjLxuXdA2Os681NooVToWcvJ0SXfZOb6Ldt3QHysQGvr3CCCxO722dPljBcehNVqYx+BhE64vHylsMfu1GtqT0X2lc0u3/HlY/gcyt16VikIsFsukd2f7Sk0VC/a6K2ni1bJtuNDfx0Pch6Wlwuyo2RwBybG+S0FOg+nU+nj/uI1fHf4H7T8vhcDj+AX8AnMTkomeXEcwAAAAASUVORK5CYII=) } .GPmousePositionEditTool { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYXCC4cQlf82gAAAvFJREFUSMfllk9PE1EUxc99DDQBxZV8BKGUlkJKQjEK6rIWDQETFy5o17JwQ1s0QEKhbNTA1kLixogkhIBbURL+JDYyFKTtZ9DEgIQEmb7rojNkWmYoG42Jb/fm3rz5zbnn3jdAmbURU3gjpjD+0hL4xxZZPVwbQZ34pQwQEGDAqyeqTFg+kdrUzQl8O+/Q6cE7r2vohy/kCDZhdFTavXsm0qYe4lJuILHywBZofaiij5iSAC7bHHRAzOH2ify8HUyrWH0kiJGVnly/I9hoAUWvIr5tl1DdzECKb7wzoIQFzFsdZkESOo0YM7oYWARQy0Rzm9GKXiugatpvEVSwXINI188cv0+XfDjNRHw7LqG6AYAIqMFP5xkPrY2gTleGwBj0j2s91+PaqhHvmNA+dYxr94kRBUBMlFyN4mopUDiR8mRkS9rYO4Xqmo20ZjA8LAxlnEJ1GfEse7JhR6D5TMk2YsoYgCEAC/5xradM5y0C6AZhzB/Xntn5wym2PMaDnGzO5YGTRrHdZIbprwq6zCU1lywIAJLwslwnMOM5ABDjrl1KKPHZa1bqmtiuLwcDAGQ3Y/zjGhlzyGpvl1+q1GykTa0XWx5zMCvduX5Ht5XZ//wcyoPpDClbj5tiDw0pKhjNktBpNrOlh54qXZBYAWHLH9da7c42WtsqaDcSzAot6b54UvazZSGHGcsXhcmyJ5vJe3eMfYNI188eL+3p3XcWSFZq0wAOCLi3GVUidnfZekyJ6g2wr7E2fVGY/qqgKzSZajYb3QqqqJab0YpeJporCIVFMF4Q4aOOfktXJghAMnFvRzy/UEqTjPh2GoV62k0Z6f0aSqTcANg8GM2zaE96d8OFnGJTt0/k54m4z1DqFKZQphVDGTD3WcEAwCGufJFMp8qEHAGPCUYfCSm3oRQzcITavXMv19UorlYKZQBAAIwWPXOLGctVVdqUbwTfz79cb7+ppoOmcCJVClNU2mTElz7i2t3Hkx8eXrht//v/od8GMV64Yi7NnAAAAABJRU5ErkJggg==) } #GPmapCenter { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAc0SURBVGiB1ZptTBzHGcefmdnz+e72bvcAO8UYUCtTKgMGmsSpGhtcJSTCRTXIaoJUjNUm5kCkFv7SSLaVqpUdKeqHIDcIDqdSgnFLXUXGqmUrNVV9pI0UavsM2FYoqKl5MQ0Gbve4F69vZ6YfeCkQXm7JwSU/6T7cvD3//+3u7MzNgzjnEAumGhyJgFkJRyQXESEVOKRwzpKBs62IM8Sx8DlCeBQQjHCqDyFOu4Hhy/Za/0Qs4qMvY0RpsKRjREpBML8ETM8j9u13UULOIBaTfUjcrhL5Oz5hS77CAIA99MpU7Zf51H2ZBUaddPJOKg8MZQESukHXLjBO2+Xa8P0NNeJrtqYRtvktQGw/ljJ6hLSi3k27XruLxW2aoYG0CZN2qz5LH/pLDvX9Kxc4ukrxo9edVaFBo5oMGVHqnTKx8BMc4AjZ9mynpfCda9jxzbDRoEsSeGAO/a26SH/QWYgA3qVhdFqu8ynRdo/ayFSjrZQj07skKee2uaD+qrD1SXXNoleAjXsd4etH99Px3jzOaY1UM/WnaPpFZcTfKL0BxFRrLax3C5kVhi/7WtD7WtPCnmMuznS3o1r5JcDKQlc0MtqMrFYun8NmKdtWctGNk/L9MVe8Amzc6wheLnPBY/VeAJSfJFfx0HJtlzUy2oysNi5/hKUdIbGs4zyYJX3dFK+EpgqB9qIKpvRbg0jZs5wZvFx/K5fPYWlHSCz/5/txMwEAYJZ08eWu97CcERJBPg+A0FLNljTid0tvYLOULZZ1nF9fldEjll5rhU3STn+T/Kul6r9gZKrBdgCQqdZWctEd1yuxGLOk20ouuhEWXGqj/ceLqxcY8TUnSJyYfmctrN/wBzsacFK+31L4thsh0qjUO+UFdfO/CMCOk6Sc2xs1xa4FIbNikCTl3CYWfmJ++ZyRcJM1hXM4Ytl35srGyzOGZd+ZKxzgVV+zNW22bM6IjsynhJQCz1fxlloMTsr3C9sKPIRtfmuuDGB6EcgBSq37mjriJ88Y1h80XQPEi5UGSzrAjBFCyQHszOgGo6vXeCJu04jz290YkVKAGSOImA6aUl+8E19lxhFSX+gFwfwSAACadDslwuiw46f//gWYEyPxFmcIbcLkf+9bv0E6T8eERYqRffu9r50JAABzYgSJqXcBsxIMgHeThJyheGtaKyQhe4gjkisgIqRiMdm3HkEiWoB8cu7EdwEAnjl0+pbJLNJYx8Bisg8RIVUADinInv6fWAf4qPHI9/s8LeVOcfpV9X5H06HMwsq2vTVnP45lHGRPV4BDFuacJRMpI+q9cTREtADp87SUP5dHLEVPTn+eyyOWPk9LeUQLkFjGIlKGwjlLxojpT+At+TE10tV6Mt8pYkiU/r+US5QwOEUMs7darMBb8hXE9CcwR5gvu7v6GoABYNoDwmP6Q6+8ag8D7K445fUFGEyobK5sQmXgCzB45tDpW7GMpT/0yoDwmIAQHqXKp04Bfvh5rAY3mUWaWVjZ9ldPS7lTnP5PwBdgkFlY2RbrmYsqnzoRwqMCIBjhgWEploMDAOytOfvx93729iddrSfzAQB+VHHKux7TLw8MS4BgROBUH2KB0bTVuxjHZBbps6/U31iPsWdhgVEnp/ogBmBddKJ3XYxsBHSiJx1x2o0pNl3lweGdEBrbFG9RRmGBB2YeGNkJDF/GzqpJFSFyQ+s5kxVvYUZ53PNOFmDhtr3WP4EBADiNfKDf/zA73sKMog9eywFduwAws7GihF6iav8u5v/MEl9p0cP8n1mY2r+LcdoOMGPEWRUaRBy1P7r+8+fjKy96wp7XioDjK7OnXHOrE4FrJ/XRvxfoYzdj/k6JNfrYTYk++EcBxY9eny2bM2KpDo0gBM1aZ11xfORFj9ZZV4wAzs4/oluwXtQBv0nHe/P0vtav7HtF72tNo+O9eTSMTs8vX2DEWTWpAopUhjrrqti417GxEleHjXsdIU+dC/HIq4vPF7+wgne4gle4rp8J/rmsCjRV2DiZq6CpQvBymQtopMFeE2xfXL3sidWUW76A5R3fsL18o2XdRUZBoO3pw1QdGJNcvoNL1S+7p7KH1MNUGbAF//hUZVyvjKYKgbanDzN1wBpCyqHlmi2/OTzGw46QuocpA/+d+n1uXTyeGTbudUz9IfcYVQfGgkjZu6bD0PmojfJxJAhHrQX1zRt5PB3y1LmARxocLvXXq7WPOmHA77btB25q2ciEAUQjr9hrg5ei6WcohcPXnCAJwI5zDlVC8p7Ozft+2xHTFI7r1c/rI52FCMFZHfCbzqrJqH+sNSXVhJusKToyn+KIlxIpo0dIf/GOedfRu2Dd+tjQQDNJNZGhD7OZrz8XAbQLXDtpqQ6NGNX0pdKcfM3WNELJAURMBzmnTyHb9nskMdo0p95UPjW8E2Fyk9PIB5TQS2vJCoqJkYWmEiTCIsUAeHc0iWcArIti01Ujt89K/A+D1E+N+7GXOgAAAABJRU5ErkJggg==) } div[id^=GPisochron-] { top: 0 } span[id^=GPshowIsochronOpen] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AUXCjIhczCQjQAABBBJREFUaN7tmE9oI2UYxn/vTCeQHjxou2ULroIHsazYg4ekiiDSk+AtSiyZNqbLtrYUFC8NKwTcbW+LuNm20ubQySGwvfWwe1gvImuDFxXqgqhgPWzp0t1jo0knr4dOutO0tmkTpcV5IJCZL+/Mlx/P93x/IFCgQIECBQoU6L+QnKTItu17QJ93ec9xnNcDlIfLOGFdn+/7awHGFjt6aGjo5Wq1mgIuAe3e7S1gXlUX8vn8ais7tzJpXVKpvhoNuaOSoXrQbxSkOGl+oYbxc9+1SvZMg47FYqFwOPw5cNkbBS7w0Gs+B5iAKyJzW1tbHy8tLZVbARnRuZ336UIk5F6uh60gK2nzhiBjgKrIxGmFbTQI+Q4wCqwDI5ZlnXMcp9txnG7Lss6p6iiwoapj4XD4diwWCzVvgWrvk/7JcLFsZtVnDAUpps2bHmQAEa2+dGYdbdv2jAd5pVKpvFMoFDYP+l08Hu+wLGsZiIrIzcXFxfFmOlaLBER8z9lxNhnU52Tvn+h8xHJH/iliTjVoL5N/ANYrlUpvPeREIpESkQnHcV7xwf4R6FLV3mYz+yDYBrpQhTLIh2cFMkDbYY3exGcAnx3kZBEZ2OGxo0KhsDk4OHhVVWcMw0gBHzXpAtVpd6I4aVKD7SLDe9zRJOSVdNtJzam+a62L41B0avvPhkGLSL+qupZlLdW3DQwMPOUt7a7vcaHqLSCrqv0tGnKq0+7Ed5Mmrsj43iGoCy10cgZ4E3juGDV/eZ8S8AvwDfAlUDmWo1X1ArCRy+Ue27b9PvCsr/kFICQid/w1juM8sm37IXChlUPPFUT2Z4u0KD5rjnzjBPW1FVYP8GstDI4Fum6oXAHqZ/Xf1tbWvj1gJIiqaisA1y3h6l+UKpZN1cz+pd/xXrGrr4Hnj1lfW2E98PGqj5Mjo+MPVX0xlUo9ncvlehrcnj+jqp3A/X8Fsui8VCmr1O7JcLFs0gTsGpSMz1RHjRSNTm3rSrrtPNAFdACbwEZ0alvrITcSHXeBnnK5/C4w12DH3wMMr7blkCOWO0IGLU6a+mQ1cnLYHph6d2uDteve3qK5DYuqLng7vk/j8XjHUQ9LJpOdXsS4hmHkmgFdTJvZvXGhs5FrOyAFNDLtToDO+ow5XCybN87koVI+n18VkTmg27Ks5cNgJ5PJTtd1l4HzwMzi4uJPTXbt+91JRXQ+EnLHxec0AY1MuWOoZnd9gXH/tII+ctb2tuC3gbeAByJyVVVvOY7zqJbJXlxc8SB/VSqV3m7ReccoUr0YmdoLed+mJm1mUWM1Ol2ZPfOHSu3t7ddVdcQ7QKoCG15zl++gaaZUKn3SCsj/62PSRCJxEfhARPp9y6DfVfWuYRi55uMiUKBAgQIFChQoUHP6G9rPw3e7WtEyAAAAAElFTkSuQmCC) } div[id^=GPisochronPanel-] { left: 10px } div[id^=GPisochronPanelClose] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AUXCjIhczCQjQAABBBJREFUaN7tmE9oI2UYxn/vTCeQHjxou2ULroIHsazYg4ekiiDSk+AtSiyZNqbLtrYUFC8NKwTcbW+LuNm20ubQySGwvfWwe1gvImuDFxXqgqhgPWzp0t1jo0knr4dOutO0tmkTpcV5IJCZL+/Mlx/P93x/IFCgQIECBQoU6L+QnKTItu17QJ93ec9xnNcDlIfLOGFdn+/7awHGFjt6aGjo5Wq1mgIuAe3e7S1gXlUX8vn8ais7tzJpXVKpvhoNuaOSoXrQbxSkOGl+oYbxc9+1SvZMg47FYqFwOPw5cNkbBS7w0Gs+B5iAKyJzW1tbHy8tLZVbARnRuZ336UIk5F6uh60gK2nzhiBjgKrIxGmFbTQI+Q4wCqwDI5ZlnXMcp9txnG7Lss6p6iiwoapj4XD4diwWCzVvgWrvk/7JcLFsZtVnDAUpps2bHmQAEa2+dGYdbdv2jAd5pVKpvFMoFDYP+l08Hu+wLGsZiIrIzcXFxfFmOlaLBER8z9lxNhnU52Tvn+h8xHJH/iliTjVoL5N/ANYrlUpvPeREIpESkQnHcV7xwf4R6FLV3mYz+yDYBrpQhTLIh2cFMkDbYY3exGcAnx3kZBEZ2OGxo0KhsDk4OHhVVWcMw0gBHzXpAtVpd6I4aVKD7SLDe9zRJOSVdNtJzam+a62L41B0avvPhkGLSL+qupZlLdW3DQwMPOUt7a7vcaHqLSCrqv0tGnKq0+7Ed5Mmrsj43iGoCy10cgZ4E3juGDV/eZ8S8AvwDfAlUDmWo1X1ArCRy+Ue27b9PvCsr/kFICQid/w1juM8sm37IXChlUPPFUT2Z4u0KD5rjnzjBPW1FVYP8GstDI4Fum6oXAHqZ/Xf1tbWvj1gJIiqaisA1y3h6l+UKpZN1cz+pd/xXrGrr4Hnj1lfW2E98PGqj5Mjo+MPVX0xlUo9ncvlehrcnj+jqp3A/X8Fsui8VCmr1O7JcLFs0gTsGpSMz1RHjRSNTm3rSrrtPNAFdACbwEZ0alvrITcSHXeBnnK5/C4w12DH3wMMr7blkCOWO0IGLU6a+mQ1cnLYHph6d2uDteve3qK5DYuqLng7vk/j8XjHUQ9LJpOdXsS4hmHkmgFdTJvZvXGhs5FrOyAFNDLtToDO+ow5XCybN87koVI+n18VkTmg27Ks5cNgJ5PJTtd1l4HzwMzi4uJPTXbt+91JRXQ+EnLHxec0AY1MuWOoZnd9gXH/tII+ctb2tuC3gbeAByJyVVVvOY7zqJbJXlxc8SB/VSqV3m7ReccoUr0YmdoLed+mJm1mUWM1Ol2ZPfOHSu3t7ddVdcQ7QKoCG15zl++gaaZUKn3SCsj/62PSRCJxEfhARPp9y6DfVfWuYRi55uMiUKBAgQIFChQoUHP6G9rPw3e7WtEyAAAAAElFTkSuQmCC) } div[id^=GPisochronPanelReduce] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AUXCjIhczCQjQAABBBJREFUaN7tmE9oI2UYxn/vTCeQHjxou2ULroIHsazYg4ekiiDSk+AtSiyZNqbLtrYUFC8NKwTcbW+LuNm20ubQySGwvfWwe1gvImuDFxXqgqhgPWzp0t1jo0knr4dOutO0tmkTpcV5IJCZL+/Mlx/P93x/IFCgQIECBQoU6L+QnKTItu17QJ93ec9xnNcDlIfLOGFdn+/7awHGFjt6aGjo5Wq1mgIuAe3e7S1gXlUX8vn8ais7tzJpXVKpvhoNuaOSoXrQbxSkOGl+oYbxc9+1SvZMg47FYqFwOPw5cNkbBS7w0Gs+B5iAKyJzW1tbHy8tLZVbARnRuZ336UIk5F6uh60gK2nzhiBjgKrIxGmFbTQI+Q4wCqwDI5ZlnXMcp9txnG7Lss6p6iiwoapj4XD4diwWCzVvgWrvk/7JcLFsZtVnDAUpps2bHmQAEa2+dGYdbdv2jAd5pVKpvFMoFDYP+l08Hu+wLGsZiIrIzcXFxfFmOlaLBER8z9lxNhnU52Tvn+h8xHJH/iliTjVoL5N/ANYrlUpvPeREIpESkQnHcV7xwf4R6FLV3mYz+yDYBrpQhTLIh2cFMkDbYY3exGcAnx3kZBEZ2OGxo0KhsDk4OHhVVWcMw0gBHzXpAtVpd6I4aVKD7SLDe9zRJOSVdNtJzam+a62L41B0avvPhkGLSL+qupZlLdW3DQwMPOUt7a7vcaHqLSCrqv0tGnKq0+7Ed5Mmrsj43iGoCy10cgZ4E3juGDV/eZ8S8AvwDfAlUDmWo1X1ArCRy+Ue27b9PvCsr/kFICQid/w1juM8sm37IXChlUPPFUT2Z4u0KD5rjnzjBPW1FVYP8GstDI4Fum6oXAHqZ/Xf1tbWvj1gJIiqaisA1y3h6l+UKpZN1cz+pd/xXrGrr4Hnj1lfW2E98PGqj5Mjo+MPVX0xlUo9ncvlehrcnj+jqp3A/X8Fsui8VCmr1O7JcLFs0gTsGpSMz1RHjRSNTm3rSrrtPNAFdACbwEZ0alvrITcSHXeBnnK5/C4w12DH3wMMr7blkCOWO0IGLU6a+mQ1cnLYHph6d2uDteve3qK5DYuqLng7vk/j8XjHUQ9LJpOdXsS4hmHkmgFdTJvZvXGhs5FrOyAFNDLtToDO+ow5XCybN87koVI+n18VkTmg27Ks5cNgJ5PJTtd1l4HzwMzi4uJPTXbt+91JRXQ+EnLHxec0AY1MuWOoZnd9gXH/tII+ctb2tuC3gbeAByJyVVVvOY7zqJbJXlxc8SB/VSqV3m7ReccoUr0YmdoLed+mJm1mUWM1Ol2ZPfOHSu3t7ddVdcQ7QKoCG15zl++gaaZUKn3SCsj/62PSRCJxEfhARPp9y6DfVfWuYRi55uMiUKBAgQIFChQoUHP6G9rPw3e7WtEyAAAAAElFTkSuQmCC) } .GPisochronCalcWaitingContainerHidden,.GPisochronCalcWaitingContainerVisible { border-radius: 5px } .GPisochronChoiceAlt input:checked+label+span { color: #c77a04 } .GPisochronChoiceAltImg,.GPisochronOriginPointerImg,.GPisochronTransportImg { background-image: url(data:image/png;base64,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) } .GPisoExclusionsOption { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA4CAYAAADuMJi0AAAE60lEQVRYw+2YWWxUZRTHz/fd7y4zzAzTbaAdpgtQWsBiYVxYGpcEMCwRQkx48KHGhKg0WhESNYglwSUgWCKGTaMRBF4MwShpECUshlJqay2U0LCUwrRAp+0Ms997v8UnEl8Gp9Ppg2Z+bzfnn+/knHvud865AFmy/GfZVVZW/vvb9eduNn7Wc+ixGQ3/pm+UcO735VP3/rpsyc39TudHyXQ4maF61cqfZi97ocbjmVi6YGHNxoOeor3JtDskae606uqzFfPmvRqLxFg4EetIpiXJDJqqOHBwEEjIDyXjiVw4t/S1XD34TKs/MX+z4EEAgK0SwhPtjh+qq6tXBjGOtTY11a31D371qEygRxn3F3vWPVE1deN0G82T+m5BbCAIF+8lBttifLoFQeV0Wf7R7XbndsXird19/TUfAhgZeZ8H7eoXHYVWwzdBFTedsmhScfg0wfQPTRF7FfLdmBRRo4Q9RzTS8aeKRaeERAsC8TmRto30HJKqMCrhIcMUMuMcmADQJAQ5GJ4fqUMpFdE2mXgqOe+ewXhJFCHoJNJxu4omz7bhScVMyj/BeFPGUrlZIROOYRT4C0C0S0h8qUhHAAC2yGTFpUka7Skfx9/DZFZGnH2gEHxYwnc6EIguBYnDqtTzT3uDTFb3VdrEcZfWk5GUrgZxaI4QCyyaBAME04sUzTvL+dBD+xnOu8qiwrIgV1leEuf9JxhvTzu6Bgm5ThXkmNcciriaS8R2lXySTHvUqXb/lqsNp3Ju0qstx2Z7sfTZGuKsLAFkV4RK0J5k2s4wXYqYsO6WyYq0HUYN06c9XgX5SxcBuIt4gvJ40sJi7MaVONtVhGHmqIrmyLPzm29tqqf7ilwHUtHvVAjO9tksWbJkyQzehd7xo5ppUqW2tlbzLp380rhxitdB8q/4fD6acnsaKfX19c7Ji+QNJU/at7mmWaaZpklHNSY+irq6urzSxbBBy1PqEoJZfFdYoK2tjY2Jw4aGBpurJvKOmme8xWTTmgjq1DApAwAxoo6fIkieEnoF2+NvUDVqCekRiNIY4ip1eb1ekvEI39/65nOyO7hWtyWc0biOogkDooYOBhhujLEDAIZG4xADAH/4sH796y42ZWBNxBGrCEZMlNBNER1k8fBtdixwwzzY2toaTCtCr9drLXzKthgSiv7ztycfjvQo4O5fpWqR5eGojg2DCX1IBHUf3n2nSey5cOpCXzrfIXp6WZXXMtdYh8pi74JTL3WTijO913tDq2qXVxplA5vijgdTIvE4RO6zYOwO3t5/GhpbTrYMjnh78nq9VlwRfRmVRdewArM6rgJBTLbxErYEAL4J5vetwFJ4jghQxMNSSAyoO42Ttl0Xz58PpzXqS5JE7G5tqrAbM6lMiyljkimoQg1m8VhK7xrFwTpdixcbAaGz2/I+ekba0dzc/iDt3SIUCtH+Lv+lArWwjWPOOeMVJjI1imgRsyXKDas+mxoc83vKUfOC/dO2lst3M7LM3L816LdLBedlTIKU05lUNfJM2ZzEBZORXzuHrtk+vnSu63JGF9LhvmH9/uVAu8s9MUQFnWUSIweHFJ90z7qlq+n6L2OyAQMA918NdLrcrqgwoQrHyAHWqX49PDzMxsohAIAUuZ0YsHJHSO+G5t7eXj+k8ZsEjfCmsQGABgAmAMQBIJEdN7L8//gb3FshBGMt81oAAAAASUVORK5CYII=) } div[id^=GPisochronReset] { background-color: #c77a04; background-image: url(data:image/png;base64,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) } [id^=GPreverseGeocoding-] { top: 0 } [id^=GPshowReverseGeocodingOpen-] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAPcSURBVFiF7ZZPaBxVHMc/vxl3UggSwYMGAkVEqwfRQ4VNQRTUSw/2ksWiJZTs27QxaSGe3FRhpXS9qWiyavZPsBRLWal/QBHxIK2QPSiClYAeS8BbygTFkt15Pw87m2w2s91kiQgyn9sM733n9+H93nsDMTExMTExMf8Vsh8hxpj7gCngBeBhoA6sAO+USqVP+81dziYyKvbwqBdMSQ4bNUZBaln3PXWc345cqM/3yryjcDqdnhCRWZoSa8CXqpotl8tr7eOMMb8Aj0UWpPpyuVz+pFchnSxnExlEPwQc0FLSC051SivI8pz7viDTgKrI2V7STpf3kk6nL4tIGXgA+AnYACZF5NfJyckHO6QuAioi3wJ5VX0b+BtARF7dq2yzAvvEVn1iahvuvLYtkILU5tyFULb5KbWP9oq9K+qlMWYCOA587zjOawCNRuO267pHVTVvrV0Cnm5+F1zXLdbr9a+XlpZWWhmZTMZT1RngkT50SeaDmVrWtYjMhD5TtTk3oV5wihwaruzU5gTRYjIRnOmVG9nSxpgbNFf2OeAAgIgoUFfVWWDMWvtkpVL5sVuwMeZz4Bhws1QqHdytaDut/bklDQ5asrAB8sqWhRaTieB0t33eTreWfgi44TiObn5cVVTVcxznOoDruoe6hWYymddpyrbavS8ENPlWcBbVzX0ZIKZfWegufAsYbjQat8OVbWaLaBAE9wOo6q2oicaYN1T1fPj4zfr6+vmocbulJe2oziudLamlvchCF2ER+QI46LruUZpXzGZLi8gUsGatvd45zxjzDPBm+PiZ7/vHqtXqxm6LuROBIDv2n+79Wo0UttbOAX+oal5VZ0XkcRF5XlW/Au5R1TOVSuXPiKljNBfhd9/3j++HbMfVsx2RdG3D/UhzXTt1B5EDy+XymuM4T6nqD8CYqr5rrT0HWOAlERk2xlzO5XKdp/wBmtvh2r8mK1oU1YWtUWL2It2rJSSTyRxW1UPAmud51wqFwl/GmIvACeCS7/snq9VqsGebHnSTTSaC0+TQztO728/JDqF+ikmlUu7Q0FAFGAeujIyMnMjlco3x8fF7BwYGnhWR2uLi4s1+slssz7kL205j9INkPpiW8O5v/XjQfhejhdF8sLP129h177dTrVYD3/cngEvAi6urqyUAz/OuquoVa20tlUq5/WS3lfYzhKslWkx6wUxLFsLTOx9Mt11ZqjgrEUHbU/stJ5Q+CXwMfBe+bv1yDg8ODt7dbzbAaL5eQmUGtJC8EN2qm/c0WkBl+ki+vhCV1TFn/zDGnAOyInK1WCyO72d2TExMTEzM/5B/AE2JsceuwAzdAAAAAElFTkSuQmCC) } [id^=GPreverseGeocodingPanel-] { left: 10px } [id^=GPreverseGeocodingPanelClose-] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAPcSURBVFiF7ZZPaBxVHMc/vxl3UggSwYMGAkVEqwfRQ4VNQRTUSw/2ksWiJZTs27QxaSGe3FRhpXS9qWiyavZPsBRLWal/QBHxIK2QPSiClYAeS8BbygTFkt15Pw87m2w2s91kiQgyn9sM733n9+H93nsDMTExMTExMf8Vsh8hxpj7gCngBeBhoA6sAO+USqVP+81dziYyKvbwqBdMSQ4bNUZBaln3PXWc345cqM/3yryjcDqdnhCRWZoSa8CXqpotl8tr7eOMMb8Aj0UWpPpyuVz+pFchnSxnExlEPwQc0FLSC051SivI8pz7viDTgKrI2V7STpf3kk6nL4tIGXgA+AnYACZF5NfJyckHO6QuAioi3wJ5VX0b+BtARF7dq2yzAvvEVn1iahvuvLYtkILU5tyFULb5KbWP9oq9K+qlMWYCOA587zjOawCNRuO267pHVTVvrV0Cnm5+F1zXLdbr9a+XlpZWWhmZTMZT1RngkT50SeaDmVrWtYjMhD5TtTk3oV5wihwaruzU5gTRYjIRnOmVG9nSxpgbNFf2OeAAgIgoUFfVWWDMWvtkpVL5sVuwMeZz4Bhws1QqHdytaDut/bklDQ5asrAB8sqWhRaTieB0t33eTreWfgi44TiObn5cVVTVcxznOoDruoe6hWYymddpyrbavS8ENPlWcBbVzX0ZIKZfWegufAsYbjQat8OVbWaLaBAE9wOo6q2oicaYN1T1fPj4zfr6+vmocbulJe2oziudLamlvchCF2ER+QI46LruUZpXzGZLi8gUsGatvd45zxjzDPBm+PiZ7/vHqtXqxm6LuROBIDv2n+79Wo0UttbOAX+oal5VZ0XkcRF5XlW/Au5R1TOVSuXPiKljNBfhd9/3j++HbMfVsx2RdG3D/UhzXTt1B5EDy+XymuM4T6nqD8CYqr5rrT0HWOAlERk2xlzO5XKdp/wBmtvh2r8mK1oU1YWtUWL2It2rJSSTyRxW1UPAmud51wqFwl/GmIvACeCS7/snq9VqsGebHnSTTSaC0+TQztO728/JDqF+ikmlUu7Q0FAFGAeujIyMnMjlco3x8fF7BwYGnhWR2uLi4s1+slssz7kL205j9INkPpiW8O5v/XjQfhejhdF8sLP129h177dTrVYD3/cngEvAi6urqyUAz/OuquoVa20tlUq5/WS3lfYzhKslWkx6wUxLFsLTOx9Mt11ZqjgrEUHbU/stJ5Q+CXwMfBe+bv1yDg8ODt7dbzbAaL5eQmUGtJC8EN2qm/c0WkBl+ki+vhCV1TFn/zDGnAOyInK1WCyO72d2TExMTEzM/5B/AE2JsceuwAzdAAAAAElFTkSuQmCC) } .GPreverseGeocodingCalcWaitingContainerHidden,.GPreverseGeocodingCalcWaitingContainerVisible { border-radius: 5px } [id^=GPreverseGeocodingReturnPicto-] { width: 30px !important; height: 30px !important; background-color: #c77a04; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AYBCQs6x0UYEQAAATZJREFUSMftliFLBFEURs/dVUQURJvYLCaLGESz1T9gUJsoWARBEBRM/obFIFgMygabTQSbVoNgMCqYLMLusawwYVdnZ8bdsHvS8Oab97377p33LvTp09OoJ+qHOt9p0x+28s5XSml6DOwlhuLfjdVD4KDoHRz4w3QfOGryakUdBerAG/AMPEXEexE53bU96uqtuqaWs5rumI87dSJLjmdybtgScNl25GqoFfOz3sojfjEvAadAs49vgIfG8yAwDkwDC8BQQncfEYtZcl1Wz5tEst1CP6aeJXQ1dSproZXVizTGiTRdJ7QbmQ6QiKgBq8BVmoVGhMAm8FVIoaqDarXxvy6n0P8U52URh0pJnUypnW0YP3bjGr1XXzLfTjmoAMPdiHhEfe14xBHxCVS71S7N9ZvG3uQbY/KgCDQBMlkAAAAASUVORK5CYII=) } .GPreverseGeocodedLocationHighlight { background-color: rgba(255,200,0,0.25); color: #222 } div[id^=GProute-] { top: 0 } .GProuteStageFlexInput { margin-bottom: 5px } span[id^=GPshowRouteOpen] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJySURBVFiF7Za/btNQFMa/z46rRkwIiXdAYmBAwilrxQBvENS7kJZWcbsnSChLk70tKk07OSISDwALf7Y2VhcWhMQjFAmxVklvDkPqNHFtktwmUCH/Nl/rfDlfzp9rICUlJSXlP0MpdaKUOvnXeZiQMYy7PdUs/iKJhpeWlm6QfAvgyeC57/scfFZKSVy8iNSz2axXr9c7psm1Ss6ysHs/N6fXWEE39ncABiV7Syzr+8JmZ2eUphV3qJS6RfIDImYngeTK6enp+3w+f9MkvlVylkF5TXAlaNt7UrmcqwBsle1tkB5Fto5eON4o3VjDAN4AyJkkGmExk8n4RpHs3kM/PxaCtr0jQL+7BGBQtl8RLIYRlO6dUbJJhp8CODJKdJiPZ2dnyiTQrWoPIgMtyrWgbNelAqtfWXDt4rXsu3N6fZRurGHf93+KyCMA70ySBXozPD8//7jZbP4yiScgbk1vREwXjtv2XlC2dwYq2zPr6NWkOY/oTk64qKILbBaESwmkd/48nPQEZgHza6lPZEsfisjLRqPx+aq6IQREanrjuGRDk97wPywHk5gFkmfYlIckP01ZEwCgCV5qJ5m8Q6dt+JDk4jQFwwU1NLMh5LOkKyuJK7f0LOc41ixln120heEZC0HbhlT083Fae9oVnhpJZl1Hrz6o6fXo9h630tfW8KWrB7Lrbvaq2L+yILsX71kI2vb2KN1raxiwvgDnLdr7qPDYu5V6R4C4VV0cqLQIrG+jVK88w7MiV+0ctEqOA3bvupvDZkPCKyso2xbE+rpQ6+zGaQ1ybQ0DQG4MAwQEVV0E9FiapoZ/GMalpKSkpKT8gd85//Z5bfxYOAAAAABJRU5ErkJggg==) } div[id^=GProutePanel-] { left: 10px } div[id^=GProutePanelClose] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJySURBVFiF7Za/btNQFMa/z46rRkwIiXdAYmBAwilrxQBvENS7kJZWcbsnSChLk70tKk07OSISDwALf7Y2VhcWhMQjFAmxVklvDkPqNHFtktwmUCH/Nl/rfDlfzp9rICUlJSXlP0MpdaKUOvnXeZiQMYy7PdUs/iKJhpeWlm6QfAvgyeC57/scfFZKSVy8iNSz2axXr9c7psm1Ss6ysHs/N6fXWEE39ncABiV7Syzr+8JmZ2eUphV3qJS6RfIDImYngeTK6enp+3w+f9MkvlVylkF5TXAlaNt7UrmcqwBsle1tkB5Fto5eON4o3VjDAN4AyJkkGmExk8n4RpHs3kM/PxaCtr0jQL+7BGBQtl8RLIYRlO6dUbJJhp8CODJKdJiPZ2dnyiTQrWoPIgMtyrWgbNelAqtfWXDt4rXsu3N6fZRurGHf93+KyCMA70ySBXozPD8//7jZbP4yiScgbk1vREwXjtv2XlC2dwYq2zPr6NWkOY/oTk64qKILbBaESwmkd/48nPQEZgHza6lPZEsfisjLRqPx+aq6IQREanrjuGRDk97wPywHk5gFkmfYlIckP01ZEwCgCV5qJ5m8Q6dt+JDk4jQFwwU1NLMh5LOkKyuJK7f0LOc41ixln120heEZC0HbhlT083Fae9oVnhpJZl1Hrz6o6fXo9h630tfW8KWrB7Lrbvaq2L+yILsX71kI2vb2KN1raxiwvgDnLdr7qPDYu5V6R4C4VV0cqLQIrG+jVK88w7MiV+0ctEqOA3bvupvDZkPCKyso2xbE+rpQ6+zGaQ1ybQ0DQG4MAwQEVV0E9FiapoZ/GMalpKSkpKT8gd85//Z5bfxYOAAAAABJRU5ErkJggg==) } .GProuteCalcWaitingContainerHidden,.GProuteCalcWaitingContainerVisible { border-radius: 5px } .GProuteOriginPointerImg,.GProuteStageRemove,.GProuteTransportImg,div[id^=GProuteStageAdd] { background-image: url(data:image/png;base64,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) } .GProuteExclusionsOption { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA4CAYAAADuMJi0AAAE60lEQVRYw+2YWWxUZRTHz/fd7y4zzAzTbaAdpgtQWsBiYVxYGpcEMCwRQkx48KHGhKg0WhESNYglwSUgWCKGTaMRBF4MwShpECUshlJqay2U0LCUwrRAp+0Ms997v8UnEl8Gp9Ppg2Z+bzfnn+/knHvud865AFmy/GfZVVZW/vvb9eduNn7Wc+ixGQ3/pm+UcO735VP3/rpsyc39TudHyXQ4maF61cqfZi97ocbjmVi6YGHNxoOeor3JtDskae606uqzFfPmvRqLxFg4EetIpiXJDJqqOHBwEEjIDyXjiVw4t/S1XD34TKs/MX+z4EEAgK0SwhPtjh+qq6tXBjGOtTY11a31D371qEygRxn3F3vWPVE1deN0G82T+m5BbCAIF+8lBttifLoFQeV0Wf7R7XbndsXird19/TUfAhgZeZ8H7eoXHYVWwzdBFTedsmhScfg0wfQPTRF7FfLdmBRRo4Q9RzTS8aeKRaeERAsC8TmRto30HJKqMCrhIcMUMuMcmADQJAQ5GJ4fqUMpFdE2mXgqOe+ewXhJFCHoJNJxu4omz7bhScVMyj/BeFPGUrlZIROOYRT4C0C0S0h8qUhHAAC2yGTFpUka7Skfx9/DZFZGnH2gEHxYwnc6EIguBYnDqtTzT3uDTFb3VdrEcZfWk5GUrgZxaI4QCyyaBAME04sUzTvL+dBD+xnOu8qiwrIgV1leEuf9JxhvTzu6Bgm5ThXkmNcciriaS8R2lXySTHvUqXb/lqsNp3Ju0qstx2Z7sfTZGuKsLAFkV4RK0J5k2s4wXYqYsO6WyYq0HUYN06c9XgX5SxcBuIt4gvJ40sJi7MaVONtVhGHmqIrmyLPzm29tqqf7ilwHUtHvVAjO9tksWbJkyQzehd7xo5ppUqW2tlbzLp380rhxitdB8q/4fD6acnsaKfX19c7Ji+QNJU/at7mmWaaZpklHNSY+irq6urzSxbBBy1PqEoJZfFdYoK2tjY2Jw4aGBpurJvKOmme8xWTTmgjq1DApAwAxoo6fIkieEnoF2+NvUDVqCekRiNIY4ip1eb1ekvEI39/65nOyO7hWtyWc0biOogkDooYOBhhujLEDAIZG4xADAH/4sH796y42ZWBNxBGrCEZMlNBNER1k8fBtdixwwzzY2toaTCtCr9drLXzKthgSiv7ztycfjvQo4O5fpWqR5eGojg2DCX1IBHUf3n2nSey5cOpCXzrfIXp6WZXXMtdYh8pi74JTL3WTijO913tDq2qXVxplA5vijgdTIvE4RO6zYOwO3t5/GhpbTrYMjnh78nq9VlwRfRmVRdewArM6rgJBTLbxErYEAL4J5vetwFJ4jghQxMNSSAyoO42Ttl0Xz58PpzXqS5JE7G5tqrAbM6lMiyljkimoQg1m8VhK7xrFwTpdixcbAaGz2/I+ekba0dzc/iDt3SIUCtH+Lv+lArWwjWPOOeMVJjI1imgRsyXKDas+mxoc83vKUfOC/dO2lst3M7LM3L816LdLBedlTIKU05lUNfJM2ZzEBZORXzuHrtk+vnSu63JGF9LhvmH9/uVAu8s9MUQFnWUSIweHFJ90z7qlq+n6L2OyAQMA918NdLrcrqgwoQrHyAHWqX49PDzMxsohAIAUuZ0YsHJHSO+G5t7eXj+k8ZsEjfCmsQGABgAmAMQBIJEdN7L8//gb3FshBGMt81oAAAAASUVORK5CYII=) } div[id^=GProuteResultsValueDist],div[id^=GProuteResultsValueTime] { color: #c77a04 } div[id^=GProuteResultsNew] { background-color: #c77a04; background-image: url(data:image/png;base64,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) } input[id^=GProuteResultsShowDetails]+label+label:hover,input[id^=GProuteResultsShowDetails]+label:hover { color: #c77a04 } .GProuteResultsDetailsHighlight { background-color: rgba(255,200,0,0.25); color: #222 } div[id^=GPlayerSwitcher-] { top: 10px; right: 10px } label[id^=GPshowLayersListPicto] { width: 36px; height: 36px } span[id^=GPshowLayersListClose],span[id^=GPshowLayersListOpen] { background-image: url(data:image/png;base64,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) } span[id^=GPshowLayersListClose] { background-position: -36px 0 } div[id^=GPlayerSwitcher-] input[type=checkbox]:checked+div+label[id^=GPshowLayersListPicto] { -webkit-box-shadow: 0 2px 2px #000; box-shadow: 0 2px 2px #000; border-top: 1px solid #ccc } div[id^=GPlayerSwitcher-] input[type=checkbox]:checked+div+label[id^=GPshowLayersListPicto] span[id^=GPshowLayersListOpen] { opacity: .4 } .GPlayerInfo,.GPlayerInfoOpened,.GPlayerRemove,.GPlayerVisibility,.GPshowLayerAdvancedTools { background-image: url(data:image/png;base64,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) } .GPlayerOpacity input[type=range]::-webkit-slider-runnable-track { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAECAYAAAAZDrhMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAwSURBVDiNY/z379//v3//Mvz9+5fh379/DITYxKobKWYxMYwCisBoAFIIRgOQQgAADrTuhXfc36kAAAAASUVORK5CYII=) } .GPlayerOpacity input[type=range]::-moz-range-track { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAECAYAAAAZDrhMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAwSURBVDiNY/z379//v3//Mvz9+5fh379/DITYxKobKWYxMYwCisBoAFIIRgOQQgAADrTuhXfc36kAAAAASUVORK5CYII=) } .GPlayerOpacity input[type=range]::-ms-track { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAECAYAAAAZDrhMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAwSURBVDiNY/z379//v3//Mvz9+5fh379/DITYxKobKWYxMYwCisBoAFIIRgOQQgAADrTuhXfc36kAAAAASUVORK5CYII=) } div[id^=GPlayerInfoPanel] { right: 190px } div[id^=GPlayerInfoTitle] { color: #c77a04; border-bottom: 1px solid #c77a04 } div[id^=GPlayerInfoQuicklook] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAI9SURBVEiJ7ZZBSxRhGMd/7zi7SGxLg4mWnSIWOoSFKLvbyUN5DtMPUEqfQNLJg0GuJlE3L+UXcA8JHRKDCERmaQOLTnoKXEkhq11nDzm783TIXdZ1d9TdCEL/p3mf9/3/eJ73eeedgWMnVTqYnp42gI7DGLPZrDU0NJQtj+t76Eq1h0KhN4FAwBNm2zarq6vdwDtPIEAwGMQwDE+gpmnV5zydNWhfhuVysxvY76dwNj8A4G/tgtBgbUA3+5Ufc7cQZxu9pROAX19eI6lFjNO9zUcG2skniLNN8OZz/OejAOysL5FeGOTcz7l7QLzc47mHzkYSvaWzCAPwt11Hnb2Gz92+Wsnz15viCfS3dpHbTLKzvlSMOetLyLdlclpwuZJn3x5mMhlc1/0zuHQXSS2SXhiEpt0Ktz4ieoBM4+X52b7Nhv44+apA27aTKysrN0pjZwK3m9vScwO+rc/tAI5mfPp+qvNla3p+qinkuyJjzh01hutV6aFkjeijlqlLwmyYkbI7oXaoqT+yTF0sU39aiNXV5UgsNwo8A7VWd3YnOs6qeMItU5fCsyjpj47n45ap3wcmS9dFYrl9fq+DnVKouIa2tmt+DPLioAyr3tgKZYVjTn9hnBj2dQjSexDwUK9e4oEvLJq8BQwgg5KZuoCuSDcQBDJKqZ7IeH4AeFgzMBrLTShhRCnVEx53EsnhxovKVa8qrT3wu1xQeCJX7HBey08K0keFU/Lv/hwEiSRM32y1uSMDgQu7ZZ3of9dvep7Bwy5Q9Q8AAAAASUVORK5CYII=) } div[id^=GPlayerInfoClose] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFgSURBVEiJ7ZS7UoNAGIXPYYe8i52FMxKfJ5kEQ+yhSiP2MXhL3gfGxs4ZXyXO8luEyEXIglruaffsfv91ASsrK6tfin1MaehOhfnFeKR9rpC3eQRgFqq1OM7H1e3n5s/gNHSnoDwBcADZeSM9a8IFYBqpe4ILACLkjQnumMBgfl76OMn2aiOVgAVgFqmkgAIAKfmZ6Vkj2It1AJFK9PSzSL3ICs4xU4B+eSxbb6SXxnxMBqDsH8igjFh2ObAHeF2DunreNQeDwW1waV4eAB0EPsJfQ7XWZFC/2D50p2QeroY0wR/RyrAEgIGlrqxMm2NQ1r0yboVSthRJShcn2V49y6rfm0ZTF9Rz9fzyTi8bq9Ybbv65IpXUVgby6MV6wcNgf38gtV2GPIxj3dGSg3qUxXkDir4dPofgCC0iFy/Wi0rmInDeze/2UBq6fhqpRE5UqGhJkoau3+WxsrKy+hd9AZasoFzDGcuhAAAAAElFTkSuQmCC) } .GPlayerInfoLink,.GPlayerInfoPopup { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAI9SURBVEiJ7ZZBSxRhGMd/7zi7SGxLg4mWnSIWOoSFKLvbyUN5DtMPUEqfQNLJg0GuJlE3L+UXcA8JHRKDCERmaQOLTnoKXEkhq11nDzm783TIXdZ1d9TdCEL/p3mf9/3/eJ73eeedgWMnVTqYnp42gI7DGLPZrDU0NJQtj+t76Eq1h0KhN4FAwBNm2zarq6vdwDtPIEAwGMQwDE+gpmnV5zydNWhfhuVysxvY76dwNj8A4G/tgtBgbUA3+5Ufc7cQZxu9pROAX19eI6lFjNO9zUcG2skniLNN8OZz/OejAOysL5FeGOTcz7l7QLzc47mHzkYSvaWzCAPwt11Hnb2Gz92+Wsnz15viCfS3dpHbTLKzvlSMOetLyLdlclpwuZJn3x5mMhlc1/0zuHQXSS2SXhiEpt0Ktz4ieoBM4+X52b7Nhv44+apA27aTKysrN0pjZwK3m9vScwO+rc/tAI5mfPp+qvNla3p+qinkuyJjzh01hutV6aFkjeijlqlLwmyYkbI7oXaoqT+yTF0sU39aiNXV5UgsNwo8A7VWd3YnOs6qeMItU5fCsyjpj47n45ap3wcmS9dFYrl9fq+DnVKouIa2tmt+DPLioAyr3tgKZYVjTn9hnBj2dQjSexDwUK9e4oEvLJq8BQwgg5KZuoCuSDcQBDJKqZ7IeH4AeFgzMBrLTShhRCnVEx53EsnhxovKVa8qrT3wu1xQeCJX7HBey08K0keFU/Lv/hwEiSRM32y1uSMDgQu7ZZ3of9dvep7Bwy5Q9Q8AAAAASUVORK5CYII=) } span[id^=GPshowSearchEngineOpen] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAGbElEQVRo3u2Zf4xUVxXHP+e+mV2QdVdCaaAZagoNbRMxEpeuP0CXbqupURuNVFqzK84OryxIjYJt0vjH9I/+Q0VNy9r17ZsJQrDo1hqNqdEKbECKRQjVxugGS8kyFZDS7UKxu8ube/znTvPcALuZfftHdb7/TO6ZM+/c9z0/7x2ooYYaaqihhv9BZLPZ5q6urtmT0ZUaXdVhzZo1M1Kp1ADwXuDjYRj+7Vr6pkZZdUin098AbhSRwUwmM5BYRHd2dn5CRDYAK4DrgHPAAaA7DMMD0xw53wc+NDY29tkdO3acB+jo6JhTV1f3a+ClKIq+uX379pEk7fq+n46i6F7P8zIjIyPbdu7ceQmgvb191syZM79trd0ENIjIXb29vb+fMtG+76ettU8A666h1pPJZDbm8/lomoh+2y1Pi8guAFX9CjAfYHh4uL6vr28saaKttdvcclhEXnR2W4C7gQ+o6m8KhcJnJvO81EQKqvok8IBbngWettb+0xhzA3A/cD2w7tSpUxbYMA0pulxVK8v5qrp5vE5jY+MKYE+Sdq21N8eWTar6KcdHo4jcBijw1GSf501ULoCKV5+PoujLnue9KiJnPc/7i4g8paq3AgtFZFlzc/Oeo0ePDiYYVS2q+jTQGBO/BVwG6t5JS5G2pUuX/uHYsWOvJWE3l8vdpKo5EZkRE4+KSBlYCcwBBoC3W1pa/nHkyJE3p1Q6crncT4F7gbNRFLWmUql543WiKDqTSqX2A3NVdXehULgvgRd9xJWqTGyPB1R1c6FQOFxxQrlc/q6ILK8kH1ACfhSG4WPV2F27du3d1tpPGmPep6rinHjc87xnenp6TnZ2dt4uIn8EIlXtE5G3RESttW+KyP4wDJ+rdupY4dJld319/RXnRWPMbGC329SKhIL5fmBBnOTh4eE7KyQDBEHw4oULF9qAg7GgWQBU7WhVvV1EZsdJPn78+A96enpOOpWtgKjqFuDP7jciIrOBZVMZ7+a4z1K5XK6/CtH1qlopF3MTqo+fB87HCNh8pWbX19c3ZozZFBOdBz5XrV1jTLeIXHqnrnreM/39/ZGL9i+47PnXyMjIFhHpi5WuS8aY7qkQfd49aIGIjF2FlFERudEtzyVBdLFYPKGqP3bLi/FIHo8gCA67ug2wPQzDV6u1GwTB69baQ245UonkfD6fUtVKOcrv2rXrQhiGJ4FRFwgvBEHw+lSI3u8+V1++fPmNqxA9BKwepz9lGGNsrCRMNIZKJY2nw26pVHoAuA0YMMaEsUhmsnYnIrqSDtenUqknrLWnPc8brUSya4TbKiVDVbuTILmjo2OOm5MBGjo7O5ddo3G2ALPci381m80urNZue3v7LDcnA9SvW7fu/evXr28AvuNkDwdBcNndc9ykqvXOOR/1ff+6qol2J77KrHiXMeZAuVxeba1dZoy5z00bbRWnFAqFg0kQ7U5882OiratWraobr+dkW+M9xRjzy2rtzpgx4+tAU2yiWjU6OvoIMA84FIbhrwBaW1tTIvKlWA+ZZa3dMKW7jkwm86Cq/jDW7B40xmwBNsaaX7cx5rFcLrfH9/0lCXD90n/VBZHlTU1Ne33fr0Sb5HK5jzQ1Ne0DPhYb7wZV9SfVGi2Xy6Vxog+KyCZARWSzi+SFixYt+paILHJ7U+ANa+3hRO46fN9fXi6XN7gRbq5rfPtVtbtQKBzM5XJ7gDuAc8aYtiAIXq72hTdu3Fh/5swZbWxsXCEiO4AbYl9fcvt+T0xWEpEv9vb2/mkq3s3n86n+/n4WL158s6p+TVXvAW4BXhGR59xoVxeL5KF0Ot0TG/+m/5rU9/1brbX7XJpNmezYIeJOVX1+gnHwjmKxuC/JI3gul7sH+IWL5p+p6oUr2P1esVgcmMzzErsmDYLg78aYlcAZYK61NpEy0tDQEK/7r4nIFuBx4HRFePHixYMkDBHpcoH4V2vtIPBba+3vgOGKzokTJ16Z9DST5Oamg+yhoSEFeoAX0un0kt7e3ofDMHxobGxsCXAI6Jk3b16if2Bks9mVqvpp4N/As57nPRqG4bPFYvHno6Ojj4rICWvt/tbW1sk7bjrukH3fX2Kt3eNq+d4wDNt4lyCfz5tSqXQY+DDwUBiGjydyLpiOzQZB8LIxpg3YWy6XV/MuQqlUugVYCAxGUfQkNUwfurq6Zmez2eYaEzXUUEMN/x/4D41MuU8OSr8EAAAAAElFTkSuQmCC) } form[id^=GPsearchInput-] { height: 30px } div[id^=GPsearchInputReset] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKPSURBVFiF7Za9ctpAFIXPkQY39oukS+GZyHkeGKOA3YALqNSEFJbsGWzZscX7wKRJlxk/B3JDRntToD9kCUkJnjT7dYgVh2/v7t4FNBqNRqPR/C/YZNBy0ukJ1enZUWTTgSobIwBXE3MuhvHy+evv+0P8uevr6x7J0zAMbcdxynNFeHNzM1dKvVxdXdXm1govJ50eKN8BGIAsrKPovCgtAJdT847gAIAIefmv0rFsnItFGIbnRWkRoed5dwC2uSKXddJGbTLVx2wcu6uNeS+5iRKAq6npx7IAQIr60MKtPJbM5aJ7fHx8LyJZrghd1/WxlY1fYW1urbA1i4YQyc0a7dXUfBYHRlJZgHb2tQTWUXTRyGoPo9FoSDLNJWl7nvfsOI6RVJbMckkGYRjW5jbaw8n+BDlMnhmQhQI2AL9kvyaB1Yn6Vfu8Lcn+FJE0l+RCKbUhs1ySwXq97lft8zyNhIG30lJ8+cCyaW6J9E5sC1mghTCwlf4xMecROdx9sfwwOxQiwtvb27lSqihdepjto/7QKhARfDNL0m7i/gal1NvY3CHWlFZLOtd6yka8S5ULraeMVlVuVOFSWUpAET8bxe5qYz6J037VVOaWyJIMAORy0T05OXlyHKdRbu2gKlmrE/U/fYsuCi3rYNJVsuv1uj8ajS7yLQstpOtvWlPT32k9kEdrFg24PajTi8dOL4Y8nM2iqiXYiPhSkeaKyON4PB6QlPgzXdf1870YwMN4PN6b26ASxk8g3pfbS8UwkQUAAmLNokGu0iIwfjX02keaSzJ4fX0dJrLxM4knIM0leYhcYDnp2Mup6cueFREvfX856dhVY9rieZ7tuq6/7zROKu153sFyNRqNRqPRvA9/AHtLag4LyzlCAAAAAElFTkSuQmCC) } div[id^=GPgeocodeResultsClose] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAYAAABwmH1PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKPSURBVFiF7Za9ctpAFIXPkQY39oukS+GZyHkeGKOA3YALqNSEFJbsGWzZscX7wKRJlxk/B3JDRntToD9kCUkJnjT7dYgVh2/v7t4FNBqNRqPR/C/YZNBy0ukJ1enZUWTTgSobIwBXE3MuhvHy+evv+0P8uevr6x7J0zAMbcdxynNFeHNzM1dKvVxdXdXm1govJ50eKN8BGIAsrKPovCgtAJdT847gAIAIefmv0rFsnItFGIbnRWkRoed5dwC2uSKXddJGbTLVx2wcu6uNeS+5iRKAq6npx7IAQIr60MKtPJbM5aJ7fHx8LyJZrghd1/WxlY1fYW1urbA1i4YQyc0a7dXUfBYHRlJZgHb2tQTWUXTRyGoPo9FoSDLNJWl7nvfsOI6RVJbMckkGYRjW5jbaw8n+BDlMnhmQhQI2AL9kvyaB1Yn6Vfu8Lcn+FJE0l+RCKbUhs1ySwXq97lft8zyNhIG30lJ8+cCyaW6J9E5sC1mghTCwlf4xMecROdx9sfwwOxQiwtvb27lSqihdepjto/7QKhARfDNL0m7i/gal1NvY3CHWlFZLOtd6yka8S5ULraeMVlVuVOFSWUpAET8bxe5qYz6J037VVOaWyJIMAORy0T05OXlyHKdRbu2gKlmrE/U/fYsuCi3rYNJVsuv1uj8ajS7yLQstpOtvWlPT32k9kEdrFg24PajTi8dOL4Y8nM2iqiXYiPhSkeaKyON4PB6QlPgzXdf1870YwMN4PN6b26ASxk8g3pfbS8UwkQUAAmLNokGu0iIwfjX02keaSzJ4fX0dJrLxM4knIM0leYhcYDnp2Mup6cueFREvfX856dhVY9rieZ7tuq6/7zROKu153sFyNRqNRqPRvA9/AHtLag4LyzlCAAAAAElFTkSuQmCC) } div[id^=GPadvancedSearchClose] { background-image: url(data:image/png;base64,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); background-position: -60px 0 } span[id^=GPshowAdvancedSearchOpen] { background-image: url(data:image/png;base64,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); background-position: -30px 0 } div[id^=GPautoCompleteList],div[id^=GPgeocodeResultsList] { margin-left: 27px; -webkit-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000 } div[id^=GPgeocodeResultsList] { top: 38px; border-radius: 5px } .GPlocationStageFlexInput { margin-bottom: 5px } .GPlocationOriginPointerImg,.GPlocationStageRemove,.GPlocationTransportImg,div[id^=GPlocationStageAdd] { background-image: url(data:image/png;base64,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) } .leaflet-draw-section { position: relative } .leaflet-draw-toolbar { margin-top: 12px } .leaflet-draw-toolbar-top { margin-top: 0 } .leaflet-draw-toolbar-notop a:first-child { border-top-right-radius: 0 } .leaflet-draw-toolbar-nobottom a:last-child { border-bottom-right-radius: 0 } .leaflet-draw-toolbar a { background-image: url(data:image/png;base64,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); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHZpZXdCb3g9IjAgMCA2MDAgNjAiCiAgIGhlaWdodD0iNjAiCiAgIHdpZHRoPSI2MDAiCiAgIGlkPSJzdmc0MjI1IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzcHJpdGVzaGVldC5zdmciCiAgIGlua3NjYXBlOmV4cG9ydC1maWxlbmFtZT0iL2hvbWUvZnB1Z2EvZGV2ZWxvcG1lbnQvdXBzdHJlYW0vaWNhcnRvLkxlYWZsZXQuZHJhdy9zcmMvaW1hZ2VzL3Nwcml0ZXNoZWV0LTJ4LnBuZyIKICAgaW5rc2NhcGU6ZXhwb3J0LXhkcGk9IjkwIgogICBpbmtzY2FwZTpleHBvcnQteWRwaT0iOTAiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQyNTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0MjU2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDU2IgogICAgIGlkPSJuYW1lZHZpZXc0MjU0IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjMxMDE4NTIiCiAgICAgaW5rc2NhcGU6Y3g9IjIzNy41NjkyOCIKICAgICBpbmtzY2FwZTpjeT0iNy4yNDE5NjIxIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQyMjUiIC8+CiAgPGcKICAgICBpZD0iZW5hYmxlZCIKICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxnCiAgICAgICBpZD0icG9seWxpbmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAxOCwzNiAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIyOSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNiwxOCAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAyMy4xNDIsMzkuMTQ1IC0yLjI4NSwtMi4yOSAxNiwtMTUuOTk4IDIuMjg1LDIuMjg1IHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMyIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICAgIDxwYXRoCiAgICAgICBpZD0icG9seWdvbiIKICAgICAgIGQ9Ik0gMTAwLDI0LjU2NSA5Ny45MDQsMzkuMzk1IDgzLjA3LDQyIDc2LDI4Ljc3MyA4Ni40NjMsMTggWiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJyZWN0YW5nbGUiCiAgICAgICBkPSJtIDE0MCwyMCAyMCwwIDAsMjAgLTIwLDAgeiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJjaXJjbGUiCiAgICAgICBkPSJtIDIyMSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0ibWFya2VyIgogICAgICAgZD0ibSAyNzAsMTkgYyAtNC45NzEsMCAtOSw0LjAyOSAtOSw5IDAsNC45NzEgNS4wMDEsMTIgOSwxNCA0LjAwMSwtMiA5LC05LjAyOSA5LC0xNCAwLC00Ljk3MSAtNC4wMjksLTkgLTksLTkgeiBtIDAsMTIuNSBjIC0yLjQ4NCwwIC00LjUsLTIuMDE0IC00LjUsLTQuNSAwLC0yLjQ4NCAyLjAxNiwtNC41IDQuNSwtNC41IDIuNDg1LDAgNC41LDIuMDE2IDQuNSw0LjUgMCwyLjQ4NiAtMi4wMTUsNC41IC00LjUsNC41IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxnCiAgICAgICBpZD0iZWRpdCIKICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDMzNywzMC4xNTYgMCwwLjQwNyAwLDUuNjA0IGMgMCwxLjY1OCAtMS4zNDQsMyAtMywzIGwgLTEwLDAgYyAtMS42NTUsMCAtMywtMS4zNDIgLTMsLTMgbCAwLC0xMCBjIDAsLTEuNjU3IDEuMzQ1LC0zIDMsLTMgbCA2LjM0NSwwIDMuMTksLTMuMTcgLTkuNTM1LDAgYyAtMy4zMTMsMCAtNiwyLjY4NyAtNiw2IGwgMCwxMCBjIDAsMy4zMTMgMi42ODcsNiA2LDYgbCAxMCwwIGMgMy4zMTQsMCA2LC0yLjY4NyA2LC02IGwgMCwtOC44MDkgLTMsMi45NjgiCiAgICAgICAgIGlkPSJwYXRoNDI0MCIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNzIsMjQuNjM3IC04Ljg5Miw4Ljg5MiAtMi44MjgsMCAwLC0yLjgyOSA4Ljg5LC04Ljg5IHoiCiAgICAgICAgIGlkPSJwYXRoNDI0MiIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNjk3LDE3LjgyNiA0LDAgMCw0IC00LDAgeiIKICAgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA2OTgzMzYsLTAuNzA3MjMwMTgsMC43MDcyMzAxOCwtMC43MDY5ODMzNiw1NjcuNTU5MTcsMjc0Ljc4MjczKSIKICAgICAgICAgaWQ9InBhdGg0MjQ0IgogICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPC9nPgogICAgPGcKICAgICAgIGlkPSJyZW1vdmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzODEsNDIgMTgsMCAwLC0xOCAtMTgsMCAwLDE4IHogbSAxNCwtMTYgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IG0gLTQsMCAyLDAgMCwxNCAtMiwwIDAsLTE0IHogbSAtNCwwIDIsMCAwLDE0IC0yLDAgMCwtMTQgeiBtIC00LDAgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IgogICAgICAgICBpZD0icGF0aDQyNDciCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMzk1LDIwIDAsLTQgLTEwLDAgMCw0IC02LDAgMCwyIDIyLDAgMCwtMiAtNiwwIHogbSAtMiwwIC02LDAgMCwtMiA2LDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDI0OSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICA8L2c+CiAgPGcKICAgICBpZD0iZGlzYWJsZWQiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwLDApIgogICAgIHN0eWxlPSJmaWxsOiNiYmJiYmIiPgogICAgPHVzZQogICAgICAgeGxpbms6aHJlZj0iI2VkaXQiCiAgICAgICBpZD0iZWRpdC1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgICA8dXNlCiAgICAgICB4bGluazpocmVmPSIjcmVtb3ZlIgogICAgICAgaWQ9InJlbW92ZS1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgPC9nPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzQ2NDY0NjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJjaXJjbGUtMyIKICAgICBkPSJtIDU4MS42NTcyNSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==); background-image: -webkit-linear-gradient(transparent, transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHZpZXdCb3g9IjAgMCA2MDAgNjAiCiAgIGhlaWdodD0iNjAiCiAgIHdpZHRoPSI2MDAiCiAgIGlkPSJzdmc0MjI1IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzcHJpdGVzaGVldC5zdmciCiAgIGlua3NjYXBlOmV4cG9ydC1maWxlbmFtZT0iL2hvbWUvZnB1Z2EvZGV2ZWxvcG1lbnQvdXBzdHJlYW0vaWNhcnRvLkxlYWZsZXQuZHJhdy9zcmMvaW1hZ2VzL3Nwcml0ZXNoZWV0LTJ4LnBuZyIKICAgaW5rc2NhcGU6ZXhwb3J0LXhkcGk9IjkwIgogICBpbmtzY2FwZTpleHBvcnQteWRwaT0iOTAiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQyNTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0MjU2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDU2IgogICAgIGlkPSJuYW1lZHZpZXc0MjU0IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjMxMDE4NTIiCiAgICAgaW5rc2NhcGU6Y3g9IjIzNy41NjkyOCIKICAgICBpbmtzY2FwZTpjeT0iNy4yNDE5NjIxIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQyMjUiIC8+CiAgPGcKICAgICBpZD0iZW5hYmxlZCIKICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxnCiAgICAgICBpZD0icG9seWxpbmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAxOCwzNiAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIyOSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNiwxOCAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAyMy4xNDIsMzkuMTQ1IC0yLjI4NSwtMi4yOSAxNiwtMTUuOTk4IDIuMjg1LDIuMjg1IHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMyIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICAgIDxwYXRoCiAgICAgICBpZD0icG9seWdvbiIKICAgICAgIGQ9Ik0gMTAwLDI0LjU2NSA5Ny45MDQsMzkuMzk1IDgzLjA3LDQyIDc2LDI4Ljc3MyA4Ni40NjMsMTggWiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJyZWN0YW5nbGUiCiAgICAgICBkPSJtIDE0MCwyMCAyMCwwIDAsMjAgLTIwLDAgeiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJjaXJjbGUiCiAgICAgICBkPSJtIDIyMSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0ibWFya2VyIgogICAgICAgZD0ibSAyNzAsMTkgYyAtNC45NzEsMCAtOSw0LjAyOSAtOSw5IDAsNC45NzEgNS4wMDEsMTIgOSwxNCA0LjAwMSwtMiA5LC05LjAyOSA5LC0xNCAwLC00Ljk3MSAtNC4wMjksLTkgLTksLTkgeiBtIDAsMTIuNSBjIC0yLjQ4NCwwIC00LjUsLTIuMDE0IC00LjUsLTQuNSAwLC0yLjQ4NCAyLjAxNiwtNC41IDQuNSwtNC41IDIuNDg1LDAgNC41LDIuMDE2IDQuNSw0LjUgMCwyLjQ4NiAtMi4wMTUsNC41IC00LjUsNC41IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxnCiAgICAgICBpZD0iZWRpdCIKICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDMzNywzMC4xNTYgMCwwLjQwNyAwLDUuNjA0IGMgMCwxLjY1OCAtMS4zNDQsMyAtMywzIGwgLTEwLDAgYyAtMS42NTUsMCAtMywtMS4zNDIgLTMsLTMgbCAwLC0xMCBjIDAsLTEuNjU3IDEuMzQ1LC0zIDMsLTMgbCA2LjM0NSwwIDMuMTksLTMuMTcgLTkuNTM1LDAgYyAtMy4zMTMsMCAtNiwyLjY4NyAtNiw2IGwgMCwxMCBjIDAsMy4zMTMgMi42ODcsNiA2LDYgbCAxMCwwIGMgMy4zMTQsMCA2LC0yLjY4NyA2LC02IGwgMCwtOC44MDkgLTMsMi45NjgiCiAgICAgICAgIGlkPSJwYXRoNDI0MCIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNzIsMjQuNjM3IC04Ljg5Miw4Ljg5MiAtMi44MjgsMCAwLC0yLjgyOSA4Ljg5LC04Ljg5IHoiCiAgICAgICAgIGlkPSJwYXRoNDI0MiIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNjk3LDE3LjgyNiA0LDAgMCw0IC00LDAgeiIKICAgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA2OTgzMzYsLTAuNzA3MjMwMTgsMC43MDcyMzAxOCwtMC43MDY5ODMzNiw1NjcuNTU5MTcsMjc0Ljc4MjczKSIKICAgICAgICAgaWQ9InBhdGg0MjQ0IgogICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPC9nPgogICAgPGcKICAgICAgIGlkPSJyZW1vdmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzODEsNDIgMTgsMCAwLC0xOCAtMTgsMCAwLDE4IHogbSAxNCwtMTYgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IG0gLTQsMCAyLDAgMCwxNCAtMiwwIDAsLTE0IHogbSAtNCwwIDIsMCAwLDE0IC0yLDAgMCwtMTQgeiBtIC00LDAgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IgogICAgICAgICBpZD0icGF0aDQyNDciCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMzk1LDIwIDAsLTQgLTEwLDAgMCw0IC02LDAgMCwyIDIyLDAgMCwtMiAtNiwwIHogbSAtMiwwIC02LDAgMCwtMiA2LDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDI0OSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICA8L2c+CiAgPGcKICAgICBpZD0iZGlzYWJsZWQiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwLDApIgogICAgIHN0eWxlPSJmaWxsOiNiYmJiYmIiPgogICAgPHVzZQogICAgICAgeGxpbms6aHJlZj0iI2VkaXQiCiAgICAgICBpZD0iZWRpdC1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgICA8dXNlCiAgICAgICB4bGluazpocmVmPSIjcmVtb3ZlIgogICAgICAgaWQ9InJlbW92ZS1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgPC9nPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzQ2NDY0NjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJjaXJjbGUtMyIKICAgICBkPSJtIDU4MS42NTcyNSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==); background-image: linear-gradient(transparent, transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHZpZXdCb3g9IjAgMCA2MDAgNjAiCiAgIGhlaWdodD0iNjAiCiAgIHdpZHRoPSI2MDAiCiAgIGlkPSJzdmc0MjI1IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzcHJpdGVzaGVldC5zdmciCiAgIGlua3NjYXBlOmV4cG9ydC1maWxlbmFtZT0iL2hvbWUvZnB1Z2EvZGV2ZWxvcG1lbnQvdXBzdHJlYW0vaWNhcnRvLkxlYWZsZXQuZHJhdy9zcmMvaW1hZ2VzL3Nwcml0ZXNoZWV0LTJ4LnBuZyIKICAgaW5rc2NhcGU6ZXhwb3J0LXhkcGk9IjkwIgogICBpbmtzY2FwZTpleHBvcnQteWRwaT0iOTAiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQyNTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0MjU2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDU2IgogICAgIGlkPSJuYW1lZHZpZXc0MjU0IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjMxMDE4NTIiCiAgICAgaW5rc2NhcGU6Y3g9IjIzNy41NjkyOCIKICAgICBpbmtzY2FwZTpjeT0iNy4yNDE5NjIxIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQyMjUiIC8+CiAgPGcKICAgICBpZD0iZW5hYmxlZCIKICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxnCiAgICAgICBpZD0icG9seWxpbmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAxOCwzNiAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIyOSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNiwxOCAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAyMy4xNDIsMzkuMTQ1IC0yLjI4NSwtMi4yOSAxNiwtMTUuOTk4IDIuMjg1LDIuMjg1IHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMyIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICAgIDxwYXRoCiAgICAgICBpZD0icG9seWdvbiIKICAgICAgIGQ9Ik0gMTAwLDI0LjU2NSA5Ny45MDQsMzkuMzk1IDgzLjA3LDQyIDc2LDI4Ljc3MyA4Ni40NjMsMTggWiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJyZWN0YW5nbGUiCiAgICAgICBkPSJtIDE0MCwyMCAyMCwwIDAsMjAgLTIwLDAgeiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJjaXJjbGUiCiAgICAgICBkPSJtIDIyMSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0ibWFya2VyIgogICAgICAgZD0ibSAyNzAsMTkgYyAtNC45NzEsMCAtOSw0LjAyOSAtOSw5IDAsNC45NzEgNS4wMDEsMTIgOSwxNCA0LjAwMSwtMiA5LC05LjAyOSA5LC0xNCAwLC00Ljk3MSAtNC4wMjksLTkgLTksLTkgeiBtIDAsMTIuNSBjIC0yLjQ4NCwwIC00LjUsLTIuMDE0IC00LjUsLTQuNSAwLC0yLjQ4NCAyLjAxNiwtNC41IDQuNSwtNC41IDIuNDg1LDAgNC41LDIuMDE2IDQuNSw0LjUgMCwyLjQ4NiAtMi4wMTUsNC41IC00LjUsNC41IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxnCiAgICAgICBpZD0iZWRpdCIKICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDMzNywzMC4xNTYgMCwwLjQwNyAwLDUuNjA0IGMgMCwxLjY1OCAtMS4zNDQsMyAtMywzIGwgLTEwLDAgYyAtMS42NTUsMCAtMywtMS4zNDIgLTMsLTMgbCAwLC0xMCBjIDAsLTEuNjU3IDEuMzQ1LC0zIDMsLTMgbCA2LjM0NSwwIDMuMTksLTMuMTcgLTkuNTM1LDAgYyAtMy4zMTMsMCAtNiwyLjY4NyAtNiw2IGwgMCwxMCBjIDAsMy4zMTMgMi42ODcsNiA2LDYgbCAxMCwwIGMgMy4zMTQsMCA2LC0yLjY4NyA2LC02IGwgMCwtOC44MDkgLTMsMi45NjgiCiAgICAgICAgIGlkPSJwYXRoNDI0MCIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNzIsMjQuNjM3IC04Ljg5Miw4Ljg5MiAtMi44MjgsMCAwLC0yLjgyOSA4Ljg5LC04Ljg5IHoiCiAgICAgICAgIGlkPSJwYXRoNDI0MiIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNjk3LDE3LjgyNiA0LDAgMCw0IC00LDAgeiIKICAgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA2OTgzMzYsLTAuNzA3MjMwMTgsMC43MDcyMzAxOCwtMC43MDY5ODMzNiw1NjcuNTU5MTcsMjc0Ljc4MjczKSIKICAgICAgICAgaWQ9InBhdGg0MjQ0IgogICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPC9nPgogICAgPGcKICAgICAgIGlkPSJyZW1vdmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzODEsNDIgMTgsMCAwLC0xOCAtMTgsMCAwLDE4IHogbSAxNCwtMTYgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IG0gLTQsMCAyLDAgMCwxNCAtMiwwIDAsLTE0IHogbSAtNCwwIDIsMCAwLDE0IC0yLDAgMCwtMTQgeiBtIC00LDAgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IgogICAgICAgICBpZD0icGF0aDQyNDciCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMzk1LDIwIDAsLTQgLTEwLDAgMCw0IC02LDAgMCwyIDIyLDAgMCwtMiAtNiwwIHogbSAtMiwwIC02LDAgMCwtMiA2LDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDI0OSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICA8L2c+CiAgPGcKICAgICBpZD0iZGlzYWJsZWQiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwLDApIgogICAgIHN0eWxlPSJmaWxsOiNiYmJiYmIiPgogICAgPHVzZQogICAgICAgeGxpbms6aHJlZj0iI2VkaXQiCiAgICAgICBpZD0iZWRpdC1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgICA8dXNlCiAgICAgICB4bGluazpocmVmPSIjcmVtb3ZlIgogICAgICAgaWQ9InJlbW92ZS1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgPC9nPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzQ2NDY0NjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJjaXJjbGUtMyIKICAgICBkPSJtIDU4MS42NTcyNSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-size: 300px 30px; background-clip: padding-box } .leaflet-retina .leaflet-draw-toolbar a { background-image: url(data:image/png;base64,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); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHZpZXdCb3g9IjAgMCA2MDAgNjAiCiAgIGhlaWdodD0iNjAiCiAgIHdpZHRoPSI2MDAiCiAgIGlkPSJzdmc0MjI1IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzcHJpdGVzaGVldC5zdmciCiAgIGlua3NjYXBlOmV4cG9ydC1maWxlbmFtZT0iL2hvbWUvZnB1Z2EvZGV2ZWxvcG1lbnQvdXBzdHJlYW0vaWNhcnRvLkxlYWZsZXQuZHJhdy9zcmMvaW1hZ2VzL3Nwcml0ZXNoZWV0LTJ4LnBuZyIKICAgaW5rc2NhcGU6ZXhwb3J0LXhkcGk9IjkwIgogICBpbmtzY2FwZTpleHBvcnQteWRwaT0iOTAiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQyNTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0MjU2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDU2IgogICAgIGlkPSJuYW1lZHZpZXc0MjU0IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjMxMDE4NTIiCiAgICAgaW5rc2NhcGU6Y3g9IjIzNy41NjkyOCIKICAgICBpbmtzY2FwZTpjeT0iNy4yNDE5NjIxIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQyMjUiIC8+CiAgPGcKICAgICBpZD0iZW5hYmxlZCIKICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxnCiAgICAgICBpZD0icG9seWxpbmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAxOCwzNiAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIyOSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNiwxOCAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAyMy4xNDIsMzkuMTQ1IC0yLjI4NSwtMi4yOSAxNiwtMTUuOTk4IDIuMjg1LDIuMjg1IHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMyIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICAgIDxwYXRoCiAgICAgICBpZD0icG9seWdvbiIKICAgICAgIGQ9Ik0gMTAwLDI0LjU2NSA5Ny45MDQsMzkuMzk1IDgzLjA3LDQyIDc2LDI4Ljc3MyA4Ni40NjMsMTggWiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJyZWN0YW5nbGUiCiAgICAgICBkPSJtIDE0MCwyMCAyMCwwIDAsMjAgLTIwLDAgeiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJjaXJjbGUiCiAgICAgICBkPSJtIDIyMSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0ibWFya2VyIgogICAgICAgZD0ibSAyNzAsMTkgYyAtNC45NzEsMCAtOSw0LjAyOSAtOSw5IDAsNC45NzEgNS4wMDEsMTIgOSwxNCA0LjAwMSwtMiA5LC05LjAyOSA5LC0xNCAwLC00Ljk3MSAtNC4wMjksLTkgLTksLTkgeiBtIDAsMTIuNSBjIC0yLjQ4NCwwIC00LjUsLTIuMDE0IC00LjUsLTQuNSAwLC0yLjQ4NCAyLjAxNiwtNC41IDQuNSwtNC41IDIuNDg1LDAgNC41LDIuMDE2IDQuNSw0LjUgMCwyLjQ4NiAtMi4wMTUsNC41IC00LjUsNC41IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxnCiAgICAgICBpZD0iZWRpdCIKICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDMzNywzMC4xNTYgMCwwLjQwNyAwLDUuNjA0IGMgMCwxLjY1OCAtMS4zNDQsMyAtMywzIGwgLTEwLDAgYyAtMS42NTUsMCAtMywtMS4zNDIgLTMsLTMgbCAwLC0xMCBjIDAsLTEuNjU3IDEuMzQ1LC0zIDMsLTMgbCA2LjM0NSwwIDMuMTksLTMuMTcgLTkuNTM1LDAgYyAtMy4zMTMsMCAtNiwyLjY4NyAtNiw2IGwgMCwxMCBjIDAsMy4zMTMgMi42ODcsNiA2LDYgbCAxMCwwIGMgMy4zMTQsMCA2LC0yLjY4NyA2LC02IGwgMCwtOC44MDkgLTMsMi45NjgiCiAgICAgICAgIGlkPSJwYXRoNDI0MCIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNzIsMjQuNjM3IC04Ljg5Miw4Ljg5MiAtMi44MjgsMCAwLC0yLjgyOSA4Ljg5LC04Ljg5IHoiCiAgICAgICAgIGlkPSJwYXRoNDI0MiIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNjk3LDE3LjgyNiA0LDAgMCw0IC00LDAgeiIKICAgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA2OTgzMzYsLTAuNzA3MjMwMTgsMC43MDcyMzAxOCwtMC43MDY5ODMzNiw1NjcuNTU5MTcsMjc0Ljc4MjczKSIKICAgICAgICAgaWQ9InBhdGg0MjQ0IgogICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPC9nPgogICAgPGcKICAgICAgIGlkPSJyZW1vdmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzODEsNDIgMTgsMCAwLC0xOCAtMTgsMCAwLDE4IHogbSAxNCwtMTYgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IG0gLTQsMCAyLDAgMCwxNCAtMiwwIDAsLTE0IHogbSAtNCwwIDIsMCAwLDE0IC0yLDAgMCwtMTQgeiBtIC00LDAgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IgogICAgICAgICBpZD0icGF0aDQyNDciCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMzk1LDIwIDAsLTQgLTEwLDAgMCw0IC02LDAgMCwyIDIyLDAgMCwtMiAtNiwwIHogbSAtMiwwIC02LDAgMCwtMiA2LDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDI0OSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICA8L2c+CiAgPGcKICAgICBpZD0iZGlzYWJsZWQiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwLDApIgogICAgIHN0eWxlPSJmaWxsOiNiYmJiYmIiPgogICAgPHVzZQogICAgICAgeGxpbms6aHJlZj0iI2VkaXQiCiAgICAgICBpZD0iZWRpdC1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgICA8dXNlCiAgICAgICB4bGluazpocmVmPSIjcmVtb3ZlIgogICAgICAgaWQ9InJlbW92ZS1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgPC9nPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzQ2NDY0NjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJjaXJjbGUtMyIKICAgICBkPSJtIDU4MS42NTcyNSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==); background-image: -webkit-linear-gradient(transparent, transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHZpZXdCb3g9IjAgMCA2MDAgNjAiCiAgIGhlaWdodD0iNjAiCiAgIHdpZHRoPSI2MDAiCiAgIGlkPSJzdmc0MjI1IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzcHJpdGVzaGVldC5zdmciCiAgIGlua3NjYXBlOmV4cG9ydC1maWxlbmFtZT0iL2hvbWUvZnB1Z2EvZGV2ZWxvcG1lbnQvdXBzdHJlYW0vaWNhcnRvLkxlYWZsZXQuZHJhdy9zcmMvaW1hZ2VzL3Nwcml0ZXNoZWV0LTJ4LnBuZyIKICAgaW5rc2NhcGU6ZXhwb3J0LXhkcGk9IjkwIgogICBpbmtzY2FwZTpleHBvcnQteWRwaT0iOTAiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQyNTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0MjU2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDU2IgogICAgIGlkPSJuYW1lZHZpZXc0MjU0IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjMxMDE4NTIiCiAgICAgaW5rc2NhcGU6Y3g9IjIzNy41NjkyOCIKICAgICBpbmtzY2FwZTpjeT0iNy4yNDE5NjIxIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQyMjUiIC8+CiAgPGcKICAgICBpZD0iZW5hYmxlZCIKICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxnCiAgICAgICBpZD0icG9seWxpbmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAxOCwzNiAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIyOSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNiwxOCAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAyMy4xNDIsMzkuMTQ1IC0yLjI4NSwtMi4yOSAxNiwtMTUuOTk4IDIuMjg1LDIuMjg1IHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMyIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICAgIDxwYXRoCiAgICAgICBpZD0icG9seWdvbiIKICAgICAgIGQ9Ik0gMTAwLDI0LjU2NSA5Ny45MDQsMzkuMzk1IDgzLjA3LDQyIDc2LDI4Ljc3MyA4Ni40NjMsMTggWiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJyZWN0YW5nbGUiCiAgICAgICBkPSJtIDE0MCwyMCAyMCwwIDAsMjAgLTIwLDAgeiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJjaXJjbGUiCiAgICAgICBkPSJtIDIyMSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0ibWFya2VyIgogICAgICAgZD0ibSAyNzAsMTkgYyAtNC45NzEsMCAtOSw0LjAyOSAtOSw5IDAsNC45NzEgNS4wMDEsMTIgOSwxNCA0LjAwMSwtMiA5LC05LjAyOSA5LC0xNCAwLC00Ljk3MSAtNC4wMjksLTkgLTksLTkgeiBtIDAsMTIuNSBjIC0yLjQ4NCwwIC00LjUsLTIuMDE0IC00LjUsLTQuNSAwLC0yLjQ4NCAyLjAxNiwtNC41IDQuNSwtNC41IDIuNDg1LDAgNC41LDIuMDE2IDQuNSw0LjUgMCwyLjQ4NiAtMi4wMTUsNC41IC00LjUsNC41IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxnCiAgICAgICBpZD0iZWRpdCIKICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDMzNywzMC4xNTYgMCwwLjQwNyAwLDUuNjA0IGMgMCwxLjY1OCAtMS4zNDQsMyAtMywzIGwgLTEwLDAgYyAtMS42NTUsMCAtMywtMS4zNDIgLTMsLTMgbCAwLC0xMCBjIDAsLTEuNjU3IDEuMzQ1LC0zIDMsLTMgbCA2LjM0NSwwIDMuMTksLTMuMTcgLTkuNTM1LDAgYyAtMy4zMTMsMCAtNiwyLjY4NyAtNiw2IGwgMCwxMCBjIDAsMy4zMTMgMi42ODcsNiA2LDYgbCAxMCwwIGMgMy4zMTQsMCA2LC0yLjY4NyA2LC02IGwgMCwtOC44MDkgLTMsMi45NjgiCiAgICAgICAgIGlkPSJwYXRoNDI0MCIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNzIsMjQuNjM3IC04Ljg5Miw4Ljg5MiAtMi44MjgsMCAwLC0yLjgyOSA4Ljg5LC04Ljg5IHoiCiAgICAgICAgIGlkPSJwYXRoNDI0MiIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNjk3LDE3LjgyNiA0LDAgMCw0IC00LDAgeiIKICAgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA2OTgzMzYsLTAuNzA3MjMwMTgsMC43MDcyMzAxOCwtMC43MDY5ODMzNiw1NjcuNTU5MTcsMjc0Ljc4MjczKSIKICAgICAgICAgaWQ9InBhdGg0MjQ0IgogICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPC9nPgogICAgPGcKICAgICAgIGlkPSJyZW1vdmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzODEsNDIgMTgsMCAwLC0xOCAtMTgsMCAwLDE4IHogbSAxNCwtMTYgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IG0gLTQsMCAyLDAgMCwxNCAtMiwwIDAsLTE0IHogbSAtNCwwIDIsMCAwLDE0IC0yLDAgMCwtMTQgeiBtIC00LDAgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IgogICAgICAgICBpZD0icGF0aDQyNDciCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMzk1LDIwIDAsLTQgLTEwLDAgMCw0IC02LDAgMCwyIDIyLDAgMCwtMiAtNiwwIHogbSAtMiwwIC02LDAgMCwtMiA2LDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDI0OSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICA8L2c+CiAgPGcKICAgICBpZD0iZGlzYWJsZWQiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwLDApIgogICAgIHN0eWxlPSJmaWxsOiNiYmJiYmIiPgogICAgPHVzZQogICAgICAgeGxpbms6aHJlZj0iI2VkaXQiCiAgICAgICBpZD0iZWRpdC1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgICA8dXNlCiAgICAgICB4bGluazpocmVmPSIjcmVtb3ZlIgogICAgICAgaWQ9InJlbW92ZS1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgPC9nPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzQ2NDY0NjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJjaXJjbGUtMyIKICAgICBkPSJtIDU4MS42NTcyNSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==); background-image: linear-gradient(transparent, transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHZpZXdCb3g9IjAgMCA2MDAgNjAiCiAgIGhlaWdodD0iNjAiCiAgIHdpZHRoPSI2MDAiCiAgIGlkPSJzdmc0MjI1IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJzcHJpdGVzaGVldC5zdmciCiAgIGlua3NjYXBlOmV4cG9ydC1maWxlbmFtZT0iL2hvbWUvZnB1Z2EvZGV2ZWxvcG1lbnQvdXBzdHJlYW0vaWNhcnRvLkxlYWZsZXQuZHJhdy9zcmMvaW1hZ2VzL3Nwcml0ZXNoZWV0LTJ4LnBuZyIKICAgaW5rc2NhcGU6ZXhwb3J0LXhkcGk9IjkwIgogICBpbmtzY2FwZTpleHBvcnQteWRwaT0iOTAiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTQyNTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0MjU2IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDU2IgogICAgIGlkPSJuYW1lZHZpZXc0MjU0IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjMxMDE4NTIiCiAgICAgaW5rc2NhcGU6Y3g9IjIzNy41NjkyOCIKICAgICBpbmtzY2FwZTpjeT0iNy4yNDE5NjIxIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQyMjUiIC8+CiAgPGcKICAgICBpZD0iZW5hYmxlZCIKICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgIDxnCiAgICAgICBpZD0icG9seWxpbmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAxOCwzNiAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIyOSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzNiwxOCAwLDYgNiwwIDAsLTYgLTYsMCB6IG0gNCw0IC0yLDAgMCwtMiAyLDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAyMy4xNDIsMzkuMTQ1IC0yLjI4NSwtMi4yOSAxNiwtMTUuOTk4IDIuMjg1LDIuMjg1IHoiCiAgICAgICAgIGlkPSJwYXRoNDIzMyIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICAgIDxwYXRoCiAgICAgICBpZD0icG9seWdvbiIKICAgICAgIGQ9Ik0gMTAwLDI0LjU2NSA5Ny45MDQsMzkuMzk1IDgzLjA3LDQyIDc2LDI4Ljc3MyA4Ni40NjMsMTggWiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJyZWN0YW5nbGUiCiAgICAgICBkPSJtIDE0MCwyMCAyMCwwIDAsMjAgLTIwLDAgeiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJjaXJjbGUiCiAgICAgICBkPSJtIDIyMSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0ibWFya2VyIgogICAgICAgZD0ibSAyNzAsMTkgYyAtNC45NzEsMCAtOSw0LjAyOSAtOSw5IDAsNC45NzEgNS4wMDEsMTIgOSwxNCA0LjAwMSwtMiA5LC05LjAyOSA5LC0xNCAwLC00Ljk3MSAtNC4wMjksLTkgLTksLTkgeiBtIDAsMTIuNSBjIC0yLjQ4NCwwIC00LjUsLTIuMDE0IC00LjUsLTQuNSAwLC0yLjQ4NCAyLjAxNiwtNC41IDQuNSwtNC41IDIuNDg1LDAgNC41LDIuMDE2IDQuNSw0LjUgMCwyLjQ4NiAtMi4wMTUsNC41IC00LjUsNC41IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDxnCiAgICAgICBpZD0iZWRpdCIKICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDMzNywzMC4xNTYgMCwwLjQwNyAwLDUuNjA0IGMgMCwxLjY1OCAtMS4zNDQsMyAtMywzIGwgLTEwLDAgYyAtMS42NTUsMCAtMywtMS4zNDIgLTMsLTMgbCAwLC0xMCBjIDAsLTEuNjU3IDEuMzQ1LC0zIDMsLTMgbCA2LjM0NSwwIDMuMTksLTMuMTcgLTkuNTM1LDAgYyAtMy4zMTMsMCAtNiwyLjY4NyAtNiw2IGwgMCwxMCBjIDAsMy4zMTMgMi42ODcsNiA2LDYgbCAxMCwwIGMgMy4zMTQsMCA2LC0yLjY4NyA2LC02IGwgMCwtOC44MDkgLTMsMi45NjgiCiAgICAgICAgIGlkPSJwYXRoNDI0MCIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNzIsMjQuNjM3IC04Ljg5Miw4Ljg5MiAtMi44MjgsMCAwLC0yLjgyOSA4Ljg5LC04Ljg5IHoiCiAgICAgICAgIGlkPSJwYXRoNDI0MiIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzMzguNjk3LDE3LjgyNiA0LDAgMCw0IC00LDAgeiIKICAgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA2OTgzMzYsLTAuNzA3MjMwMTgsMC43MDcyMzAxOCwtMC43MDY5ODMzNiw1NjcuNTU5MTcsMjc0Ljc4MjczKSIKICAgICAgICAgaWQ9InBhdGg0MjQ0IgogICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIiAvPgogICAgPC9nPgogICAgPGcKICAgICAgIGlkPSJyZW1vdmUiCiAgICAgICBzdHlsZT0iZmlsbDojNDY0NjQ2O2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAzODEsNDIgMTgsMCAwLC0xOCAtMTgsMCAwLDE4IHogbSAxNCwtMTYgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IG0gLTQsMCAyLDAgMCwxNCAtMiwwIDAsLTE0IHogbSAtNCwwIDIsMCAwLDE0IC0yLDAgMCwtMTQgeiBtIC00LDAgMiwwIDAsMTQgLTIsMCAwLC0xNCB6IgogICAgICAgICBpZD0icGF0aDQyNDciCiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiM0NjQ2NDY7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMzk1LDIwIDAsLTQgLTEwLDAgMCw0IC02LDAgMCwyIDIyLDAgMCwtMiAtNiwwIHogbSAtMiwwIC02LDAgMCwtMiA2LDAgMCwyIHoiCiAgICAgICAgIGlkPSJwYXRoNDI0OSIKICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ2NDY0NjtmaWxsLW9wYWNpdHk6MSIgLz4KICAgIDwvZz4KICA8L2c+CiAgPGcKICAgICBpZD0iZGlzYWJsZWQiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwLDApIgogICAgIHN0eWxlPSJmaWxsOiNiYmJiYmIiPgogICAgPHVzZQogICAgICAgeGxpbms6aHJlZj0iI2VkaXQiCiAgICAgICBpZD0iZWRpdC1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgICA8dXNlCiAgICAgICB4bGluazpocmVmPSIjcmVtb3ZlIgogICAgICAgaWQ9InJlbW92ZS1kaXNhYmxlZCIKICAgICAgIHg9IjAiCiAgICAgICB5PSIwIgogICAgICAgd2lkdGg9IjEwMCUiCiAgICAgICBoZWlnaHQ9IjEwMCUiIC8+CiAgPC9nPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzQ2NDY0NjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgIGlkPSJjaXJjbGUtMyIKICAgICBkPSJtIDU4MS42NTcyNSwzMCBjIDAsNi4wNzggLTQuOTI2LDExIC0xMSwxMSAtNi4wNzQsMCAtMTEsLTQuOTIyIC0xMSwtMTEgMCwtNi4wNzQgNC45MjYsLTExIDExLC0xMSA2LjA3NCwwIDExLDQuOTI2IDExLDExIHoiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==) } .leaflet-draw a { display: block; text-align: center; text-decoration: none } .leaflet-draw a .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .leaflet-draw-actions { display: none; list-style: none; margin: 0; padding: 0; position: absolute; left: 26px; top: 0; white-space: nowrap } .leaflet-touch .leaflet-draw-actions { left: 32px } .leaflet-right .leaflet-draw-actions { right: 26px; left: auto } .leaflet-touch .leaflet-right .leaflet-draw-actions { right: 32px; left: auto } .leaflet-draw-actions li { display: inline-block } .leaflet-draw-actions li:first-child a { border-left: none } .leaflet-draw-actions li:last-child a { border-radius: 0 4px 4px 0 } .leaflet-right .leaflet-draw-actions li:last-child a { border-radius: 0 } .leaflet-right .leaflet-draw-actions li:first-child a { border-radius: 4px 0 0 4px } .leaflet-draw-actions a { background-color: #919187; border-left: 1px solid #aaa; color: #fff; font: 11px/19px Helvetica Neue,Arial,Helvetica,sans-serif; line-height: 28px; text-decoration: none; padding-left: 10px; padding-right: 10px; height: 28px } .leaflet-touch .leaflet-draw-actions a { font-size: 12px; line-height: 30px; height: 30px } .leaflet-draw-actions-bottom { margin-top: 0 } .leaflet-draw-actions-top { margin-top: 1px } .leaflet-draw-actions-bottom a,.leaflet-draw-actions-top a { height: 27px; line-height: 27px } .leaflet-draw-actions a:hover { background-color: #a0a098 } .leaflet-draw-actions-top.leaflet-draw-actions-bottom a { height: 26px; line-height: 26px } .leaflet-draw-toolbar .leaflet-draw-draw-polyline { background-position: -2px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline { background-position: 0 -1px } .leaflet-draw-toolbar .leaflet-draw-draw-polygon { background-position: -31px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon { background-position: -29px -1px } .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { background-position: -62px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { background-position: -60px -1px } .leaflet-draw-toolbar .leaflet-draw-draw-circle { background-position: -92px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle { background-position: -90px -1px } .leaflet-draw-toolbar .leaflet-draw-draw-marker { background-position: -122px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker { background-position: -120px -1px } .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker { background-position: -273px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker { background-position: -271px -1px } .leaflet-draw-toolbar .leaflet-draw-edit-edit { background-position: -152px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit { background-position: -150px -1px } .leaflet-draw-toolbar .leaflet-draw-edit-remove { background-position: -182px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove { background-position: -180px -1px } .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { background-position: -212px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { background-position: -210px -1px } .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { background-position: -242px -2px } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { background-position: -240px -2px } .leaflet-mouse-marker { background-color: #fff; cursor: crosshair } .leaflet-draw-tooltip { background: #363636; background: rgba(0,0,0,0.5); border: 1px solid transparent; border-radius: 4px; color: #fff; font: 12px/18px Helvetica Neue,Arial,Helvetica,sans-serif; margin-left: 20px; margin-top: -21px; padding: 4px 8px; position: absolute; visibility: hidden; white-space: nowrap; z-index: 6 } .leaflet-draw-tooltip:before { border-right: 6px solid #000; border-right-color: rgba(0,0,0,0.5); border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; position: absolute; top: 7px; left: -7px } .leaflet-error-draw-tooltip { background-color: #f2dede; border: 1px solid #e6b6bd; color: #b94a48 } .leaflet-error-draw-tooltip:before { border-right-color: #e6b6bd } .leaflet-draw-tooltip-single { margin-top: -12px } .leaflet-draw-tooltip-subtext { color: #f8d5e4 } .leaflet-draw-guide-dash { font-size: 1%; opacity: .6; position: absolute; width: 5px; height: 5px } .leaflet-edit-marker-selected { background-color: rgba(254,87,161,0.1); border: 4px dashed rgba(254,87,161,0.6); border-radius: 4px; -webkit-box-sizing: content-box; box-sizing: content-box } .leaflet-edit-move { cursor: move } .leaflet-edit-resize { cursor: pointer } .leaflet-oldie .leaflet-draw-toolbar { border: 1px solid #999 } #overlay-matomo { top: 50%; left: 0; right: 0; width: 600px; height: auto; margin: auto; background: #fff; overflow: inherit; height: auto; min-height: 100px; border-radius: 5px; -webkit-transform: translate(100vw, -50%); -ms-transform: translate(100vw, -50%); transform: translate(100vw, -50%); -webkit-transform: translate3d(100vw, -50%, 0); transform: translate3d(100vw, -50%, 0); -webkit-transition: -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1) } #overlay-matomo.open { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } @media screen and (max-width: 700px) { #overlay-matomo { width:calc(100% - 100px); margin: 0 50px } } @media screen and (max-width: 700px) { #overlay-matomo { width:calc(100% - 40px); margin: 0 20px } } #overlay-matomo .top-title { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 26px; margin: 20px; display: block; border-bottom: 1px solid #E0E0E0; padding-bottom: 20px } #overlay-matomo [class^="icon-"],#overlay-matomo [class*=" icon-"] { position: absolute; right: -15px; top: -15px; width: 30px; height: 30px; background: #fff; color: #000; border-radius: 50%; text-align: center; line-height: 30px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2); box-shadow: 0 5px 15px rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease } #overlay-matomo [class^="icon-"]:hover,#overlay-matomo [class*=" icon-"]:hover { cursor: pointer; background: #000; color: #fff } #overlay-matomo iframe { border: 0; margin: 0 12px; width: calc(100% - 24px) } @media screen and (max-width: 599px) { #overlay-matomo iframe { height:180px } } .matomo-btn { border: none; background: none; outline: none; font-family: "Roboto",Sans-Serif; font-size: 11px; line-height: 24px; display: inline-block; font-weight: 400; color: white; vertical-align: middle; margin: 0 2px } .matomo-btn:before { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 1px; margin-right: 8px; background: #fff; position: relative; top: -1px } .filtres__field { position: relative; padding: 0 20px; border-right: 1px dashed #707070 } .filtres__field:first-of-type { padding-left: 0 } .filtres__field:nth-of-type(4) { border-right: none } .filtres__field button.icon { padding: 4px; margin: 0; border: transparent 2px solid; text-align: left; background-color: white; position: relative; left: -4px; top: 0px } .filtres__field button.icon:focus { outline: 1px dashed #000 } .filtres__field span.arrow { margin: 0; padding: 0; display: none; background: transparent } .filtres__field input { margin: 0; width: 20% } .filtres__field .datepickerDialog { position: absolute; bottom: 40px; left: 20%; width: 350px; clear: both; display: none; margin-top: 1em; padding: 0; background-color: #fff; z-index: 99999999; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2) } @media screen and (max-width: 980px) { .filtres__field .datepickerDialog { bottom:70px; left: 0 } } @media screen and (max-width: 599px) { .filtres__field .datepickerDialog { width:250px } } .filtres__field .header { cursor: default; background-color: #1ec459; padding: 7px; font-weight: bold; text-transform: uppercase; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px } .filtres__field .header h2 { margin: 0; padding: 0; width: auto; height: auto; display: inline-block; font-size: 1.25rem; color: white; text-transform: none; font-weight: bold } .filtres__field .header button { border-style: none; background: transparent; padding: 0 } .filtres__field .header button [class^="icon-"],.filtres__field .header button [class*=" icon-"] { display: block } .filtres__field .datepickerDialog button::-moz-focus-inner { border: 0 } .filtres__field .prevYear,.filtres__field .prevMonth,.filtres__field .nextMonth,.filtres__field .nextYear { padding: 4px; width: 24px; height: 24px; color: white } .filtres__field .prevYear:focus,.filtres__field .prevMonth:focus,.filtres__field .nextMonth:focus,.filtres__field .nextYear:focus { padding: 2px; border: 2px solid white; outline: 0 } .filtres__field .nextMonth [class^="icon-"],.filtres__field .nextMonth [class*=" icon-"],.filtres__field .prevMonth [class^="icon-"],.filtres__field .prevMonth [class*=" icon-"] { font-size: 20px } .filtres__field .nextMonth { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .filtres__field .prevMonth { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .filtres__field .dialogButtonGroup { text-align: right; margin-top: 1em; margin-bottom: 1em; margin-right: 1em } .filtres__field .dialogButton { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 24px; padding: 10px 15px; margin-left: 1em; outline: none; border: none; background-color: #1ec459; text-transform: uppercase; text-align: center; color: #fff } body:not(.no-hover) .filtres__field .dialogButton:hover,body:not(.no-hover) .filtres__field .dialogButton:focus { background-color: #106c31 } .filtres__field .dialogButton:focus { outline: 1px dashed #000 } .filtres__field .dialogButton:first-of-type { background-color: #000 } .filtres__field .monthYear { display: inline-block; width: 12em; text-align: center } .filtres__field table.dates { width: 100%; padding-left: 1em; padding-right: 1em; padding-top: 1em } .filtres__field table.dates th,.filtres__field table.dates td { text-align: center } .filtres__field table.dates thead>tr { height: 50px } .filtres__field table.dates thead>tr th { vertical-align: middle } .filtres__field .dateRow { border: none } .filtres__field .dateCell { outline: 0; border: 0; padding: 0; margin: 0; height: 40px; width: 40px } .filtres__field .dateButton { padding: 0; margin: 0; line-height: inherit; height: 100%; width: 100%; border: none; font-size: 15px; background: #F2F2F2 } body:not(.no-hover) .filtres__field .dateButton:hover,body:not(.no-hover) .filtres__field .dateButton:focus { padding: 0; background-color: #1ec459; color: #fff } .filtres__field .dateButton:focus { border-width: 2px; border-color: #646464; outline: 0 } .filtres__field .dateButton[aria-selected] { background-color: #1ec459; color: #fff } .filtres__field .dateButton[aria-selected][tabindex="0"] { color: #fff } body:not(.no-hover) .filtres__field .dateButton[aria-selected][tabindex="0"]:hover,body:not(.no-hover) .filtres__field .dateButton[aria-selected][tabindex="0"]:focus { color: #fff } .filtres__field .dateButton[tabindex="0"] { color: #1ec459; font-weight: 700 } body:not(.no-hover) .filtres__field .dateButton[tabindex="0"]:hover,body:not(.no-hover) .filtres__field .dateButton[tabindex="0"]:focus { color: #fff } .filtres__field .disabled { color: #afafaf } body:not(.no-hover) .filtres__field .disabled:hover { color: black } .filtres__field .dateButton:disabled { color: #777; background-color: #fff; border: none; cursor: not-allowed } .filtres__field .message { padding: 20px; background: #31AC5B; color: white } @media screen and (max-width: 599px) { .filtres__field .message { padding:10px } } .custom-a11yselect-container { position: relative } .custom-a11yselect-container .custom-a11yselect-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; max-width: 100%; overflow: hidden; padding: 0 0 10px 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; background: no-repeat; border: none; cursor: pointer } body:not(.no-hover) .custom-a11yselect-container .custom-a11yselect-btn:hover .custom-a11yselect-text:before,body:not(.no-hover) .custom-a11yselect-container .custom-a11yselect-btn:focus .custom-a11yselect-text:before { width: 100%; opacity: 1 } .custom-a11yselect-container .custom-a11yselect-btn .custom-a11yselect-text { color: #333; position: relative } .custom-a11yselect-container .custom-a11yselect-btn .custom-a11yselect-text:before { content: ''; display: block; width: 0%; height: 4px; background-color: #000; position: absolute; bottom: -10px; opacity: 0; z-index: 2; -webkit-transition: all .2s ease; transition: all .2s ease } .custom-a11yselect-container .custom-a11yselect-btn .custom-a11yselect-text:after { content: ''; display: block; width: 100%; height: 4px; background-color: #1ec459; position: absolute; bottom: -10px } .custom-a11yselect-container .custom-a11yselect-icon { margin-left: 9px } .custom-a11yselect-container .custom-a11yselect-menu { background: #fff; border-radius: 0 0 20px 20px; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); display: none; left: 0; width: 100%; max-width: 100%; min-width: 200px; padding: 0; margin-top: 16px; position: absolute; top: 100%; z-index: 8 } .custom-a11yselect-container .custom-a11yselect-menu.opened { display: block } .custom-a11yselect-container .custom-a11yselect-menu.custom-a11yselect-overflow { max-height: 235px; overflow-x: hidden; overflow-y: scroll; z-index: 8 } .custom-a11yselect-container .custom-a11yselect-menu.custom-a11yselect-hidden { display: none !important } .custom-a11yselect-container .custom-a11yselect-menu.custom-a11yselect-reversed { border-top: 1px solid #ccc; border-bottom: none; bottom: 100%; top: auto } .custom-a11yselect-container .custom-a11yselect-menu .custom-a11yselect-option { display: block } .custom-a11yselect-container .custom-a11yselect-menu .custom-a11yselect-option button { background: #fff; border: none; color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 21px; padding: 10px 18px; text-align: left; width: 100% } .custom-a11yselect-container .custom-a11yselect-menu .custom-a11yselect-option.custom-a11yselect-focused button { background: #F2F2F2; color: #000 } .custom-a11yselect-container .custom-a11yselect-menu .custom-a11yselect-option.custom-a11yselect-selected button { font-weight: bold } .custom-a11yselect-container .custom-a11yselect-menu .custom-a11yselect-option.custom-a11yselect-disabled button { background: #fff; color: #666; cursor: default } .custom-a11yselect-container .custom-a11yselect-img { background-repeat: no-repeat; background-size: contain; display: inline-block; margin-right: 10px; height: 18px; width: 18px; vertical-align: middle } .custom-a11yselect-container select.custom-a11yselect-mobile { display: block !important; height: 100% !important; left: 0 !important; margin: 0 !important; opacity: 0 !important; padding: 0 !important; position: absolute !important; top: 0 !important; visibility: visible !important; width: 100% !important; z-index: 99999; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important } /*! Tablesaw - v1.0.4 - 2015-02-19 * https://github.com/filamentgroup/tablesaw * Copyright (c) 2015 Filament Group; Licensed MIT */ table.tablesaw { empty-cells: show; max-width: 100%; width: 100% } .tablesaw { border-collapse: collapse; width: 100% } .tablesaw { border: 0; padding: 0 } .tablesaw th,.tablesaw td { -webkit-box-sizing: border-box; box-sizing: border-box } .tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label { display: none } @media only all { .tablesaw-stack td,.tablesaw-stack th { display: block } .tablesaw-stack tr { clear: both; display: table-row } .tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label { padding: 0 15px 0 0; width: 40%; display: inline-block } .tablesaw-stack td .tablesaw-cell-label:empty,.tablesaw-stack th .tablesaw-cell-label:empty { display: none } .tablesaw-stack th .tablesaw-cell-label-top,.tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0 } .tablesaw-cell-label { display: block } .tablesaw-stack tbody th.group { margin-top: -1px } .tablesaw-stack th.group b.tablesaw-cell-label { display: none !important } } @media screen and (max-width: 599px) { .tablesaw-stack thead td,.tablesaw-stack thead th { display:none } .tablesaw-stack tbody td,.tablesaw-stack tbody th { clear: left; float: left; width: 100%; text-align: left } .tablesaw-cell-label { vertical-align: top } .tablesaw-cell-content { max-width: 60%; display: inline-block } .tablesaw-stack td:empty,.tablesaw-stack th:empty { display: none } } @media screen and (min-width: 601px) { .tablesaw-stack tr { display:table-row } .tablesaw-stack td,.tablesaw-stack th,.tablesaw-stack thead td,.tablesaw-stack thead th { display: table-cell; margin: 0 } .tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label { display: none !important } } .bloc-form .frm_screen_reader.frm_hidden { display: initial } .bloc-form .frm_clear_none { clear: none } .bloc-form .frm_clear { clear: both } .bloc-form .frm_form_field.frm_alignright { float: right !important } .bloc-form .frm_form_field { clear: both } .bloc-form .frm_form_field,.bloc-form .frm_form_field.frm_inline_container,.bloc-form .frm_form_field.frm_right_container,.bloc-form .frm_form_field.frm_left_container { width: auto } .bloc-form .frm_inline_form .frm_form_field.form-field { margin-right: 2.5%; display: inline-block } .bloc-form .frm_inline_form .frm_submit { display: inline-block } .bloc-form .frm_form_field.frm2,.bloc-form .frm_submit.frm2,.bloc-form .frm_form_field.frm3,.bloc-form .frm_submit.frm3,.bloc-form .frm_form_field.frm4,.bloc-form .frm_submit.frm4,.bloc-form .frm_form_field.frm6,.bloc-form .frm_submit.frm6,.bloc-form .frm_form_field.frm8,.bloc-form .frm_submit.frm8,.bloc-form .frm_form_field.frm9,.bloc-form .frm_submit.frm9,.bloc-form .frm_form_field.frm10,.bloc-form .frm_submit.frm10,.bloc-form .frm_form_field.frm_right_half,.bloc-form .frm_form_field.frm_right_third,.bloc-form .frm_form_field.frm_right_two_thirds,.bloc-form .frm_form_field.frm_right_fourth,.bloc-form .frm_form_field.frm_right_fifth,.bloc-form .frm_form_field.frm_right_inline,.bloc-form .frm_form_field.frm_last_half,.bloc-form .frm_form_field.frm_last_third,.bloc-form .frm_form_field.frm_last_two_thirds,.bloc-form .frm_form_field.frm_last_fourth,.bloc-form .frm_form_field.frm_last_fifth,.bloc-form .frm_form_field.frm_last_sixth,.bloc-form .frm_form_field.frm_last_seventh,.bloc-form .frm_form_field.frm_last_eighth,.bloc-form .frm_form_field.frm_last_inline,.bloc-form .frm_form_field.frm_last,.bloc-form .frm_form_field.frm_half,.bloc-form .frm_submit.frm_half,.bloc-form .frm_form_field.frm_third,.bloc-form .frm_submit.frm_third,.bloc-form .frm_form_field.frm_two_thirds,.bloc-form .frm_form_field.frm_fourth,.bloc-form .frm_submit.frm_fourth,.bloc-form .frm_form_field.frm_three_fourths,.bloc-form .frm_form_field.frm_fifth,.bloc-form .frm_submit.frm_fifth,.bloc-form .frm_form_field.frm_two_fifths,.bloc-form .frm_form_field.frm_three_fifths,.bloc-form .frm_form_field.frm_four_fifths,.bloc-form .frm_form_field.frm_sixth,.bloc-form .frm_submit.frm_sixth,.bloc-form .frm_form_field.frm_seventh,.bloc-form .frm_submit.frm_seventh,.bloc-form .frm_form_field.frm_eighth,.bloc-form .frm_submit.frm_eighth,.bloc-form .frm_form_field.frm_inline,.bloc-form .frm_submit.frm_inline { clear: none; float: left; margin-left: 2.5% } .bloc-form .frm_form_field.frm_left_half,.bloc-form .frm_form_field.frm_left_third,.bloc-form .frm_form_field.frm_left_two_thirds,.bloc-form .frm_form_field.frm_left_fourth,.bloc-form .frm_form_field.frm_left_fifth,.bloc-form .frm_form_field.frm_left_inline,.bloc-form .frm_form_field.frm_first_half,.bloc-form .frm_form_field.frm_first_third,.bloc-form .frm_form_field.frm_first_two_thirds,.bloc-form .frm_form_field.frm_first_fourth,.bloc-form .frm_form_field.frm_first_fifth,.bloc-form .frm_form_field.frm_first_sixth,.bloc-form .frm_form_field.frm_first_seventh,.bloc-form .frm_form_field.frm_first_eighth,.bloc-form .frm_form_field.frm_first_inline,.bloc-form .frm_form_field.frm_first { clear: left; float: left; margin-left: 0 } .bloc-form .frm_form_field.frm6,.bloc-form .frm_submit.frm6,.bloc-form .frm_form_field.frm_left_half,.bloc-form .frm_form_field.frm_right_half,.bloc-form .frm_form_field.frm_first_half,.bloc-form .frm_form_field.frm_last_half,.bloc-form .frm_form_field.frm_half,.bloc-form .frm_submit.frm_half { width: 48.75% } .bloc-form .frm_form_field.frm4,.bloc-form .frm_submit.frm4,.bloc-form .frm_form_field.frm_left_third,.bloc-form .frm_form_field.frm_third,.bloc-form .frm_submit.frm_third,.bloc-form .frm_form_field.frm_right_third,.bloc-form .frm_form_field.frm_first_third,.bloc-form .frm_form_field.frm_last_third { width: 31.66% } .bloc-form .frm_form_field.frm8,.bloc-form .frm_submit.frm8,.bloc-form .frm_form_field.frm_left_two_thirds,.bloc-form .frm_form_field.frm_right_two_thirds,.bloc-form .frm_form_field.frm_first_two_thirds,.bloc-form .frm_form_field.frm_last_two_thirds,.bloc-form .frm_form_field.frm_two_thirds { width: 65.82% } .bloc-form .frm_form_field.frm3,.bloc-form .frm_submit.frm3,.bloc-form .frm_form_field.frm_left_fourth,.bloc-form .frm_form_field.frm_fourth,.bloc-form .frm_submit.frm_fourth,.bloc-form .frm_form_field.frm_right_fourth,.bloc-form .frm_form_field.frm_first_fourth,.bloc-form .frm_form_field.frm_last_fourth { width: 23.12% } .bloc-form .frm_form_field.frm9,.bloc-form .frm_form_field.frm_three_fourths { width: 74.36% } .bloc-form .frm_form_field.frm_left_fifth,.bloc-form .frm_form_field.frm_fifth,.bloc-form .frm_submit.frm_fifth,.bloc-form .frm_form_field.frm_right_fifth,.bloc-form .frm_form_field.frm_first_fifth,.bloc-form .frm_form_field.frm_last_fifth { width: 18% } .bloc-form .frm_form_field.frm_two_fifths { width: 38.5% } .bloc-form .frm_form_field.frm_three_fifths { width: 59% } .bloc-form .frm_form_field.frm_four_fifths { width: 79.5% } .bloc-form .frm_form_field.frm2,.bloc-form .frm_submit.frm2,.bloc-form .frm_form_field.frm_sixth,.bloc-form .frm_submit.frm_sixth,.bloc-form .frm_form_field.frm_first_sixth,.bloc-form .frm_form_field.frm_last_sixth { width: 14.08% } .bloc-form .frm_form_field.frm10,.bloc-form .frm_submit.frm10 { width: 83.42% } .bloc-form .frm_form_field.frm_seventh,.bloc-form .frm_submit.frm_seventh,.bloc-form .frm_form_field.frm_first_seventh,.bloc-form .frm_form_field.frm_last_seventh { width: 12.14% } .bloc-form .frm_form_field.frm_eighth,.bloc-form .frm_submit.frm_eighth,.bloc-form .frm_form_field.frm_first_eighth,.bloc-form .frm_form_field.frm_last_eighth { width: 10.31% } .bloc-form .frm_form_field.frm_left_inline,.bloc-form .frm_form_field.frm_first_inline,.bloc-form .frm_form_field.frm_inline,.bloc-form .frm_submit.frm_inline,.bloc-form .frm_form_field.frm_right_inline,.bloc-form .frm_form_field.frm_last_inline { width: auto } .bloc-form .frm_full,.bloc-form .frm_full .wp-editor-wrap,.bloc-form .frm_full input:not([type='checkbox']):not([type='radio']):not([type='button']),.bloc-form .frm_full select,.bloc-form .frm_full textarea { width: 100% !important } .bloc-form .frm_full .wp-editor-wrap input { width: auto !important } .bloc-form .frm_form_field.frm_inline_container,.bloc-form .frm_form_field.frm_right_container,.bloc-form .frm_form_field.frm_left_container,.bloc-form .frm_combo_inputs_container,.bloc-form .frm_grid_container,.bloc-form .frm_form_fields .frm_section_heading,.bloc-form .frm_form_fields .frm_fields_container,.bloc-form .frm_form_field.frm_two_col .frm_opt_container,.bloc-form .frm_form_field.frm_three_col .frm_opt_container,.bloc-form .frm_form_field.frm_four_col .frm_opt_container { display: block } .bloc-form .frm_form_field.frm_left_container .frm_primary_label { float: left; display: inline; max-width: 33%; margin-right: 5% } .bloc-form .frm_conf_field.frm_left_container .frm_primary_label { display: inline; visibility: hidden } .bloc-form .frm_form_field.frm_left_container input:not([type='radio']):not([type='checkbox']),.bloc-form .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select,.bloc-form .frm_form_field.frm_left_container textarea,.bloc-form .frm_form_field.frm_left_container .wp-editor-wrap,.bloc-form .frm_form_field.frm_left_container .frm_opt_container,.bloc-form .frm_form_field.frm_left_container .frm_dropzone,.bloc-form .frm_form_field.frm_left_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_left_container .g-recaptcha,.bloc-form .frm_form_field.frm_left_container .chosen-container,.bloc-form .frm_form_field.frm_left_container .frm_combo_inputs_container,.bloc-form .frm_form_field.frm_right_container input:not([type='radio']):not([type='checkbox']),.bloc-form .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select,.bloc-form .frm_form_field.frm_right_container textarea,.bloc-form .frm_form_field.frm_right_container .wp-editor-wrap,.bloc-form .frm_form_field.frm_right_container .frm_opt_container,.bloc-form .frm_form_field.frm_right_container .frm_dropzone,.bloc-form .frm_form_field.frm_right_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_right_container .g-recaptcha,.bloc-form .frm_form_field.frm_right_container .chosen-container,.bloc-form .frm_form_field.frm_right_container .frm_combo_inputs_container { max-width: 62% } .bloc-form .frm_form_field.frm_left_container .frm_combo_inputs_container input,.bloc-form .frm_form_field.frm_left_container .frm_combo_inputs_container select,.bloc-form .frm_form_field.frm_right_container .frm_combo_inputs_container input,.bloc-form .frm_form_field.frm_right_container .frm_combo_inputs_container select { max-width: 100% } .bloc-form .frm_form_field.frm_left_container .frm_data_container,.bloc-form .frm_form_field.frm_right_container .frm_data_container,.bloc-form .frm_form_field.frm_inline_container .frm_data_container,.bloc-form .frm_form_field.frm_left_container .frm_opt_container,.bloc-form .frm_form_field.frm_right_container .frm_opt_container,.bloc-form .frm_form_field.frm_inline_container .frm_opt_container,.bloc-form .frm_form_field.frm_left_container .frm_combo_inputs_container,.bloc-form .frm_form_field.frm_right_container .frm_combo_inputs_container,.bloc-form .frm_form_field.frm_inline_container .frm_combo_inputs_container,.bloc-form .frm_form_field.frm_left_container .wp-editor-wrap,.bloc-form .frm_form_field.frm_right_container .wp-editor-wrap,.bloc-form .frm_form_field.frm_inline_container .wp-editor-wrap,.bloc-form .frm_form_field.frm_left_container .frm_dropzone,.bloc-form .frm_form_field.frm_right_container .frm_dropzone,.bloc-form .frm_form_field.frm_inline_container .frm_dropzone,.bloc-form .frm_form_field.frm_left_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_right_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_inline_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_left_container .g-recaptcha,.bloc-form .frm_form_field.frm_right_container .g-recaptcha,.bloc-form .frm_form_field.frm_inline_container .g-recaptcha { display: inline-block } .bloc-form .frm_form_field.frm_left_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_right_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_left_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_right_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_first_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_last_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_first_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_last_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_half.frm_left_container .frm_primary_label { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 33% } .bloc-form .frm_right_container .frm_primary_label { text-align: right } .bloc-form .frm_form_field.frm_left_container input:not([type='radio']):not([type='checkbox']),.bloc-form .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select,.bloc-form .frm_form_field.frm_left_container textarea,.bloc-form .frm_form_field.frm_left_container .frm_opt_container,.bloc-form .frm_form_field.frm_left_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_left_container .g-recaptcha,.bloc-form .frm_form_field.frm_left_container .chosen-container,.bloc-form .frm_form_field.frm_right_container input:not([type='radio']):not([type='checkbox']),.bloc-form .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select,.bloc-form .frm_form_field.frm_right_container textarea,.bloc-form .frm_form_field.frm_right_container .frm_opt_container,.bloc-form .frm_form_field.frm_right_container .g-recaptcha,.bloc-form .frm_form_field.frm_right_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_right_container .chosen-container { max-width: 100% !important } .bloc-form .frm_form_field.frm_left_container .frm_combo_inputs_container .frm_form_field input,.bloc-form .frm_form_field.frm_left_container .frm_combo_inputs_container .frm_form_field select,.bloc-form .frm_form_field.frm_right_container .frm_combo_inputs_container .frm_form_field input,.bloc-form .frm_form_field.frm_right_container .frm_combo_inputs_container .frm_form_field select { max-width: 100% !important } .bloc-form .frm_form_field.frm_left_container .frm_opt_container,.bloc-form .frm_form_field.frm_right_container .frm_opt_container,.bloc-form .frm_form_field.frm_left_container .g-recaptcha,.bloc-form .frm_form_field.frm_right_container .g-recaptcha,.bloc-form .frm_form_field.frm_left_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_right_container .frm-g-recaptcha { display: inline-block !important } .bloc-form .frm_left_container>p.description::before,.bloc-form .frm_left_container>div.description::before,.bloc-form .frm_left_container>div.frm_description::before,.bloc-form .frm_left_container>.frm_error::before,.bloc-form .frm_right_container>p.description::after,.bloc-form .frm_right_container>div.description::after,.bloc-form .frm_right_container>div.frm_description::after,.bloc-form .frm_right_container>.frm_error::after { content: '' !important; display: inline-block !important; width: 150px; max-width: 33% !important; margin-right: 10px !important } .bloc-form .frm_left_container.frm_inline .frm_primary_label { max-width: 90% !important } .bloc-form .form-field.frm_col_field { clear: none; float: left; margin-right: 20px } .bloc-form .form-field.frm_col_field div.frm_description { width: auto; max-width: 100% } .bloc-form .frm_inline_container .frm_primary_label { margin-right: 10px !important } .bloc-form .frm_form_field.frm_two_col .frm_radio,.bloc-form .frm_form_field.frm_three_col .frm_radio,.bloc-form .frm_form_field.frm_four_col .frm_radio,.bloc-form .frm_form_field.frm_two_col .frm_checkbox,.bloc-form .frm_form_field.frm_three_col .frm_checkbox,.bloc-form .frm_form_field.frm_four_col .frm_checkbox { float: left } .bloc-form .frm_form_field.frm_two_col .frm_radio,.bloc-form .frm_form_field.frm_two_col .frm_checkbox { width: 48%; margin-right: 4% } .bloc-form .frm_form_field.frm_three_col .frm_radio,.bloc-form .frm_form_field.frm_three_col .frm_checkbox { width: 30%; margin-right: 5% } .bloc-form .frm_form_field.frm_four_col .frm_radio,.bloc-form .frm_form_field.frm_four_col .frm_checkbox { width: 22%; margin-right: 4% } .bloc-form .frm_form_field.frm_two_col .frm_radio:nth-child(2n+2),.bloc-form .frm_form_field.frm_two_col .frm_checkbox:nth-child(2n+2),.bloc-form .frm_form_field.frm_three_col .frm_radio:nth-child(3n+3),.bloc-form .frm_form_field.frm_three_col .frm_checkbox:nth-child(3n+3),.bloc-form .frm_form_field.frm_four_col .frm_radio:nth-child(4n+4),.bloc-form .frm_form_field.frm_four_col .frm_checkbox:nth-child(4n+4) { margin-right: 0 } .bloc-form .frm_rtl .frm_form_field.frm2,.bloc-form .frm_rtl .frm_form_field.frm3,.bloc-form .frm_rtl .frm_form_field.frm4,.bloc-form .frm_rtl .frm_form_field.frm6,.bloc-form .frm_rtl .frm_form_field.frm8,.bloc-form .frm_rtl .frm_form_field.frm9,.bloc-form .frm_rtl .frm_form_field.frm10,.bloc-form .frm_rtl .frm_form_field.frm_half,.bloc-form .frm_rtl .frm_form_field.frm_third,.bloc-form .frm_rtl .frm_form_field.frm_two_thirds,.bloc-form .frm_rtl .frm_form_field.frm_fourth,.bloc-form .frm_rtl .frm_form_field.frm_fifth,.bloc-form .frm_rtl .frm_form_field.frm_sixth,.bloc-form .frm_rtl .frm_form_field.frm_seventh,.bloc-form .frm_rtl .frm_form_field.frm_eighth,.bloc-form .frm_rtl .frm_form_field.frm_inline,.bloc-form .frm_rtl .frm_form_field.frm_left_half,.bloc-form .frm_rtl .frm_form_field.frm_left_third,.bloc-form .frm_rtl .frm_form_field.frm_left_two_thirds,.bloc-form .frm_rtl .frm_form_field.frm_left_fourth,.bloc-form .frm_rtl .frm_form_field.frm_left_fifth,.bloc-form .frm_rtl .frm_form_field.frm_left_inline,.bloc-form .frm_rtl .frm_form_field.frm_first_half,.bloc-form .frm_rtl .frm_form_field.frm_first_third,.bloc-form .frm_rtl .frm_form_field.frm_first_two_thirds,.bloc-form .frm_rtl .frm_form_field.frm_first_fourth,.bloc-form .frm_rtl .frm_form_field.frm_first_fifth,.bloc-form .frm_rtl .frm_form_field.frm_first_inline,.bloc-form .frm_rtl .frm_form_field.frm_right_half,.bloc-form .frm_rtl .frm_form_field.frm_right_third,.bloc-form .frm_rtl .frm_form_field.frm_right_two_thirds,.bloc-form .frm_rtl .frm_form_field.frm_right_fourth,.bloc-form .frm_rtl .frm_form_field.frm_right_fifth,.bloc-form .frm_rtl .frm_form_field.frm_right_inline,.bloc-form .frm_rtl .frm_form_field.frm_last_half,.bloc-form .frm_rtl .frm_form_field.frm_last_third,.bloc-form .frm_rtl .frm_form_field.frm_last_two_thirds,.bloc-form .frm_rtl .frm_form_field.frm_last_fourth,.bloc-form .frm_rtl .frm_form_field.frm_last_fifth,.bloc-form .frm_rtl .frm_form_field.frm_last_inline { float: right; margin-right: 2.5%; margin-left: 0; clear: none } .bloc-form .frm_rtl .frm_form_field.frm_left_half,.bloc-form .frm_rtl .frm_form_field.frm_first_half,.bloc-form .frm_rtl .frm_form_field.frm_first,.bloc-form .frm_rtl .frm_form_field.frm_left_third,.bloc-form .frm_rtl .frm_form_field.frm_first_third,.bloc-form .frm_rtl .frm_form_field.frm_first_two_thirds,.bloc-form .frm_rtl .frm_form_field.frm_left_two_thirds,.bloc-form .frm_rtl .frm_form_field.frm_first_fourth,.bloc-form .frm_rtl .frm_form_field.frm_left_fourth,.bloc-form .frm_rtl .frm_form_field.frm_left_fifth,.bloc-form .frm_rtl .frm_form_field.frm_first_fifth,.bloc-form .frm_rtl .frm_form_field.frm_left_inline,.bloc-form .frm_rtl .frm_form_field.frm_first_inline { clear: right; margin-right: 0 } .bloc-form .frm_rtl .frm_form_field.frm_two_col .frm_radio,.bloc-form .frm_rtl .frm_form_field.frm_three_col .frm_radio,.bloc-form .frm_rtl .frm_form_field.frm_four_col .frm_radio,.bloc-form .frm_rtl .frm_form_field.frm_two_col .frm_checkbox,.bloc-form .frm_rtl .frm_form_field.frm_three_col .frm_checkbox,.bloc-form .frm_rtl .frm_form_field.frm_four_col .frm_checkbox { float: right } @media screen and (max-width: 599px) { .bloc-form .frm_form_field.frm_left_container input:not([type='radio']):not([type='checkbox']),.bloc-form .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select,.bloc-form .frm_form_field.frm_left_container textarea,.bloc-form .frm_form_field.frm_left_container .frm_opt_container,.bloc-form .frm_form_field.frm_left_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_left_container .g-recaptcha,.bloc-form .frm_form_field.frm_left_container .chosen-container,.bloc-form .frm_form_field.frm_right_container input:not([type='radio']):not([type='checkbox']),.bloc-form .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select,.bloc-form .frm_form_field.frm_right_container textarea,.bloc-form .frm_form_field.frm_right_container .frm_opt_container,.bloc-form .frm_form_field.frm_right_container .frm-g-recaptcha,.bloc-form .frm_form_field.frm_right_container .g-recaptcha,.bloc-form .frm_form_field.frm_right_container .chosen-container { max-width:100% !important } .bloc-form .frm_left_container>p.description::before,.bloc-form .frm_left_container>div.description::before,.bloc-form .frm_left_container>div.frm_description::before,.bloc-form .frm_left_container>.frm_error::before,.bloc-form .frm_right_container>p.description::after,.bloc-form .frm_right_container>div.description::after,.bloc-form .frm_right_container>div.frm_description::after,.bloc-form .frm_right_container>.frm_error::after { display: none !important } .bloc-form .frm_left_container .frm_primary_label,.bloc-form .frm_right_container .frm_primary_label { width: 100% !important; max-width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important } .bloc-form .frm_form_field.frm_half.frm_left_container input:not([type='radio']):not([type='checkbox']),.bloc-form .frm_form_field.frm_half.frm_left_container select,.bloc-form .frm_form_field.frm_half.frm_left_container textarea,.bloc-form .frm_form_field.frm_half.frm_left_container .frm_opt_container,.bloc-form .frm_form_field.frm_half.frm_left_container.frm-g-recaptcha,.bloc-form .frm_form_field.frm_half.frm_left_container.g-recaptcha,.bloc-form .frm_form_field.frm_half.frm_left_container .chosen-container,.bloc-form .frm_form_field.frm_half.frm_right_container input:not([type='radio']):not([type='checkbox']),.bloc-form .frm_form_field.frm_half.frm_right_container select,.bloc-form .frm_form_field.frm_half.frm_right_container textarea,.bloc-form .frm_form_field.frm_half.frm_right_container .frm_opt_container,.bloc-form .frm_form_field.frm_half.frm_right_container.frm-g-recaptcha,.bloc-form .frm_form_field.frm_half.frm_right_container.g-recaptcha,.bloc-form .frm_form_field.frm_half.frm_right_container .chosen-container { max-width: 100% !important } .bloc-form .frm_form_field.frm_left_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_right_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_first_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_last_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_half.frm_left_container .frm_primary_label,.bloc-form .frm_form_field.frm_left_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_right_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_first_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_last_half.frm_right_container .frm_primary_label,.bloc-form .frm_form_field.frm_half.frm_right_container .frm_primary_label { max-width: 100% !important; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; width: 100% !important } .bloc-form .frm_repeat_inline,.bloc-form .frm_repeat_grid { margin: 20px 0 } .bloc-form .frm_form_field.frm_first_half.frm_right_container div.frm_description,.bloc-form .frm_form_field.frm_first_half.frm_right_container .frm_error,.bloc-form .frm_form_field.frm_first_half .frm_right_container div.frm_description,.bloc-form .frm_form_field.frm_first_half .frm_right_container .frm_error,.bloc-form .frm_form_field.frm_last_half.frm_right_container div.frm_description,.bloc-form .frm_form_field.frm_last_half.frm_right_container .frm_error,.bloc-form .frm_form_field.frm_half.frm_right_container div.frm_description,.bloc-form .frm_form_field.frm_half.frm_right_container .frm_error,.bloc-form .frm_form_field.frm_first_half.frm_left_container div.frm_description,.bloc-form .frm_form_field.frm_first_half.frm_left_container .frm_error,.bloc-form .frm_form_field.frm_first_half .frm_left_container div.frm_description,.bloc-form .frm_form_field.frm_first_half .frm_left_container .frm_error,.bloc-form .frm_form_field.frm_last_half.frm_left_container div.frm_description,.bloc-form .frm_form_field.frm_last_half.frm_left_container .frm_error,.bloc-form .frm_form_field.frm_half.frm_left_container div.frm_description,.bloc-form .frm_form_field.frm_half.frm_left_container .frm_error { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0 } .bloc-form .frm_form_field.frm2,.bloc-form .frm_submit.frm2,.bloc-form .frm_form_field.frm3,.bloc-form .frm_submit.frm3,.bloc-form .frm_form_field.frm4,.bloc-form .frm_submit.frm4,.bloc-form .frm_form_field.frm6,.bloc-form .frm_submit.frm6,.bloc-form .frm_form_field.frm8,.bloc-form .frm_submit.frm8,.bloc-form .frm_form_field.frm9,.bloc-form .frm_submit.frm9,.bloc-form .frm_form_field.frm10,.bloc-form .frm_submit.frm10,.bloc-form .frm_form_field.frm_half,.bloc-form .frm_submit.frm_half,.bloc-form .frm_form_field.frm_left_half,.bloc-form .frm_form_field.frm_right_half,.bloc-form .frm_form_field.frm_first_half,.bloc-form .frm_form_field.frm_last_half,.bloc-form .frm_form_field.frm_first_third,.bloc-form .frm_form_field.frm_third,.bloc-form .frm_submit.frm_third,.bloc-form .frm_form_field.frm_last_third,.bloc-form .frm_form_field.frm_first_two_thirds,.bloc-form .frm_form_field.frm_last_two_thirds,.bloc-form .frm_form_field.frm_two_thirds,.bloc-form .frm_form_field.frm_left_fourth,.bloc-form .frm_form_field.frm_fourth,.bloc-form .frm_submit.frm_fourth,.bloc-form .frm_form_field.frm_right_fourth,.bloc-form .frm_form_field.frm_first_fourth,.bloc-form .frm_form_field.frm_last_fourth,.bloc-form .frm_form_field.frm_three_fourths,.bloc-form .frm_form_field.frm_fifth,.bloc-form .frm_submit.frm_fifth,.bloc-form .frm_form_field.frm_two_fifths,.bloc-form .frm_form_field.frm_three_fifths,.bloc-form .frm_form_field.frm_four_fifths,.bloc-form .frm_form_field.frm_sixth,.bloc-form .frm_submit.frm_sixth,.bloc-form .frm_form_field.frm_seventh,.bloc-form .frm_submit.frm_seventh,.bloc-form .frm_form_field.frm_eighth,.bloc-form .frm_submit.frm_eighth,.bloc-form .frm_form_field.frm_first_inline,.bloc-form .frm_form_field.frm_inline,.bloc-form .frm_submit.frm_inline,.bloc-form .frm_form_field.frm_last_inline { width: 100%; margin-left: 0; margin-right: 0; clear: both; float: none } .bloc-form .frm_form_field.frm_four_col .frm_radio,.bloc-form .frm_form_field.frm_four_col .frm_checkbox { width: 48% } .bloc-form .frm_form_field.frm_four_col .frm_radio:nth-child(2n+2),.bloc-form .frm_form_field.frm_four_col .frm_checkbox:nth-child(2n+2) { margin-right: 0 } } @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } 30%,70% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px) } 100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px) } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } 30%,70% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px) } 100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px) } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } 30% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px) } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } 30% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px) } } .bloc-form .frm_dropzone,.bloc-form .frm_dropzone * { -webkit-box-sizing: border-box; box-sizing: border-box } .bloc-form .frm_dropzone.dz-clickable { margin-top: 5px; line-height: 1.42857143 } .bloc-form .frm_dropzone.dz-clickable * { cursor: default } .bloc-form .frm_dropzone.dz-clickable.frm_single_upload { max-width: 100% } .bloc-form .frm_dropzone.dz-clickable.frm_single_upload.dz-started { max-width: 100% } .bloc-form .frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload,.bloc-form .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload { max-width: 100% } .bloc-form .frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload .dz-message,.bloc-form .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload .dz-message { margin: .5em 0 1em } .bloc-form .frm_dropzone .dz-message { border: 2px dashed #dfdfdf; background: #ffffff; padding: 20px; border-radius: 5px; cursor: pointer; display: none; font-size: 20px; text-align: center; margin: .5em 0 1em } .bloc-form .frm_dropzone.dz-clickable.frm_single_upload .dz-message { margin: 0 0 .5em 0 } .bloc-form .frm_dropzone.frm_single_upload.dz-started .dz-message { display: none } .bloc-form .frm_dropzone.dz-clickable .dz-message,.bloc-form .frm_dropzone .frm_upload_icon { display: block } .bloc-form .frm_dropzone.dz-clickable .dz-message,.bloc-form .frm_dropzone.dz-clickable .dz-message * { cursor: pointer } .bloc-form #frm_form_editor_container .frm_dropzone.dz-clickable,.bloc-form #frm_form_editor_container .frm_dropzone.dz-clickable * { cursor: default } .bloc-form .frm_dropzone.dz-drag-hover .dz-message { opacity: 0.5 } .bloc-form .frm_dropzone .frm_upload_icon:before { font-size: 40px } .bloc-form .frm_dropzone .frm_small_text { font-size: 14px } .bloc-form .frm_dropzone.dz-drag-hover { border-style: solid } .bloc-form .frm_dropzone .dz-preview { padding: 15px 0; border-bottom: 1px solid #dfdfdf } .bloc-form .frm_dropzone .dz-preview:last-child { border-bottom: none } .bloc-form .frm_dropzone .dz-preview:hover { z-index: 1000 } .bloc-form .frm_dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1 } .bloc-form .frm_dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear } .bloc-form .frm_dropzone .dz-preview .dz-remove { cursor: pointer; border: none; float: right } .bloc-form .frm_dropzone .dz-preview:hover .dz-details { opacity: 1 } .bloc-form .frm_dropzone .dz-preview .dz-details { font-size: 14px; margin: 5px 0 10px } .bloc-form .frm_dropzone .dz-preview .dz-details .dz-size,.bloc-form .frm_dropzone .dz-preview .dz-details .dz-filename { display: inline-block; overflow: hidden; white-space: nowrap } .bloc-form .frm_dropzone .dz-preview .dz-details .dz-size strong { font-weight: normal } .bloc-form .frm_dropzone .dz-preview .dz-details .dz-filename { max-width: 75%; text-overflow: ellipsis; padding-right: 5px } .bloc-form .frm_dropzone .dz-preview .dz-details .dz-filename a { cursor: pointer } .bloc-form .frm_dropzone .dz-preview .dz-column { float: left; width: 68% } .bloc-form .frm_dropzone .dz-preview .dz-image { overflow: hidden; width: 30%; height: 60px; display: block; float: right; margin-left: 2%; margin-top: 5px } .bloc-form .frm_dropzone .dz-preview .dz-image img { display: block; margin: 0 auto; max-height: 60px } .bloc-form .frm_dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-form .frm_dropzone .dz-preview.dz-processing .dz-progress { -webkit-transition: all 0.2s linear; transition: all 0.2s linear } .bloc-form .frm_dropzone .dz-preview .dz-progress { pointer-events: none; position: relative; height: 10px; width: 100%; background: #ddd; -webkit-transform: scale(1); border-radius: 8px; overflow: hidden } .bloc-form .frm_dropzone .dz-preview .dz-progress .dz-upload,.bloc-form .frm_dropzone .dz-preview.dz-complete .dz-progress { background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); background: -webkit-linear-gradient(top, #666, #444); background: linear-gradient(to bottom, #666, #444) } .bloc-form .frm_dropzone .dz-preview .dz-progress .dz-upload { position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out } .bloc-form .frm_dropzone .dz-preview.dz-error .dz-error-message { display: block; opacity: 1; pointer-events: auto } .bloc-form .frm_dropzone .dz-preview .dz-error-message { pointer-events: none; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #B94A48; padding: 0.5em } .bloc-form .frm_dropzone .fallback input[type=file] { display: block } .bloc-form .frm_compact_text { display: none } .bloc-form .frm_compact .frm_dropzone.dz-clickable { min-height: 60px; padding: 0; border: none; background-color: transparent } .bloc-form .frm_compact .frm_dropzone.dz-clickable.frm_single_upload { max-width: 100% } .bloc-form .frm_compact .frm_compact_text { display: inline } .bloc-form .frm_compact .frm_dropzone.frm_single_upload.dz-started .dz-message,.bloc-form .frm_compact .frm_dropzone.dz-clickable.frm_single_upload .dz-message,.bloc-form .frm_compact .frm_dropzone.dz-clickable .dz-message { font-size: 14px; border: 1px solid #dfdfdf; background: #fff; display: inline-block; border-radius: 4px; padding: 6px 11px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 1px #eeeeee; box-shadow: 0 1px 1px #eeeeee; vertical-align: middle; margin: 0 0 1em } .bloc-form .frm_compact .frm_dropzone .frm_upload_icon:before { font-size: 22px; padding-right: 7px; vertical-align: middle } .bloc-form .frm_compact .frm_dropzone .frm_upload_icon { display: inline } .bloc-form .frm_compact .frm_dropzone .dz-preview { min-height: 20px; max-width: 200px; margin: 0 5px; padding: 0; display: inline-block; border-bottom: none } .bloc-form .frm_compact .frm_dropzone .dz-preview.frm_clearfix:after { content: '' } .bloc-form .frm_compact .frm_dropzone .frm_upload_text,.bloc-form .frm_compact .frm_dropzone .frm_small_text,.bloc-form .frm_compact .frm_dropzone .dz-preview .dz-image,.bloc-form .frm_compact .frm_dropzone .dz-preview .dz-details .dz-size { display: none } .bloc-form .frm_compact .frm_dropzone .dz-preview .dz-details { margin: 0 } .bloc-form .frm_compact .frm_dropzone .dz-preview .dz-column { float: none; width: 100% } .bloc-form .frm_compact .frm_dropzone .dz-preview .dz-details .dz-filename { overflow: hidden; text-overflow: ellipsis } .bloc-form .frm-show-form .dz-hidden-input { display: none } .bloc-form .frm_hidden,.bloc-form .frm_add_form_row.frm_hidden,.bloc-form .frm_remove_form_row.frm_hidden,.bloc-form .frm_button.frm_hidden { display: none !important } .bloc-form form .frm_verify { display: none !important } .bloc-form fieldset { min-width: 0 } .bloc-form fieldset fieldset { border: none; margin: 0; padding: 0; background-color: transparent } .bloc-form legend.frm_hidden { display: none !important } .bloc-form .frm_form_fields { opacity: 1; -webkit-transition: opacity 0.1s linear; transition: opacity 0.1s linear } .bloc-form .frm_doing_ajax { opacity: .5 } .bloc-form .frm_transparent { color: transparent } .bloc-form .input[type=file].frm_transparent:focus,.bloc-form input[type=file] { background-color: transparent; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none } .bloc-form input[type=file] { display: initial } .bloc-form .frm_preview_page:before { content: normal !important } .bloc-form .frm_preview_page { padding: 25px } .bloc-form .frm_primary_label { max-width: 100% } .bloc-form .frm_top_container .frm_primary_label,.bloc-form .frm_hidden_container .frm_primary_label,.bloc-form .frm_pos_top { display: block; float: none; width: auto } .bloc-form .frm_inline_container .frm_primary_label { margin-right: 10px } .bloc-form .frm_right_container .frm_primary_label,.bloc-form .frm_pos_right { display: inline; float: right; margin-left: 10px } .bloc-form .frm_none_container .frm_primary_label,.bloc-form .frm_pos_none,.bloc-form .frm_pos_none,.bloc-form .frm_none_container .frm_primary_label { display: none } .bloc-form .frm_section_heading.frm_hide_section { margin-top: 0 !important } .bloc-form .frm_hidden_container .frm_primary_label,.bloc-form .frm_pos_hidden,.bloc-form .frm_hidden_container .frm_primary_label { visibility: hidden; white-space: nowrap } .bloc-form .frm_inside_container .frm_primary_label { display: none !important } .bloc-form .frm_inside_container label.frm_visible,.bloc-form .frm_visible { opacity: 1 } .bloc-form .frm_description { clear: both } .bloc-form input[type=number][readonly] { -moz-appearance: textfield } .bloc-form select[multiple="multiple"] { height: auto; line-height: normal } .bloc-form .frm_catlevel_2,.bloc-form .frm_catlevel_3,.bloc-form .frm_catlevel_4,.bloc-form .frm_catlevel_5 { margin-left: 18px } .bloc-form .wp-editor-container { border: 1px solid #e5e5e5 } .bloc-form .quicktags-toolbar input { font-size: 12px !important } .bloc-form .wp-editor-container textarea { border: none } .bloc-form textarea { height: auto } .bloc-form .auto_width #loginform input,.bloc-form .auto_width input,.bloc-form input.auto_width,.bloc-form select.auto_width,.bloc-form textarea.auto_width { width: auto } .bloc-form .frm_repeat_buttons { white-space: nowrap } .bloc-form .frm_button { text-decoration: none; border: 1px solid #eee; padding: 5px; display: inline } .bloc-form .frm_submit { clear: both } .bloc-form .frm_inline_form .frm_form_field,.bloc-form .frm_inline_form .frm_submit { grid-column: span 1 / span 1 } .bloc-form .frm_inline_form .frm_submit { margin: 0 } .bloc-form .frm_submit.frm_inline_submit input[type=submit],.bloc-form .frm_submit.frm_inline_submit button,.bloc-form .frm_inline_form .frm_submit input[type=submit],.bloc-form .frm_inline_form .frm_submit button { margin-top: 0 } .bloc-form .frm_center_submit .frm_submit { text-align: center } .bloc-form .frm_center_submit .frm_submit input[type=submit],.bloc-form .frm_center_submit .frm_submit input[type=button],.bloc-form .frm_center_submit .frm_submit button { margin-bottom: 8px !important } .bloc-form .frm_submit input[type=submit],.bloc-form .frm_submit input[type=button],.bloc-form .frm_submit button { -webkit-appearance: none; cursor: pointer } .bloc-form .frm_center_submit .frm_submit .frm_ajax_loading { display: block; margin: 0 auto } .bloc-form .frm_loading_form .frm_ajax_loading { visibility: visible !important } .bloc-form .frm_loading_form .frm_button_submit { position: relative; opacity: .8; color: transparent !important; text-shadow: none !important } .bloc-form .frm_loading_form .frm_button_submit:hover,.bloc-form .frm_loading_form .frm_button_submit:active,.bloc-form .frm_loading_form .frm_button_submit:focus { cursor: not-allowed; color: transparent; outline: none !important; -webkit-box-shadow: none; box-shadow: none } .bloc-form .frm_loading_form .frm_button_submit:before { content: ''; display: inline-block; position: absolute; background: transparent; border: 1px solid #fff; border-top-color: transparent; border-left-color: transparent; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite } .bloc-form .frm_ajax_loading { visibility: hidden; width: auto } .bloc-form .frm_form_submit_style { height: auto } .bloc-form a.frm_save_draft { cursor: pointer } .bloc-form .horizontal_radio .frm_radio { margin: 0 30px 0 0 } .bloc-form .horizontal_radio .frm_checkbox { margin: 0; margin-right: 30px } .bloc-form .vertical_radio .frm_checkbox,.bloc-form .vertical_radio .frm_radio,.bloc-form .vertical_radio .frm_catlevel_1 { display: block } .bloc-form .horizontal_radio .frm_checkbox,.bloc-form .horizontal_radio .frm_radio,.bloc-form .horizontal_radio .frm_catlevel_1 { display: inline-block } .bloc-form .frm_checkbox label,.bloc-form .frm_radio label { display: inline; white-space: normal } .bloc-form .vertical_radio .frm_checkbox label,.bloc-form .vertical_radio .frm_radio label { display: block; padding-left: 20px; text-indent: -20px } .bloc-form .frm_file_container .frm_file_link,.bloc-form .frm_radio label .frm_file_container,.bloc-form .frm_checkbox label .frm_file_container { display: inline-block; margin: 5px; vertical-align: middle } .bloc-form .frm_radio input[type=radio] { -webkit-appearance: radio; border-radius: 50% } .bloc-form .frm_checkbox input[type=checkbox] { -webkit-appearance: checkbox; border-radius: 0 } .bloc-form .frm_radio input[type=radio],.bloc-form .frm_checkbox input[type=checkbox] { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: inline-block; margin: 4px 5px 0 0; width: auto; border: none; vertical-align: baseline; position: initial } .bloc-form :invalid,.bloc-form :-moz-submit-invalid,.bloc-form :-moz-ui-invalid { box-shadow: none } .bloc-form .frm_error_style img { padding-right: 10px; vertical-align: middle; border: none } .bloc-form .frm_trigger { cursor: pointer } .bloc-form .frm_error_style,.bloc-form .frm_message,.bloc-form .frm_success_style { border-radius: 4px; padding: 15px } .bloc-form .frm_message p { margin-bottom: 5px } .bloc-form .frm_form_fields_style,.bloc-form .frm_form_fields_active_style,.bloc-form .frm_form_fields_error_style,.bloc-form .frm_form_submit_style { width: auto } .bloc-form .frm_trigger span { float: left } .bloc-form table.frm-grid,.bloc-form #content table.frm-grid { border-collapse: collapse; border: none } .bloc-form .frm-grid td,.bloc-form .frm-grid th { padding: 5px; border-width: 1px; border-style: solid; border-color: #000; border-top: none; border-left: none; border-right: none } .bloc-form .frm-alt-table { width: 100%; border-collapse: collapse; margin-top: 0.5em; font-size: 15px } .bloc-form .frm-alt-table th { width: 200px } .bloc-form .frm-alt-table tr { background-color: transparent } .bloc-form .frm-alt-table th,.bloc-form .frm-alt-table td { background-color: transparent; vertical-align: top; text-align: left; padding: 20px } .bloc-form table.form_results { border: 1px solid #ccc } .bloc-form table.form_results tr td { text-align: left; color: #000; padding: 7px 9px; border-top: 1px solid #000 } .bloc-form table.form_results tr.frm_even,.bloc-form .frm-grid .frm_even { background-color: #fff } .bloc-form .frm_collapse .ui-icon { display: inline-block } .bloc-form .frm_toggle_container { border: 1px solid transparent } .bloc-form .frm_toggle_container ul { margin: 5px 0; padding-left: 0; list-style-type: none } .bloc-form .frm_toggle_container .frm_month_heading { text-indent: 15px } .bloc-form .frm_toggle_container .frm_month_listing { margin-left: 40px } .bloc-form #frm_loading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999 } .bloc-form #frm_loading h3 { font-weight: 500; padding-bottom: 15px; color: #fff; font-size: 24px } .bloc-form #frm_loading_content { position: fixed; top: 20%; left: 33%; width: 33%; text-align: center; padding-top: 30px; font-weight: bold; z-index: 9999999 } .bloc-form #frm_loading img { max-width: 100% } .bloc-form #frm_loading .progress { border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden } .bloc-form #frm_loading .progress-bar { background-color: #000; -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.15) inset; box-shadow: 0 -1px 0 rgba(0,0,0,0.15) inset; float: left; height: 100%; line-height: 20px; text-align: center; -webkit-transition: width 0.6s ease 0s; transition: width 0.6s ease 0s; width: 100% } .bloc-form .frm_image_from_url { height: 50px } .bloc-form .frm-loading-img { background: url(../images/ajax_loader.gif) no-repeat center center; padding: 6px 12px } .bloc-form select.frm_loading_lookup { background-image: url(../images/ajax_loader.gif) !important; background-position: 10px; background-repeat: no-repeat; color: transparent !important } .bloc-form .frm_conf_field.frm_left_container .frm_primary_label { display: none } .bloc-form .wp-editor-wrap *,.bloc-form .wp-editor-wrap *:after,.bloc-form .wp-editor-wrap *:before { -webkit-box-sizing: content-box; box-sizing: content-box } .bloc-form .frm_grid,.bloc-form .frm_grid_first,.bloc-form .frm_grid_odd { clear: both; margin-bottom: 0 !important; padding: 5px; border-width: 1px; border-style: solid; border-color: #000; border-left: none; border-right: none } .bloc-form .frm_grid,.bloc-form .frm_grid_odd { border-top: none } .bloc-form .frm_grid .frm_error,.bloc-form .frm_grid_first .frm_error,.bloc-form .frm_grid_odd .frm_error { display: none } .bloc-form .frm_grid:after,.bloc-form .frm_grid_first:after,.bloc-form .frm_grid_odd:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .bloc-form .frm_grid_first { margin-top: 20px } .bloc-form .frm_grid .frm_primary_label,.bloc-form .frm_grid_first .frm_primary_label,.bloc-form .frm_grid_odd .frm_primary_label,.bloc-form .frm_grid .frm_radio,.bloc-form .frm_grid_first .frm_radio,.bloc-form .frm_grid_odd .frm_radio,.bloc-form .frm_grid .frm_checkbox,.bloc-form .frm_grid_first .frm_checkbox,.bloc-form .frm_grid_odd .frm_checkbox { float: left !important; display: block; margin-top: 0; margin-left: 0 !important } .bloc-form .frm_grid_first .frm_radio label,.bloc-form .frm_grid .frm_radio label,.bloc-form .frm_grid_odd .frm_radio label,.bloc-form .frm_grid_first .frm_checkbox label,.bloc-form .frm_grid .frm_checkbox label,.bloc-form .frm_grid_odd .frm_checkbox label { visibility: hidden; white-space: nowrap; text-align: left } .bloc-form .frm_grid_first .frm_radio label input,.bloc-form .frm_grid .frm_radio label input,.bloc-form .frm_grid_odd .frm_radio label input,.bloc-form .frm_grid_first .frm_checkbox label input,.bloc-form .frm_grid .frm_checkbox label input,.bloc-form .frm_grid_odd .frm_checkbox label input { visibility: visible; margin: 2px 0 0; float: right } .bloc-form .frm_grid .frm_radio,.bloc-form .frm_grid_first .frm_radio,.bloc-form .frm_grid_odd .frm_radio,.bloc-form .frm_grid .frm_checkbox,.bloc-form .frm_grid_first .frm_checkbox,.bloc-form .frm_grid_odd .frm_checkbox { display: inline } .bloc-form .frm_grid_2 .frm_radio,.bloc-form .frm_grid_2 .frm_checkbox,.bloc-form .frm_grid_2 .frm_primary_label { width: 48% !important } .bloc-form .frm_grid_2 .frm_radio,.bloc-form .frm_grid_2 .frm_checkbox { margin-right: 4% } .bloc-form .frm_grid_3 .frm_radio,.bloc-form .frm_grid_3 .frm_checkbox,.bloc-form .frm_grid_3 .frm_primary_label { width: 30% !important } .bloc-form .frm_grid_3 .frm_radio,.bloc-form .frm_grid_3 .frm_checkbox { margin-right: 3% } .bloc-form .frm_grid_4 .frm_radio,.bloc-form .frm_grid_4 .frm_checkbox { width: 20% !important } .bloc-form .frm_grid_4 .frm_primary_label { width: 28% !important } .bloc-form .frm_grid_4 .frm_radio,.bloc-form .frm_grid_4 .frm_checkbox { margin-right: 4% } .bloc-form .frm_grid_5 .frm_primary_label,.bloc-form .frm_grid_7 .frm_primary_label { width: 24% !important } .bloc-form .frm_grid_5 .frm_radio,.bloc-form .frm_grid_5 .frm_checkbox { width: 17% !important; margin-right: 2% } .bloc-form .frm_grid_6 .frm_primary_label { width: 25% !important } .bloc-form .frm_grid_6 .frm_radio,.bloc-form .frm_grid_6 .frm_checkbox { width: 14% !important; margin-right: 1% } .bloc-form .frm_grid_7 .frm_primary_label { width: 22% !important } .bloc-form .frm_grid_7 .frm_radio,.bloc-form .frm_grid_7 .frm_checkbox { width: 12% !important; margin-right: 1% } .bloc-form .frm_grid_8 .frm_primary_label { width: 23% !important } .bloc-form .frm_grid_8 .frm_radio,.bloc-form .frm_grid_8 .frm_checkbox { width: 10% !important; margin-right: 1% } .bloc-form .frm_grid_9 .frm_primary_label { width: 20% !important } .bloc-form .frm_grid_9 .frm_radio,.bloc-form .frm_grid_9 .frm_checkbox { width: 9% !important; margin-right: 1% } .bloc-form .frm_grid_10 .frm_primary_label { width: 19% !important } .bloc-form .frm_grid_10 .frm_radio,.bloc-form .frm_grid_10 .frm_checkbox { width: 8% !important; margin-right: 1% } .bloc-form .frm_form_field.frm_inline_container .frm_opt_container,.bloc-form .frm_form_field.frm_right_container .frm_opt_container,.bloc-form .frm_form_field.frm_left_container .frm_opt_container { padding-top: 4px } .bloc-form .frm_inline_container.frm_grid_first .frm_primary_label,.bloc-form .frm_inline_container.frm_grid .frm_primary_label,.bloc-form .frm_inline_container.frm_grid_odd .frm_primary_label,.bloc-form .frm_inline_container.frm_grid_first .frm_opt_container,.bloc-form .frm_inline_container.frm_grid .frm_opt_container,.bloc-form .frm_inline_container.frm_grid_odd .frm_opt_container { margin-right: 0 } .bloc-form .frm_form_field.frm_two_col .frm_opt_container,.bloc-form .frm_form_field.frm_three_col .frm_opt_container,.bloc-form .frm_form_field.frm_four_col .frm_opt_container { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; grid-gap: 0 2.5% } .bloc-form .frm_form_field.frm_three_col .frm_opt_container { grid-template-columns: repeat(3, 1fr) } .bloc-form .frm_form_field.frm_four_col .frm_opt_container { grid-template-columns: repeat(4, 1fr) } .bloc-form .frm_form_field.frm_two_col .frm_radio,.bloc-form .frm_form_field.frm_two_col .frm_checkbox,.bloc-form .frm_form_field.frm_three_col .frm_radio,.bloc-form .frm_form_field.frm_three_col .frm_checkbox,.bloc-form .frm_form_field.frm_four_col .frm_radio,.bloc-form .frm_form_field.frm_four_col .frm_checkbox { grid-column-end: span 1 } .bloc-form .frm_form_field .frm_checkbox,.bloc-form .frm_form_field .frm_checkbox+.frm_checkbox,.bloc-form .frm_form_field .frm_radio,.bloc-form .frm_form_field .frm_radio+.frm_radio { margin-top: 0; margin-bottom: 0 } .bloc-form .frm_form_field.frm_scroll_box .frm_opt_container { height: 100px; overflow: auto } .bloc-form .frm_html_container.frm_scroll_box,.bloc-form .frm_form_field.frm_html_scroll_box { height: 100px; overflow: auto; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; font-weight: normal; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset } .bloc-form .frm_form_field.frm_total input,.bloc-form .frm_form_field.frm_total textarea { opacity: 1; background-color: transparent !important; border: none !important; font-weight: bold; -moz-box-shadow: none; -webkit-box-shadow: none; width: auto !important; box-shadow: none !important; display: inline; -moz-appearance: textfield; padding: 0 } .bloc-form .frm_form_field.frm_total input::-webkit-outer-spin-button,.bloc-form .frm_form_field.frm_total input::-webkit-inner-spin-button { -webkit-appearance: none } .bloc-form .frm_form_field.frm_total input:focus,.bloc-form .frm_form_field.frm_total textarea:focus { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none } .bloc-form .frm_form_field.frm_label_justify .frm_primary_label { text-align: justify !important } .bloc-form .frm_form_field.frm_capitalize input,.bloc-form .frm_form_field.frm_capitalize select,.bloc-form .frm_form_field.frm_capitalize .frm_opt_container label { text-transform: capitalize } .bloc-form .frm_clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .bloc-form .frm_clearfix { display: block } @media only screen and (max-width: 900px) { .bloc-form .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,.bloc-form .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,.bloc-form .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label { display:block !important } } @media screen and (max-width: 599px) { .bloc-form .frm_form_field.frm_four_col .frm_opt_container { grid-template-columns:repeat(2, 1fr) } .bloc-form .frm_form_field.frm_two_col .frm_radio,.bloc-form .frm_form_field.frm_two_col .frm_checkbox,.bloc-form .frm_form_field.frm_three_col .frm_radio,.bloc-form .frm_form_field.frm_three_col .frm_checkbox { width: auto; margin-right: 0; float: none; display: block } .bloc-form .frm_form_field input[type=file] { max-width: 220px } .bloc-form .frm-g-recaptcha>div>div,.bloc-form .g-recaptcha>div>div { width: inherit !important; display: block; overflow: hidden; max-width: 302px; border-right: 1px solid #d3d3d3; border-radius: 4px; -webkit-box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.08); box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.08); -moz-box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.08) } .bloc-form .g-recaptcha iframe,.bloc-form .frm-g-recaptcha iframe { width: 100% } } .bloc-form .js .frm_logic_form:not(.frm_no_hide) { display: none } .bloc-form .frm_conf_field.frm_half label.frm_conf_label { overflow: hidden; white-space: nowrap } .bloc-form .frm_time_wrap { white-space: nowrap } .bloc-form select.frm_time_select { white-space: pre; display: inline } .bloc-form .frm_repeat_sec { margin-bottom: 20px; margin-top: 20px; padding-bottom: 15px } .bloc-form .frm_repeat_sec:last-child { border-bottom: none; padding-bottom: 0 } .bloc-form .frm_repeat_inline { clear: both } .bloc-form .frm_invisible_section .frm_form_field,.bloc-form .frm_invisible_section { display: none !important; visibility: hidden !important; height: 0; margin: 0 } .bloc-form .frm_form_field .frm_repeat_sec .frm_add_form_row,.bloc-form .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button,.bloc-form .frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button,.bloc-form .frm_form_field div.frm_repeat_inline .frm_add_form_row.frm_hide_add_button { -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; pointer-events: none } .bloc-form .frm_form_field .frm_repeat_sec .frm_add_form_row,.bloc-form .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button { display: none } .bloc-form .frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button,.bloc-form .frm_form_field div.frm_repeat_inline .frm_add_form_row.frm_hide_add_button { visibility: hidden } .bloc-form .frm_form_field div.frm_repeat_grid .frm_add_form_row,.bloc-form .frm_form_field div.frm_repeat_inline .frm_add_form_row,.bloc-form .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row { display: inline-block; visibility: visible; pointer-events: auto } .bloc-form .frm_add_form_row.frm_button.frm_hidden:last-child,.bloc-form .frm_add_form_row.frm_icon_font.frm_hidden:last-child { display: inline-block } .bloc-form .frm_repeat_inline .frm_repeat_buttons a.frm_icon_font { vertical-align: sub } .bloc-form .frm_repeat_inline .frm_repeat_buttons a.frm_icon_font:before { vertical-align: text-top } .bloc-form .frm_repeat_grid .frm_button,.bloc-form .frm_repeat_inline .frm_button,.bloc-form .frm_repeat_sec .frm_button { display: inline-block; line-height: 1 } .bloc-form .frm_repeat_sec .frm_button .frm_icon_font:before,.bloc-form .frm_repeat_grid .frm_button .frm_icon_font:before,.bloc-form .frm_repeat_inline .frm_button .frm_icon_font:before { line-height: 1 } .bloc-form .frm_form_field .frm_repeat_grid ~ .frm_repeat_grid .frm_form_field .frm_primary_label { display: none !important } .bloc-form .frm_scale { margin-right: 15px; text-align: center; float: left } .bloc-form .frm_scale input { display: block; margin: 0 } .bloc-form .frm-star-group { padding-bottom: 10px } .bloc-form .frm-star-group:hover label:before { color: #F0AD4E } .bloc-form .frm-star-group label:hover ~ label:before { color: #E0E0E0 !important } .bloc-form .frm-star-group input { display: none !important } .bloc-form .frm-star-group input>* { float: left } .bloc-form .frm-star-group input:checked+label ~ label:before { color: #E0E0E0 !important } .bloc-form .frm-star-group .star-rating,.bloc-form .frm-star-group input+label { float: left; width: 25px; height: 25px; font-size: 25px; line-height: 1; cursor: pointer; display: block; background: transparent; overflow: hidden !important; clear: none; font-style: normal; padding-right: 15px } .bloc-form .frm-star-group input+label:before,.bloc-form .frm-star-group .star-rating:before { content: "\e90b"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; color: #F0AD4E; display: inline-block; vertical-align: top } .bloc-form .frm-star-group input[type=radio]:checked+label:before,.bloc-form .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked+label:before { color: #F0AD4E } .bloc-form .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked+label:before,.bloc-form .frm-star-group input+label:hover:before,.bloc-form .frm-star-group:hover input+label:hover:before,.bloc-form .frm-star-group .star-rating-on:before,.bloc-form .frm-star-group .star-rating-hover:before { color: #F0AD4E } .bloc-form .frm-star-group .star-rating-readonly { cursor: default !important } .bloc-form .frm_other_input.frm_other_full { margin-top: 10px } .bloc-form .frm_left_container .frm_other_input { grid-column: 2 } .bloc-form .frm_inline_container.frm_other_container .frm_other_input,.bloc-form .frm_left_container.frm_other_container .frm_other_input { margin-left: 5px } .bloc-form .frm_right_container.frm_other_container .frm_other_input { margin-right: 5px } .bloc-form .frm_inline_container.frm_other_container select ~ .frm_other_input,.bloc-form .frm_right_container.frm_other_container select ~ .frm_other_input,.bloc-form .frm_left_container.frm_other_container select ~ .frm_other_input { margin: 0 } .bloc-form .frm_pagination_cont ul.frm_pagination { display: inline-block; list-style: none; margin-left: 0 !important } .bloc-form .frm_pagination_cont ul.frm_pagination>li { display: inline; list-style: none; margin: 2px; background-image: none } .bloc-form ul.frm_pagination>li.active a { text-decoration: none } .bloc-form .frm_pagination_cont ul.frm_pagination>li:first-child { margin-left: 0 } .bloc-form .archive-pagination.frm_pagination_cont ul.frm_pagination>li { margin: 0 } .bloc-form .frmcal { padding-top: 30px } .bloc-form .frmcal-title { font-size: 116% } .bloc-form .frmcal table.frmcal-calendar { border-collapse: collapse; margin-top: 20px } .bloc-form .frmcal table.frmcal-calendar,.bloc-form .frmcal,.bloc-form .frmcal-header { width: 100% } .bloc-form .frmcal-header { text-align: center } .bloc-form .frmcal-prev { margin-right: 10px } .bloc-form .frmcal-prev,.bloc-form .frmcal-dropdown { float: left } .bloc-form .frmcal-dropdown { margin-left: 5px } .bloc-form .frmcal-next { float: right } .bloc-form .frmcal table.frmcal-calendar thead tr th { text-align: center; padding: 2px 4px } .bloc-form .frmcal table.frmcal-calendar tbody tr td { height: 110px; width: 14.28%; vertical-align: top; padding: 0 !important; color: #000; font-size: 12px } .bloc-form table.frmcal-calendar .frmcal_date { background-color: #A1A1A1; padding: 0 5px; text-align: right; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1) } .bloc-form table.frmcal-calendar .frmcal-today .frmcal_date { background-color: #A1A1A1; padding: 0 5px; text-align: right; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1) } .bloc-form .frmcal_day_name,.bloc-form .frmcal_num { display: inline } .bloc-form .frmcal-content { padding: 2px 4px } .bloc-form .frm_switch_opt { padding: 0 8px 0 0; white-space: normal; display: inline; vertical-align: middle } .bloc-form .frm_on_label { padding: 0 0 0 8px } .bloc-form .frm_switch { position: relative; display: inline-block; width: 60px; height: 24px; vertical-align: middle } .bloc-form .frm_switch input { display: none !important } .bloc-form .frm_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #E0E0E0; -webkit-transition: .4s; transition: .4s; border-radius: 30px } .bloc-form .frm_slider:before { border-radius: 50%; position: absolute; content: ""; height: 15px; width: 15px; left: 3px; top: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2) } .bloc-form input:checked+.frm_slider { background-color: #000 } .bloc-form input:checked+.frm_slider:before { -webkit-transform: translateX(38px); -ms-transform: translateX(38px); transform: translateX(38px) } .bloc-form .frm_range_value { display: inline-block; margin-top: 20px } .bloc-form input[type=range] { border-radius: 25px; border: none; height: 10px; cursor: pointer; padding: 0; display: block; width: 100%; font-size: 14px; background: #E0E0E0; margin: 10px 0 -5px 0 } .bloc-form input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; -webkit-border-radius: 20px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #000; color: #000; background-color: #000; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out } .bloc-form input[type=range]::-webkit-slider-thumb:hover { background: #000 } .bloc-form input[type=range]:active::-webkit-slider-thumb { background: #000 } .bloc-form input[type=range]::-moz-range-thumb { -webkit-appearance: none; -webkit-border-radius: 20px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #000; color: #000; background-color: #000; cursor: pointer; -moz-transition: background .15s ease-in-out; transition: background .15s ease-in-out } .bloc-form input[type=range]::-moz-range-thumb:hover { background: #000 } .bloc-form input[type=range]:active::-moz-range-thumb { background: #000 } .bloc-form input[type=range]:active,.bloc-form input[type=range]:focus { outline: none; -webkit-box-shadow: none !important; box-shadow: none !important } .bloc-form .frm_range_container { text-align: center } .bloc-form input[type=range]::-moz-range-track { border-color: transparent; border-width: 39px 0; color: transparent } @media screen and (max-width: 599px) { .bloc-form .frm-pass-req,.bloc-form .frm-pass-verified { width:50% !important; white-space: nowrap } } .bloc-form .frm-pass-req,.bloc-form .frm-pass-verified { float: left; width: 20%; line-height: 20px; font-size: 12px; padding-top: 4px; min-width: 175px } .bloc-form .frm-pass-req:before,.bloc-form .frm-pass-verified:before { padding-right: 4px; font-size: 12px !important; vertical-align: middle !important } .bloc-form span.frm-pass-verified::before { content: '\e606' } .bloc-form span.frm-pass-req::before { content: '\e608' } .bloc-form div.frm-password-strength { width: 100%; float: left } .bloc-form div.frm_repeat_grid:after,.bloc-form div.frm_repeat_inline:after,.bloc-form div.frm_repeat_sec:after { content: ''; display: table; clear: both } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group { margin: 20px 0 30px 0 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar { list-style-type: none; margin: 0 0 5px 0; padding: 0; width: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li { display: inline-block; -ms-flex: 1; -webkit-box-flex: 1; flex: 1 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li.frm_current_page input { background: #1A1A1A; color: #fff; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li.frm_current_page input:hover,body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li.frm_current_page input:focus { background: #F1F1F1; color: #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li:first-child input { border-top-left-radius: 13px; border-bottom-left-radius: 13px } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li:last-child input { border-top-right-radius: 13px; border-bottom-right-radius: 13px } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li input { padding: 0; border: none; background: #F1F1F1; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li input.frm_page_back { background: #1A1A1A; color: #fff } body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li input:hover,body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group ul.frm_page_bar li input:focus { cursor: pointer; border-color: #000; background: #d8d8d8; color: #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_page_bar input,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_page_bar input:disabled { -webkit-transition: background-color 0.1s ease; transition: background-color 0.1s ease; color: #fff; background-color: #000; font-size: 18px; border-width: 2px; border-style: solid; border-color: #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_page_bar input:focus { outline: none } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line input.frm_page_back { background-color: #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_page_bar .frm_current_page input[type="button"] { background-color: #000; border-color: #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline_single { text-align: center; margin: 0; padding: 0 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_current_page .frm_rootline_title { color: #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline_title,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_pages_complete,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_percent_complete { font-size: 14px; padding: 4px 0 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_pages_complete { float: right } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_percent_complete { float: left } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line input,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line input:disabled { width: 100%; border: none; border-top: 1px solid #000; border-bottom: 1px solid #000; -webkit-box-shadow: inset 0 10px 20px -15px #aaa; box-shadow: inset 0 10px 20px -15px #aaa; margin: 5px 0; padding: 6px 0; border-radius: 0; font-size: 0; line-height: 15px } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line.frm_show_lines input { border-left: 1px solid #000; border-right: 1px solid #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_progress_line .frm_rootline_single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line li:first-of-type input { border-left: 1px solid #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line li:last-of-type input { border-right: 1px solid #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-right: 1px solid #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-left: 1px solid #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right: 1px solid #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line input.frm_page_back { border-color: #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line.frm_show_lines input.frm_page_back { border-left-color: #000; border-right-color: #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rtl.frm_forms .frm_progress_line li:first-of-type input { border-right: 1px solid #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rtl.frm_forms .frm_progress_line li:last-of-type input { border-left: 1px solid #000 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rtl.frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-left: 1px solid #000; border-right: none } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rtl.frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-right: 1px solid #000; border-left: none } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rtl.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-left: 1px solid #000; border-right: none } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_show_lines:before { border-top-width: 5px; border-top-style: solid; border-top-color: #000; content: ""; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_show_lines { position: relative; z-index: 1 } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_show_lines span { display: block } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_rootline input { width: 100%; height: auto } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_rootline input:focus { border-color: #31AC5B } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_rootline .frm_current_page input[type="button"] { border-color: #000; background-color: #000; color: #fff } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line input,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line input:disabled,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_progress_line .frm_current_page input[type="button"],.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_rootline.frm_no_numbers input,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_forms .frm_rootline.frm_no_numbers .frm_current_page input[type="button"] { color: transparent !important } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_progress span.frm_rootline_title,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_rootline_10 span.frm_rootline_title,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_rootline_9 span.frm_rootline_title,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_rootline_8 span.frm_rootline_title,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_rootline_7 span.frm_rootline_title,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_rootline_6 span.frm_rootline_title,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_rootline_5 span.frm_rootline_title { display:none } .bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_rootline_4 span.frm_rootline_title,.bloc-form .frm_forms form .frm_form_fields .frm_rootline_group .frm_rootline.frm_rootline_3 span.frm_rootline_title { display: none } } .menu-pro { background: #000; height: 3.75rem; line-height: 3.75rem; position: absolute; z-index: 100; overflow: hidden; left: 0; right: 0; bottom: 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .menu-pro { position:static } } .sub-menu-open .menu-pro { z-index: 100 !important } .menu-pro>div { position: relative; height: 3.75rem !important; font-size: 0 } .menu-pro>div>* { display: inline-block; vertical-align: top } @media screen and (max-width: calc(1200px + 80px + 80px)) { .menu-pro>div>* { white-space:nowrap; overflow: auto } } .menu-pro .title-groupes { width: 20% } @media screen and (max-width: 599px) { .menu-pro .title-groupes { display:none } } .menu-pro .title-groupes span { font-family: "Roboto",Sans-Serif; font-size: 1.625rem; font-weight: 700; color: #fff; line-height: 3.75rem; display: block; text-transform: uppercase } .menu-pro ul { width: 80%; padding: 0; text-align: right } @media screen and (max-width: 599px) { .menu-pro ul { width:100%; text-align: left } } .menu-pro ul li { display: inline-block; vertical-align: middle; margin-bottom: 0 } .menu-pro ul li:nth-child(1) a { padding-left: 0 } .menu-pro ul li:last-child a { padding-right: 0 } .menu-pro ul li a { font-family: "Roboto",Sans-Serif; font-size: 1.375rem; font-weight: 700; color: #fff; line-height: 3.75rem; text-transform: uppercase; padding: 0 20px } .menu-pro ul li a:hover { color: #1ec459 } .menu-green-bg#header-v2,.page-template-page-listing-event #header-v2 { background-color: #1ec459; -webkit-transform: none; -ms-transform: none; transform: none } .menu-green-bg#header-v2 .button-menu .menu-burger,.page-template-page-listing-event #header-v2 .button-menu .menu-burger { background-color: #fff } .menu-green-bg#header-v2 .button-menu .menu-burger span,.page-template-page-listing-event #header-v2 .button-menu .menu-burger span { background-color: #000 } .menu-green-bg#header-v2 .button-menu .menu-burger span:before,.page-template-page-listing-event #header-v2 .button-menu .menu-burger span:before,.menu-green-bg#header-v2 .button-menu .menu-burger span:after,.page-template-page-listing-event #header-v2 .button-menu .menu-burger span:after { background-color: #000 } .menu-green-bg#header-v2 .button-menu small,.page-template-page-listing-event #header-v2 .button-menu small { color: #000; display: none } .menu-green-bg#header-v2 .button-menu:hover .menu-burger,.page-template-page-listing-event #header-v2 .button-menu:hover .menu-burger,.menu-green-bg#header-v2 .button-menu:focus .menu-burger,.page-template-page-listing-event #header-v2 .button-menu:focus .menu-burger { background-color: #000 } .menu-green-bg#header-v2 .button-menu:hover .menu-burger span,.page-template-page-listing-event #header-v2 .button-menu:hover .menu-burger span,.menu-green-bg#header-v2 .button-menu:focus .menu-burger span,.page-template-page-listing-event #header-v2 .button-menu:focus .menu-burger span { background-color: #fff } .menu-green-bg#header-v2 .button-menu:hover .menu-burger span:before,.page-template-page-listing-event #header-v2 .button-menu:hover .menu-burger span:before,.menu-green-bg#header-v2 .button-menu:hover .menu-burger span:after,.page-template-page-listing-event #header-v2 .button-menu:hover .menu-burger span:after,.menu-green-bg#header-v2 .button-menu:focus .menu-burger span:before,.page-template-page-listing-event #header-v2 .button-menu:focus .menu-burger span:before,.menu-green-bg#header-v2 .button-menu:focus .menu-burger span:after,.page-template-page-listing-event #header-v2 .button-menu:focus .menu-burger span:after { background-color: #fff } .menu-green-bg#header-v2 .content-wrapper,.page-template-page-listing-event #header-v2 .content-wrapper { height: 80px } .menu-green-bg#header-v2 .content-wrapper .logo,.page-template-page-listing-event #header-v2 .content-wrapper .logo { height: 80px; line-height: 77px } .menu-green-bg#header-v2 .content-wrapper .logo figure,.page-template-page-listing-event #header-v2 .content-wrapper .logo figure { display: none } .menu-green-bg#header-v2 .content-wrapper .logo figure+figure,.page-template-page-listing-event #header-v2 .content-wrapper .logo figure+figure { display: block } .menu-green-bg#header-v2 .content-wrapper .logo figure img,.page-template-page-listing-event #header-v2 .content-wrapper .logo figure img { width: 105px; height: auto } .menu-green-bg#header-v2 .content-wrapper nav ul li,.page-template-page-listing-event #header-v2 .content-wrapper nav ul li { height: auto; line-height: normal } .menu-green-bg#header-v2 .content-wrapper nav ul li label,.page-template-page-listing-event #header-v2 .content-wrapper nav ul li label,.menu-green-bg#header-v2 .content-wrapper nav ul li a,.page-template-page-listing-event #header-v2 .content-wrapper nav ul li a { color: #000 } .menu-green-bg#header-v2 .content-wrapper nav ul li label:after,.page-template-page-listing-event #header-v2 .content-wrapper nav ul li label:after,.menu-green-bg#header-v2 .content-wrapper nav ul li a:after,.page-template-page-listing-event #header-v2 .content-wrapper nav ul li a:after { background-color: #000 } .menu-green-bg#header-v2 .content-wrapper nav ul li label:focus,.page-template-page-listing-event #header-v2 .content-wrapper nav ul li label:focus,.menu-green-bg#header-v2 .content-wrapper nav ul li a:focus,.page-template-page-listing-event #header-v2 .content-wrapper nav ul li a:focus { outline: 1px dashed #000 } .menu-green-bg#header-v2 .content-wrapper .wrapper-circle .lang>a,.page-template-page-listing-event #header-v2 .content-wrapper .wrapper-circle .lang>a { color: #000 } #breadcrumb { position: absolute; z-index: 500; left: 0; right: 0; bottom: 1.5625rem; width: 100%; text-align: left; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width: 1280px) { #breadcrumb { width:calc(100% - 80px) } } @media screen and (max-width: 599px) { #breadcrumb { display:none } } #breadcrumb .breadcrumb-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0 } #breadcrumb>div { position: relative } #breadcrumb>div>span { overflow: hidden; text-overflow: ellipsis } #breadcrumb li { display: inline-block; height: 1.375rem; padding-left: 1.375rem; font-size: .8125rem !important; line-height: 20px } #breadcrumb li:before { content: ''; position: absolute; width: .625rem; height: 1px; background: #000; left: .3125rem; top: .8125rem } #breadcrumb li:first-of-type { padding-left: 0 } #breadcrumb li:first-of-type:before { display: none } #breadcrumb li:last-of-type { font-weight: 700; line-height: 22px; vertical-align: middle } #breadcrumb span { display: inline-block; white-space: nowrap; font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #fff; line-height: 22px } #breadcrumb span.breadcrumb_last { font-weight: 700; text-overflow: ellipsis; white-space: nowrap; max-width: 500px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; margin-top: 2px } @media screen and (min-width: 1600px) { #breadcrumb span.breadcrumb_last { max-width:800px } } @media screen and (max-width: 1200px) { #breadcrumb span.breadcrumb_last { max-width:400px } } @media screen and (max-width: 1024px) { #breadcrumb span.breadcrumb_last { max-width:300px } } @media screen and (max-width: 980px) { #breadcrumb span.breadcrumb_last { max-width:350px } } #breadcrumb span.breadcrumb_last>span { font-weight: 700 } #breadcrumb a { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #000; line-height: 20px; display: inline-block; vertical-align: middle; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) #breadcrumb a:hover,body:not(.no-hover) #breadcrumb a:focus { color: #1ec459 } body:not(.no-hover) #breadcrumb a:hover span,body:not(.no-hover) #breadcrumb a:focus span { color: #1ec459 } #breadcrumb a span { color: #fff; -webkit-transition: all .2s ease; transition: all .2s ease } figcaption { font-family: "Roboto",Sans-Serif; font-weight: 400; color: #fff; line-height: 17px; font-size: 0; position: absolute; left: auto; top: 0; right: 0; z-index: 500; padding: 10px 35px 10px 10px; text-align: right; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; max-width: 250px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .2s ease; transition: all .2s ease } figcaption:hover,figcaption:focus,figcaption:active { font-size: 12px } figcaption:before { content: ''; border-radius: 50%; height: 20px; width: 20px; text-align: center; background: #fff; position: absolute; top: 10px; right: 10px; text-shadow: none } figcaption:after { content: "©"; font-size: 14px; line-height: 20px; text-shadow: none; position: absolute; top: 10px; right: 14px; color: #000 } .caption { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .rate { margin-bottom: 7px } .rate>span { font-size: 16px; display: inline-block; vertical-align: middle; color: #DC6D00 } .rate>span.disabled:before { color: #EBEBD3 } .rate>div>span.disabled:before { color: #EBEBD3 } .ratio-16-9>img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .sort { position: relative; z-index: 1000; float: right; line-height: 44px } @media screen and (max-width: 980px) { .sort { float:left } } .sort span,.sort a { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; -webkit-transition: all .2s ease; transition: all .2s ease } .sort span:after,.sort a:after { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; float: right; line-height: 24px; margin-left: 5px } @media screen and (max-width: 599px) { .sort span:after,.sort a:after { float:none } } .sort span:hover,.sort span:focus,.sort a:hover,.sort a:focus { color: #1ec459; cursor: pointer } .sort span.btn-loc,.sort a.btn-loc { font-size: 14px; line-height: 23px; height: 24px } .sort ul { position: absolute; right: -20px; top: 60px; width: 130px; z-index: 200; border-radius: 4px; list-style-type: none; -webkit-box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); background: #fff; padding: 20px 20px; opacity: 0; display: none; -webkit-transition: all .2s ease; transition: all .2s ease } .sort ul:before { content: "\e910"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; top: -9px; right: 23px; pointer-events: none; width: 10px; height: 10px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-left: 4px solid #F5F5F5; border-top: 4px solid #F5F5F5; opacity: 0.99; color: #fff; text-shadow: 0px 0px 12px rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease } .sort ul li { display: block; margin-left: 0 } .sort ul li a { font-family: "Roboto",Sans-Serif; font-size: 18px; font-weight: 700; color: #000; line-height: 30px; display: block; text-align: center; background: #fff } .sort ul li a:hover,.sort ul li a:focus { background: #e5e5e5 } .sort ul li a:after { content: none } .sort.open ul { opacity: 1; display: block } .border-left,#footer .newsletter form .frm_button_submit:before,.bloc-download ul li:after { content: ''; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, #fff 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to bottom, #fff 40%, rgba(255,255,255,0) 0%); background-position: left; background-size: 1px 5px; background-repeat: repeat-y; position: absolute; left: 0; top: 0; bottom: 0; width: 1px } .border-right,#footer .menu-icons>.col-33:after,.section-wrapper-facette .choices:after,.wrapper-facette form>div:after,.wrapper-facette form>a:after,.wrapper-facette .form>div:after,.wrapper-facette .form>a:after,.wrapper-facette .form-reserve>div:after,.wrapper-facette .form-reserve>a:after,.bloc-sejour>[class^="col-"]:after { content: ''; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #000), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, #000 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to bottom, #000 40%, rgba(255,255,255,0) 0%); background-position: right; background-size: 1px 5px; background-repeat: repeat-y; position: absolute; right: 0; top: 0; bottom: 0; width: 1px } .border-top,.bloc-pagination:before,.page-single article .meta-author:before,.page-single .more-article:before,.detail-container ~ .bloc-prefooter .more-content>div:before,.bloc-form .frm_forms form .frm_submit:before,.bloc-testimonial>div:before { content: ''; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 1px; background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #000), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, #000 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to right, #000 40%, rgba(255,255,255,0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x } .border-bottom,.bloc-pagination:after,.overlay-filtre .content .title-facette:before,.page-single article header:after,.detail-container .detail-content .bloc .label h3:after,.detail-container .detail-content .bloc .bloc-galerie .galerie:last-child:after,.detail-container .detail-content .bloc .responsable>div:after,.detail-container ~ .bloc-prefooter .more-content>div:after,.page-detail-agenda .content-container .detail-content .inner-content .label h3:after,.page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie:last-child:after,.page-detail-agenda .content-container .detail-content .inner-content .responsable>div:after,#footer .menu-icons>.col-33:before,.bloc-form .frm_forms form h3:after,.bloc-testimonial>div:after,.section-wrapper-facette:before,.wrapper-facette:after,.bloc-sejour>[class^="col-"]:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #000), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, #000 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to right, #000 40%, rgba(255,255,255,0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x } .gradient-bottom,.bloc-card-agenda figure:after,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a figure:after,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div figure:after,.right-submenu .wrapper-search-algolia+.mosaique>div>a figure:after,.right-submenu .wrapper-search-algolia+.mosaique>div>div figure:after,.bloc-actu.bloc-actu-no-text a>div figure:after,.bloc-mosaique .item figure:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, rgba(0,0,0,0.85) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(27%, rgba(0,0,0,0)), to(rgba(0,0,0,0.85))); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=0) } .tooltip { position: relative; display: inline-block; z-index: 1000; -webkit-transition: visibility .3s ease; transition: visibility .3s ease; color: #fff } .tooltip .tooltiptext { visibility: hidden; width: 130px; top: 80%; left: 50%; margin-left: -65px; background-color: #31AC5B; text-align: center; padding: 8px 5px 10px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; border-radius: 8px; font-family: "Roboto",Sans-Serif; font-size: 16px; font-weight: 400; color: #fff !important; line-height: 16px; position: absolute; -webkit-transition: visibility .1s ease-in-out; transition: visibility .1s ease-in-out } .no-hover .tooltip .tooltiptext { display: none } .tooltip .tooltiptext:after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: transparent transparent #31AC5B transparent } .tooltip button,.tooltip [role="button"] { outline: none; border: none } .tooltip button:hover+.tooltiptext,.tooltip button:focus+.tooltiptext,.tooltip [role="button"]:hover+.tooltiptext,.tooltip [role="button"]:focus+.tooltiptext { visibility: visible; color: #fff !important } .tooltip:hover .tooltiptext,.tooltip:focus .tooltiptext { visibility: visible; color: #fff !important } .location { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #fff; line-height: 22px; text-transform: uppercase; display: block } .panier { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 700; color: #fff; line-height: 12px; position: absolute; top: 0; right: 0; padding: 15px; z-index: 1000; -webkit-transition: all .2s ease; transition: all .2s ease } .panier:before { content: "\e917"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; margin-right: 10px; font-size: 16px; line-height: 10px } .panier:hover,.panier:focus { color: #1ec459 } .theme { display: block; margin-bottom: .3125rem } .theme span { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 400; color: #fff; line-height: 1rem } .theme span:after { content: ',' } .theme span:last-child:after { content: none } .wrapper-main { position: relative; z-index: 100 } @media screen and (max-width: 599px) { .wrapper-main { margin-top:0 } } .wrapper-main>*:first-child { padding-top: 20px } .page-content header .intro-couverture { text-align: center } .page-content .wrapper-main:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 86px; max-width: 1200px; background: #fff; margin: auto } @media screen and (min-width: 1600px) { .page-content .wrapper-main:before { max-width:1520px } } .social-share { position: fixed; right: 30px; bottom: 30px; z-index: 1000; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .social-share { right:20px; bottom: 20px } } .sub-menu-open .social-share { opacity: 0 !important } .social-share.fadein { opacity: 1 } .retour { position: fixed; display: block; left: 30px; bottom: 30px; z-index: 1000; opacity: 0; -webkit-transform: translate3d(-230px, 0, 0); transform: translate3d(-230px, 0, 0); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease } .retour .no-photo,.retour figure { z-index: 5; position: relative; width: 200px; height: 130px; overflow: hidden } .retour .no-photo img,.retour figure img { opacity: .5 } .retour .caption { z-index: 10; position: absolute; top: 11px; bottom: 15px; right: 15px; left: 15px; -webkit-transform: none; -ms-transform: none; transform: none } .retour .caption .txt { color: #1ec459 !important; display: block; text-transform: uppercase; font-family: "Roboto",Sans-Serif; font-size: 20px; line-height: 24px; font-weight: bold } .retour .caption .page-title { font-weight: bold; color: white; text-transform: uppercase; font-size: 30px; line-height: 30px; font-family: "Roboto",Sans-Serif; max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .retour .caption .close { position: absolute; top: -10px; right: -15px; font-size: 13px; font-weight: bold; cursor: pointer; padding-top: 15px; padding-right: 15px; z-index: 100; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .retour .caption .close:hover { color: #1ec459 !important } .retour .caption .icon-ico-arrow-left { color: #1ec459 !important; position: absolute; bottom: 0; left: 0; font-size: 19px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .2s ease; transition: all .2s ease } .retour:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: 4px; opacity: 0; z-index: 30; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 599px) { .retour { bottom:10px; left: 10px } .retour .no-photo,.retour figure { width: 178px; height: 93px } .retour .caption { left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .retour .caption .txt { font-size: 17px; line-height: 17px } .retour .caption .page-title { font-size: 25px; line-height: 25px; max-height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .retour .caption .icon-ico-arrow-left { bottom: 22px; left: -30px } .retour .caption .close { padding-top: 10px; padding-right: 10px; font-size: 12px } } body:not(.no-hover) .retour:hover { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } body:not(.no-hover) .retour:hover .icon-ico-arrow-left { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } body:not(.no-hover) .retour:hover:after { opacity: 1 } .retour.fadein { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .retour.hide { opacity: 0 !important; -webkit-transform: translate3d(-230px, 0, 0) !important; transform: translate3d(-230px, 0, 0) !important } .toggle { position: relative; height: 3.125rem; display: block; z-index: 1000; background: #1ec459; border-radius: 50%; padding: 0; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease } .toggle:after { content: "\e90c"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: 1.5rem; padding: 0; text-align: center; position: relative; width: 3.125rem; height: 3.125rem; line-height: 3.125rem; left: -1px; color: #fff } body:not(.no-hover) .toggle:hover,body:not(.no-hover) .toggle:focus { cursor: pointer; background: #14823b } .toggle-input { display: none } .network-list { position: absolute; bottom: 30px; visibility: hidden } .network-list li { position: absolute; top: 0; left: 4px; display: block; width: 40px; height: 40px; margin: 0; padding: 0; list-style-type: none; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.43, 1.17, 0.69, 1.24); transition: all 0.25s cubic-bezier(0.43, 1.17, 0.69, 1.24) } .network-list a { position: relative; display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #000; overflow: hidden; text-indent: 120%; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease } .network-list a:hover,.network-list a:focus { background: #1ec459 } .network-list a:before { font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 14px; -webkit-font-smoothing: antialiased; text-align: center; text-indent: 0 } .network-list a:after { content: ''; width: 30px; height: 30px; display: block; position: absolute; top: 10px; left: 10px; z-index: -1; border-radius: 50% } .network-list .twitter a:before { content: "\e920"; color: #fff } .network-list .facebook a:before { content: "\e906"; color: #fff } .network-list .linkedin a:before { content: "\e91f"; color: #fff } .network-list .mail a:before { content: "\e91d"; color: #fff } .social-share .toggle.open ~ .network-list { visibility: visible } .social-share .toggle.open ~ .network-list li { opacity: 1 } .social-share .toggle.open ~ .network-list li:nth-child(1) { top: -70px } .social-share .toggle.open ~ .network-list li:nth-child(2) { top: -120px } .social-share .toggle.open ~ .network-list li:nth-child(3) { top: -170px } .social-share .toggle.open ~ .network-list li:nth-child(4) { top: -220px } .social-share .toggle.open ~ .network-list li:nth-child(5) { top: -270px } .social-share .toggle.open ~ .network-list li:nth-child(6) { top: -320px } .discover-scroll-to { position: absolute; left: 50%; width: 40px; height: 40px; z-index: 1000; background-color: transparent; text-align: center; line-height: 40px; font-size: 26px; margin-top: -70px; margin-left: -20px; border: none; border-radius: 50%; color: #fff; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .discover-scroll-to { display:none } } .discover-scroll-to:hover,.discover-scroll-to:focus { cursor: pointer } body:not(.no-hover) .discover-scroll-to:hover,body:not(.no-hover) .discover-scroll-to:focus { background: #fff; color: #000 } .discover-scroll-to span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 1px } [data-expand="100"].to-expand:not(.expand) { height: 100px !important } [data-expand="200"].to-expand:not(.expand) { height: 200px !important } [data-expand] { overflow: hidden } [data-expand].to-expand { -webkit-transition: all .2s ease; transition: all .2s ease } [data-expand].to-expand:not(.expand):before { content: ''; z-index: 10; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,0)), to(#fff)); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0) } [data-expand].to-expand+.btn-expand { display: -webkit-box; display: -ms-flexbox; display: flex } [data-expand].to-expand.expand { overflow: visible } [data-expand].to-expand.expand+.btn-expand span:before { content: "\e946" } [data-expand]+.btn-expand { padding: 0; position: absolute; left: 50%; margin-top: 0px; margin-left: -20px; width: 40px; height: 40px; background: #1ec459; color: #000; font-size: 12px; z-index: 1000; display: none; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) [data-expand]+.btn-expand:hover,body:not(.no-hover) [data-expand]+.btn-expand:focus { cursor: pointer; background: #000; color: #fff } .bloc-pagination { position: relative; z-index: 0; clear: both; overflow: hidden; padding: 15px 10px } .bloc-pagination:before,.bloc-pagination:after { left: -10px; right: -10px; width: calc(100% + 20px) } @media screen and (max-width: 980px) { .bloc-pagination:before,.bloc-pagination:after { left:-30px; right: -30px; width: calc(100% + 60px) } } @media screen and (max-width: 599px) { .bloc-pagination:before,.bloc-pagination:after { left:-10px; right: -10px; width: calc(100% + 20px) } } .bloc-pagination .pagination { text-align: center; position: relative } .bloc-pagination .pagination a,.bloc-pagination .pagination strong,.bloc-pagination .pagination span { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 39px; position: relative; text-transform: uppercase } .bloc-pagination .pagination a.prev { position: absolute; left: 0; padding: 0 !important } .bloc-pagination .pagination a.prev:hover,.bloc-pagination .pagination a.prev:focus { color: #1ec459 } @media screen and (max-width: 830px) { .bloc-pagination .pagination a.prev:hover,.bloc-pagination .pagination a.prev:focus { color:#31AC5B } } .bloc-pagination .pagination a.prev:hover:before,.bloc-pagination .pagination a.prev:focus:before { color: #1ec459 } @media screen and (max-width: 830px) { .bloc-pagination .pagination a.prev { display:block; position: absolute; color: #fff } } .bloc-pagination .pagination a.prev:before { content: "\e900"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; color: #000; font-size: 14px; position: relative; line-height: 42px; margin-right: 10px; float: left; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-pagination .pagination a.next { position: absolute; right: 0; top: 0; bottom: 0; padding: 0 !important } @media screen and (max-width: 830px) { .bloc-pagination .pagination a.next { display:block; position: absolute; color: #fff } } .bloc-pagination .pagination a.next:hover:after,.bloc-pagination .pagination a.next:focus:after { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px) } .bloc-pagination .pagination a.next:after { content: "\e901"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: 14px; float: right; line-height: 39px; margin-left: 10px; color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-pagination .pagination .pagination-number { position: relative; z-index: 10; margin-left: 170px; margin-right: 170px } @media screen and (max-width: 830px) { .bloc-pagination .pagination .pagination-number { margin-left:15%; margin-right: 15% } } .bloc-pagination .pagination .pagination-number li { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 2.1875rem; margin: 0 2px; width: 2.1875rem; height: 2.1875rem; text-align: center; border: 2px solid rgba(255,255,255,0); border-radius: 50%; display: inline-block; vertical-align: middle; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-pagination .pagination .pagination-number li a { display: block; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-pagination .pagination .pagination-number a:hover,.bloc-pagination .pagination .pagination-number a.active,.bloc-pagination .pagination .pagination-number a:focus { background-color: #1ec459; border-radius: 50% } .bloc-prefooter { overflow: hidden } @media (min-width: 1600px) { .bloc-prefooter .content-wrapper { max-width:1520px !important } } .bloc-prefooter .location { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 400; color: #000; line-height: 1.375rem; text-transform: uppercase; text-align: right } .bloc-prefooter .theme span { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 400; color: #4C4C4C; line-height: 1.375rem } .bloc-prefooter .theme+h3 { margin-top: -5px } .bloc-prefooter h2 { font-family: "Roboto",Sans-Serif; font-size: 3.75rem; font-weight: 700; color: #000; line-height: 3.75rem } @media screen and (max-width: 599px) { .bloc-prefooter h2 { font-size:2.5rem; line-height: 2.5rem } } .bloc-prefooter>div>div { position: relative } .bloc-prefooter>div>div .txt { max-width: 800px } .bloc-prefooter>div>div .btn { position: absolute; right: 0; margin: 0; bottom: -10px } @media screen and (max-width: 980px) { .bloc-prefooter>div>div .btn { position:relative; bottom: 0; margin-bottom: 20px } } .bloc-prefooter .wrapper-txt+.owl-carousel { margin-top: 40px } @media screen and (max-width: 599px) { .bloc-prefooter .wrapper-txt+.owl-carousel { margin-top:20px } } .bloc-prefooter .owl-carousel { position: relative } .bloc-prefooter .owl-cards { display: block; padding: 0 0 0 43px } @media screen and (max-width: 599px) { .bloc-prefooter .owl-cards { padding:0 0 0 40px } } .bloc-prefooter .owl-cards:not(.owl-loaded) .item { display: none } .bloc-prefooter .owl-cards:not(.owl-loaded) .item:first-child { display: inline-block } .bloc-prefooter .owl-cards .owl-stage-outer { overflow: visible } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item { -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item:not(.active) { opacity: 0; visibility: hidden } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify { opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover,.bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus { cursor: default; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover:after,.bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus:after { opacity: 0 } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover .event-date,.bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus .event-date { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover .caption,.bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus .caption { -webkit-transform: none; -ms-transform: none; transform: none } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover .caption .link,.bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus .caption .link { opacity: 0 } .no-hover .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover .caption,.no-hover .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover .caption .link,.no-hover .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus .caption .link { opacity: 1 } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item.active { opacity: 1 } .bloc-prefooter .owl-cards .owl-stage-outer .owl-item .no-photo { width: 307px; height: 322px } @media screen and (max-width: 599px) { .bloc-prefooter .owl-cards .owl-stage-outer .owl-item .no-photo { width:250px; height: 300px } } @media screen and (max-width: 360px) { .bloc-prefooter .owl-cards .owl-stage-outer .owl-item .no-photo { width:200px } } .bloc-prefooter .owl-cards .item { padding-top: 0px; width: 305px } @media screen and (max-width: 599px) { .bloc-prefooter .owl-cards .item { min-width:auto; width: 250px; height: 100% } } @media screen and (max-width: 360px) { .bloc-prefooter .owl-cards .item { width:200px } } .bloc-prefooter .owl-cards .item figure img { height: 100% } .bloc-prefooter .owl-cards .owl-nav { display: block; position: absolute; left: 0px; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 2 } .bloc-prefooter .owl-cards .owl-nav .owl-prev,.bloc-prefooter .owl-cards .owl-nav .owl-next { color: #1ec459; font-size: .875rem; margin: 50px 0; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-prefooter .owl-cards .owl-nav .owl-prev button [class^="icon-"],.bloc-prefooter .owl-cards .owl-nav .owl-prev button [class*=" icon-"],.bloc-prefooter .owl-cards .owl-nav .owl-next button [class^="icon-"],.bloc-prefooter .owl-cards .owl-nav .owl-next button [class*=" icon-"] { font-size: 1.1875rem } .bloc-prefooter .owl-cards .owl-nav .owl-prev:hover,.bloc-prefooter .owl-cards .owl-nav .owl-prev:focus,.bloc-prefooter .owl-cards .owl-nav .owl-next:hover,.bloc-prefooter .owl-cards .owl-nav .owl-next:focus { color: #000 } .bloc-prefooter .owl-cards .owl-dots { left: 0px; right: auto; top: 40%; display: block; z-index: 2 } .bloc-prefooter .owl-cards .owl-dots:after { color: #000 } .bloc-prefooter .owl-cards .owl-dot.active:before { color: #000 } .overlay { position: fixed; top: 0; right: -100%; width: 100vw; height: 100vh; display: none; background: #fff; z-index: 5000000; max-width: 640px; min-height: -webkit-fill-available; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1); visibility: hidden } @media screen and (max-width: 599px) { .overlay { width:100%; max-width: 100%; border-radius: 0 } } .overlay.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); right: 0; -webkit-box-shadow: 0 0 60px rgba(38,46,59,0.35); box-shadow: 0 0 60px rgba(38,46,59,0.35); visibility: visible } .overlay-load .overlay { display: block } .overlay .scroller { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px } @media screen and (max-width: 599px) { .overlay .scroller { padding:20px } } .overlay .top { position: absolute; top: 0; left: 0; right: 0; background: #fff; z-index: 10 } .overlay .top:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 15px; background: -webkit-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0))); background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0) } .overlay .title-overlay { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 30px; position: relative; display: block; padding: 45px 50px 30px; text-transform: uppercase } @media screen and (max-width: 599px) { .overlay .title-overlay { padding:25px 20px 20px 20px } } .overlay .close-overlay { margin: 0; padding: 0; width: 44px; height: 44px; position: absolute; top: 50%; right: 50px; margin-top: -22px; z-index: 5000; background: #fff; border: 1px solid #000; border-radius: 50%; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .overlay .close-overlay { right:20px } } body:not(.no-hover) .overlay .close-overlay:hover,body:not(.no-hover) .overlay .close-overlay:focus { cursor: pointer; background: #000 } body:not(.no-hover) .overlay .close-overlay:hover:after,body:not(.no-hover) .overlay .close-overlay:focus:after { color: #fff } .overlay .close-overlay:after { content: "\e911"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; top: 50%; left: 0; right: 0; text-align: center; color: #000; font-size: 18px; margin-top: -9px; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre.open { visibility: visible } .overlay-filtre .content { position: relative; padding-top: 110px; height: 100%; margin-bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch } @media screen and (max-width: 599px) { .overlay-filtre .content { padding-top:80px } } .overlay-filtre .content:after { content: ''; position: relative; display: block; width: 100%; height: 200px } @media screen and (max-width: 599px) { .overlay-filtre .content:after { height:100px } } .overlay-filtre .content form { position: relative; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width: 599px) { .overlay-filtre .content form { padding:0 20px } } .overlay-filtre .content label { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #000; line-height: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .title-facette { position: relative; z-index: 5; display: block; margin-bottom: 20px } .overlay-filtre .content .title-facette:before { top: 50%; margin-top: 1px } .overlay-filtre .content .title-facette>span { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 26px; position: relative; z-index: 100; display: inline-block; padding-right: 10px; background: #fff } .overlay-filtre .content .wrapper-filtre:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .overlay-filtre .content .wrapper-filtre>div { margin-top: 15px; margin-bottom: 40px } .overlay-filtre .content .wrapper-filtre>div:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .overlay-filtre .content .wrapper-filtre .frm_checkbox:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .overlay-filtre .content .wrapper-filtre .frm_checkbox label { width: 100%; clear: none; margin: 12px 0; padding-left: 30px } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .frm_checkbox label:hover,body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .frm_checkbox label:focus { cursor: pointer; color: #000 } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .frm_checkbox label:hover { text-decoration: underline } .overlay-filtre .content .wrapper-filtre .frm_checkbox label input { width: 18px; height: 18px; border: 2px solid #000; position: absolute; left: 0; top: -1px; margin: 0; border-radius: 50%; background: none; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .wrapper-filtre .frm_checkbox label input:checked ~ span { display: block; width: 8px; height: 8px; background: #000; position: absolute; border-radius: 5px; top: 4px; left: 5px } .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric { background: #fff; border: none; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-shadow: 0 10px 20px rgba(0,0,0,0.1) } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric:hover { cursor: pointer } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric:hover .label { color: #1ec459 } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric:hover .label:after { color: #000 } .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric b { display: none } .overlay-filtre .content .wrapper-filtre .selectric-wrapper .label { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 26px; text-transform: uppercase; padding: 18px 60px 16px 20px; display: block; height: auto; margin: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .wrapper-filtre .selectric-wrapper .label:after { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: 20px; color: #1ec459; position: absolute; top: 50%; right: 20px; margin-top: -10px; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric-items { margin-top: 5px; background: #fff; border: none; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-shadow: 0 10px 20px rgba(0,0,0,0.1) } .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric-items ul li { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #000; line-height: 14px; padding: 10px 20px; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric-items ul li.selected { background: none } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .selectric-wrapper .selectric-items ul li:hover { background: none; color: #1ec459 } .overlay-filtre .content .wrapper-filtre .classement-chk { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px } .overlay-filtre .content .wrapper-filtre .classement-chk:last-child { margin-bottom: 40px } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .classement-chk:hover label,body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .classement-chk:focus label { opacity: 1 } .overlay-filtre .content .wrapper-filtre .classement-chk label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; float: left; font-size: 1.25rem; color: #000; cursor: pointer; width: 1em; height: 1em; position: static; border-bottom: 2px solid transparent; overflow: visible; text-indent: 0; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .wrapper-filtre .classement-chk label span { display: block; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .wrapper-filtre .classement-chk label span.icon-star { color: #DC6D00 } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .classement-chk label:hover { cursor: pointer; opacity: 1 !important } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .classement-chk label:hover ~ label { opacity: 0.5 !important } .overlay-filtre .content .wrapper-filtre .classement-chk input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; height: auto } .overlay-filtre .content .wrapper-filtre .classement-chk input:focus { opacity: 1; outline: 1px dashed #000 } .overlay-filtre .content .wrapper-filtre .classement-chk input:checked+label,.overlay-filtre .content .wrapper-filtre .classement-chk input:focus+label { opacity: 1; color: inherit; background: none } .overlay-filtre .content .wrapper-filtre .classement-chk input:checked+label ~ label,.overlay-filtre .content .wrapper-filtre .classement-chk input:focus+label ~ label { opacity: 0.5 !important } .overlay-filtre .content .wrapper-filtre .classement-chk button { background: none; outline: none; border: none } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .classement-chk button:hover,body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .classement-chk button:focus { cursor: pointer } .overlay-filtre .content .wrapper-filtre .wrapper-date { position: relative; float: left; margin-top: 0; width: calc(50% - 5px) } .overlay-filtre .content .wrapper-filtre .wrapper-date:nth-of-type(even) { margin-left: 10px } .overlay-filtre .content .wrapper-filtre .wrapper-date:before { content: "\e903"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: 20px; color: #000; position: absolute; top: 50%; right: 20px; margin-top: -10px; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .wrapper-filtre .wrapper-date label { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 26px; position: absolute; left: 20px; top: 50%; margin-top: -12px } .overlay-filtre .content .wrapper-filtre .wrapper-date input { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #000; line-height: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 60px; padding: 18px 50px 16px 45px; width: 100%; background: #fff; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-shadow: 0 10px 20px rgba(0,0,0,0.1); -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-filtre .content .wrapper-filtre .wrapper-date input::-webkit-inner-spin-button,.overlay-filtre .content .wrapper-filtre .wrapper-date input::-webkit-clear-button { display: none } .overlay-filtre .content .wrapper-filtre .wrapper-date input::-webkit-input-placeholder { color: #000 } .overlay-filtre .content .wrapper-filtre .wrapper-date input::-moz-placeholder { color: #000 } .overlay-filtre .content .wrapper-filtre .wrapper-date input:-ms-input-placeholder { color: #000 } .overlay-filtre .content .wrapper-filtre .wrapper-date input::-ms-input-placeholder { color: #000 } .overlay-filtre .content .wrapper-filtre .wrapper-date input::placeholder { color: #000 } .overlay-filtre .content .wrapper-filtre .wrapper-date input:hover { cursor: pointer } body:not(.no-hover) .overlay-filtre .content .wrapper-filtre .wrapper-date input:hover { color: #000 } .overlay-filtre .content .group-date .frm_checkbox { clear: both } .overlay-filtre .content .group-date .frm_checkbox label span { display: block; width: 8px; height: 8px; background: #000; position: absolute; border-radius: 5px; top: 4px; left: 5px; z-index: 999999; opacity: 0 } .overlay-filtre .content .group-date .frm_checkbox label input[aria-checked=true] ~ span { opacity: 1 } .overlay-filtre .content #com-button { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 30px; background-color: #fff; -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.1); box-shadow: 0 20px 20px rgba(0,0,0,0.1) } .overlay-filtre .content .custom-a11yselect-container .custom-a11yselect-btn .custom-a11yselect-text:after { display: none } .overlay-filtre .bottom-filtres { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; background: #fff; text-align: center; z-index: 10 } .overlay-filtre .bottom-filtres:before { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 50px; z-index: 10; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff)); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0) } .overlay-filtre .bottom-filtres .cta { margin: 0 50px; z-index: 100000; display: block; width: calc(100% - 100px) } @media screen and (max-width: 599px) { .overlay-filtre .bottom-filtres .cta { margin:0 20px; width: calc(100% - 40px) } } .overlay-map .wrapper-map { height: 100% } .overlay-map .close-overlay { top: 40px; right: 40px; margin: 0 } @media screen and (max-width: 599px) { .overlay-map .close-overlay { top:20px; right: 20px } } .overlay-map-agenda { max-width: 100vw; height: 100vh; min-height: -webkit-fill-available; max-height: -webkit-fill-available } .overlay-map-agenda .close-overlay { top: 40px; right: 40px; margin: 0; border: none; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15) } @media screen and (max-width: 599px) { .overlay-map-agenda .close-overlay { top:20px; right: 20px } } .overlay-map-agenda #btn-geoloc { position: absolute; z-index: 2000; top: 80px; left: 10px; background: white; width: 30px; height: 30px; outline: none; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.25); box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.25); cursor: pointer } .overlay-map-agenda #btn-geoloc:after { content: "\e909"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left } .overlay-map-agenda #btn-geoloc:hover { background: #f4f4f4 } .overlay-map-agenda #btn-geoloc.active { background: #f4f4f4 } .overlay-map-agenda .wrapper-map { height: calc(100% - 150px); position: static } .overlay-map-agenda .wrapper-map .maps { height: 100% } .overlay-map-agenda .owl-carousel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 150px; width: 100%; padding-left: 30px; z-index: 5000001; background: white } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel { padding-left:0px } } .overlay-map-agenda .owl-carousel .owl-stage { padding-top: 20px; padding-bottom: 20px } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel .owl-stage { padding-left:20px } } .overlay-map-agenda .owl-carousel .owl-stage-outer { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .overlay-map-agenda .owl-carousel .item { width: 360px } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel .item { width:316px } } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: visible; width: 360px } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel .item .bloc-card-agenda { width:316px } } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper { height: 110px; width: 110px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .image { height: 100% } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .image img { height: 100% } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .wrapper-price { width: 80px; left: 10px !important } @media screen and (max-width: 980px) { .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .wrapper-price { left:15px !important } } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .wrapper-price.event-covid { top: 0 !important } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .wrapper-price.event-covid .reserve { background-color: #000 } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .wrapper-price.event-covid .reserve span { color: #fff } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .wrapper-price.event-covid .reserve span:before,.overlay-map-agenda .owl-carousel .item .bloc-card-agenda .image-wrapper .wrapper-price.event-covid .reserve span:after { border-top-color: #000 } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .caption { margin-top: 0; width: calc(100% - 130px) } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .caption { max-width:100%; overflow: hidden } } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .caption .date { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 700; color: #000; line-height: .6875rem } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .caption .theme span { font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 400; color: #4C4C4C; line-height: 1.375rem } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .caption .theme span { font-size:.75rem } } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .caption h2 { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.25rem; text-transform: none; margin-bottom: 0 } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .caption .location { font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 400; color: #000; line-height: 1.375rem; text-align: left } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .caption .location { font-size:.75rem } } .overlay-map-agenda .owl-carousel .item .bloc-card-agenda .location { white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis } body:not(.no-hover) .overlay-map-agenda .owl-carousel .item .bloc-card-agenda:hover:after,body:not(.no-hover) .overlay-map-agenda .owl-carousel .item .bloc-card-agenda:focus:after { display: none } body:not(.no-hover) .overlay-map-agenda .owl-carousel .item .bloc-card-agenda:hover figure,body:not(.no-hover) .overlay-map-agenda .owl-carousel .item .bloc-card-agenda:focus figure { -webkit-transform: none; -ms-transform: none; transform: none } body:not(.no-hover) .overlay-map-agenda .owl-carousel .item .bloc-card-agenda:focus { outline: 1px dashed #000 } .overlay-map-agenda .owl-carousel .owl-nav { height: 74px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 37px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel .owl-nav { display:none } } .overlay-map-agenda .owl-carousel .owl-nav>:disabled button span { color: rgba(0,0,0,0.5) } .overlay-map-agenda .owl-carousel .owl-nav [class^="icon-"],.overlay-map-agenda .owl-carousel .owl-nav [class*=" icon-"] { font-size: 1.25rem } .overlay-map-agenda .owl-carousel .owl-nav button { padding: 0; width: 100% } .overlay-map-agenda .owl-carousel .owl-nav button span { color: #000 } .overlay-map-agenda .owl-carousel .owl-nav.disabled { display: none !important } .overlay-map-agenda .owl-carousel .owl-dots { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; right: auto; left: 30px } @media screen and (max-width: 599px) { .overlay-map-agenda .owl-carousel .owl-dots { display:none } } .overlay-map-agenda .owl-carousel .owl-dots:after { color: #000; text-transform: uppercase; font-size: 1.125rem } .overlay-map-agenda .owl-carousel .owl-dot.active:before { color: #000; text-transform: uppercase; font-size: 1.125rem } .overlay-map-agenda .owl-carousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .overlay-map-agenda .bloc-card-agenda .reserve { min-height: 40px } .overlay-phototheque { margin: 60px auto; max-height: calc(100% - 120px); background: none; -webkit-box-shadow: none; box-shadow: none; pointer-events: none } @media screen and (max-width: 1024px) { .overlay-phototheque { margin:40px auto; max-height: calc(100% - 80px) } } @media screen and (max-width: 599px) { .overlay-phototheque { margin:0; max-height: 100% } } .overlay-phototheque.open { max-width: 100%; -webkit-box-shadow: none; box-shadow: none } .overlay-phototheque .close-overlay { right: calc((100% - 1280px) / 2); border: none; top: 0; margin: 0; width: 56px; height: 56px; border-radius: 0; pointer-events: auto } @media screen and (max-width: 1280px) { .overlay-phototheque .close-overlay { right:0 } } .overlay-phototheque .modal-body { position: relative; pointer-events: auto; background: #fff; padding: 0; height: 100%; max-width: 1280px; margin: auto; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; -webkit-scrollbar-width: none } .overlay-phototheque .modal-body::-webkit-scrollbar { display: none } .overlay-phototheque figcaption,.overlay-phototheque .credits { display: none } .overlay-phototheque figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; height: 100% } @media screen and (max-width: 599px) { .overlay-phototheque figure { max-height:inherit } } .overlay-phototheque figure img { margin: auto; width: auto; height: auto; max-height: 100% } @media screen and (max-width: 599px) { .overlay-phototheque figure img { margin:0; max-height: inherit } } .overlay-phototheque .left-content { position: relative; width: calc(100% - 380px); padding: 40px 0 40px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width: 980px) { .overlay-phototheque .left-content { width:50% } } @media screen and (max-width: 599px) { .overlay-phototheque .left-content { width:100%; height: auto; float: none; padding: 0 } } .overlay-phototheque .right-content { float: right; width: 380px; padding: 40px; overflow: auto; -webkit-overflow-scrolling: touch } @media screen and (max-width: 980px) { .overlay-phototheque .right-content { width:50% } } @media screen and (max-width: 599px) { .overlay-phototheque .right-content { padding:20px; width: 100%; overflow: visible; height: auto; float: none } } .overlay-phototheque .right-content>*:last-child { margin-bottom: 0; padding-bottom: 0 } .overlay-phototheque .right-content .cat { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #4c4c4c; line-height: 22px; display: block; margin-bottom: 8px } .overlay-phototheque .right-content h2 { font-family: "Roboto",Sans-Serif; font-size: 34px; font-weight: 700; color: #000; line-height: 30px; margin-bottom: 8px; max-width: calc(100% - 40px) } .overlay-phototheque .right-content .name { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #4c4c4c; line-height: 24px; display: block; margin-bottom: 8px } .overlay-phototheque .right-content p { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px; margin-bottom: 15px } .overlay-phototheque .right-content p.info-obligatoire { font-family: "Roboto",Sans-Serif; font-size: 11px; font-weight: 400; color: #3C3C3B; line-height: 16px; position: relative; display: block; font-style: italic; margin-bottom: 40px } .overlay-phototheque .right-content .btn { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #1C1C1C; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; background: #1ec459; margin: 0; width: 100%; margin-top: 20px; padding: 11px 20px; height: auto } body:not(.no-hover) .overlay-phototheque .right-content .btn:hover,body:not(.no-hover) .overlay-phototheque .right-content .btn:focus { cursor: pointer; background: #1C1C1C; color: #fff } .overlay-phototheque .right-content .basse-def { width: 100%; display: none } .overlay-phototheque .right-content .haute-def { width: 100%; padding-bottom: 0; display: none; margin-top: 30px } .overlay-phototheque .right-content .haute-def .frm_forms { margin: 0 } .overlay-phototheque .right-content .haute-def .frm_forms form .frm_form_fields fieldset .form-field { padding: 0; padding-bottom: 20px } .overlay-phototheque .right-content .haute-def .frm_forms form input { display: block; padding-left: 0 } .overlay-phototheque .right-content .haute-def .frm_forms form .btn { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #1C1C1C; line-height: 24px; display: block; background: #1ec459; margin: 0; width: 100%; margin-top: 10px; padding: 11px 20px; height: auto } body:not(.no-hover) .overlay-phototheque .right-content .haute-def .frm_forms form .btn:hover,body:not(.no-hover) .overlay-phototheque .right-content .haute-def .frm_forms form .btn:focus { background: #1C1C1C; color: #fff } .overlay-phototheque .right-content .tabs { position: relative } .overlay-phototheque .right-content .tabs input { display: none } .overlay-phototheque .right-content .tabs input[type="radio"] { display: block; opacity: 0; z-index: -1 } .overlay-phototheque .right-content .tabs input[type="radio"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .overlay-phototheque .right-content .tabs input[type="radio"]:focus+label:before { outline: 1px dashed #000 } .overlay-phototheque .right-content .tabs [id^="bassedef"]:checked ~ .basse-def { display: block } .overlay-phototheque .right-content .tabs [id^="hautedef"]:checked ~ .haute-def { display: block } .overlay-phototheque .right-content .tabs>label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 18px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: middle; margin: 5px 0; padding-left: 25px; -webkit-transition: all .2s ease; transition: all .2s ease } .overlay-phototheque .right-content .tabs>label:before { content: ''; float: left; margin-right: 5px; -webkit-transform: none; -ms-transform: none; transform: none; width: 14px; height: 14px; border: 2px solid #1C1C1C; background: #fff; border-radius: 50%; cursor: pointer; top: 0; position: absolute; left: 0 } .overlay-phototheque .right-content .tabs>label:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; float: left; text-shadow: 1px 1px 0 #fff, 0px -2px 0 #fff; font-size: 14px; position: absolute; left: 5px; top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; color: #1C1C1C; background: none; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) } .overlay-phototheque .right-content .tabs>label:hover { cursor: pointer } .overlay-phototheque .right-content .tabs>label>span { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #4c4c4c; line-height: 18px; display: block } .overlay-phototheque .right-content .tabs .frm_required { color: #e91741 } .overlay-phototheque .reset { position: absolute; z-index: 1; opacity: 0; padding: 0; bottom: 0 } .shadow-overlay { position: fixed; top: 0; left: 100%; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; z-index: 1000000; display: block; overflow: hidden; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out } .shadow-overlay.open { opacity: 1; left: 0 } .bloc-card { display: block; position: relative; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: 4px; opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } body:not(.no-hover) .bloc-card:hover,body:not(.no-hover) .bloc-card:focus { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } body:not(.no-hover) .bloc-card:hover:after,body:not(.no-hover) .bloc-card:focus:after { opacity: 1 } body:not(.no-hover) .bloc-card:hover .caption .link,body:not(.no-hover) .bloc-card:focus .caption .link { opacity: 1 } body:not(.no-hover) .bloc-card:hover .no-photo,body:not(.no-hover) .bloc-card:focus .no-photo { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } body:not(.no-hover) .bloc-card:hover figure,body:not(.no-hover) .bloc-card:focus figure { -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35) } body:not(.no-hover) .bloc-card:hover figure figcaption,body:not(.no-hover) .bloc-card:focus figure figcaption { display: none } .no-hover .bloc-card:hover,.no-hover .bloc-card:focus { cursor: default; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card:hover:after,.no-hover .bloc-card:focus:after { opacity: 0 } .no-hover .bloc-card:hover .event-date,.no-hover .bloc-card:focus .event-date { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .no-hover .bloc-card:hover .caption,.no-hover .bloc-card:focus .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card:hover .caption .link,.no-hover .bloc-card:focus .caption .link { opacity: 1 } .no-hover .bloc-card figure { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none } .no-hover .bloc-card .no-photo { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card .caption .link { opacity: 1 } .bloc-card figure { -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card figure img { height: 250px } .bloc-card figure figcaption { display: none } .bloc-card .no-photo { -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card .caption { position: static; top: auto; left: 20px; right: 20px; bottom: 0; margin-top: 8px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 980px) { .bloc-card .caption { width:100% } } .bloc-card .caption h2,.bloc-card .caption h3 { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.375rem } .bloc-card .caption p { font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #000; line-height: 1.1875rem; margin-bottom: 10px } .bloc-card .caption .link { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.5rem; display: inline-block; letter-spacing: 0; text-transform: none; opacity: 0; background-color: #1ec459; padding: 13px 40px; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .dispo-tourinsoft { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 700; color: #fff; line-height: .6875rem; background: #1ec459; position: absolute; top: -10px; left: 10px; padding: 10px 5px; text-align: center; z-index: 1000; width: 5.625rem; -webkit-transition: all .2s ease; transition: all .2s ease } .wrapper-price { position: absolute; top: 0; left: 20px; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); z-index: 1000; -webkit-transition: all .2s ease; transition: all .2s ease; width: 72px } .wrapper-price.event-covid { top: -10px !important; left: auto !important; right: 20px !important; width: 4.6875rem } .price { background: #fff; text-align: center; padding: 10px 0 5px 0 } .price span { font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 700; color: #000; line-height: 1.375rem; text-align: center; text-transform: uppercase } .price span .prix { display: block; font-size: 1.5rem } .price span .prix span { font-size: 1.0625rem } .reserve { width: 100%; height: auto; min-height: 47px; z-index: 100; background: #1ec459; text-align: center } .reserve span { font-family: "Roboto",Sans-Serif; font-size: .6875rem; font-weight: 700; color: #000; line-height: .6875rem; text-align: center; padding: 8px 8px 8px 8px; display: block } .reserve span:before { content: ""; position: absolute; bottom: -6px; left: 0; width: 0; height: 0; border-top: 7px solid #1ec459; border-right: 55px solid transparent } .reserve span:after { content: ""; position: absolute; bottom: -6px; right: 0; width: 0; height: 0; border-top: 7px solid #1ec459; border-left: 55px solid transparent } .reserve.verif { background: #b2b2b2 } .reserve.verif span:before,.reserve.verif span:after { border-top: 7px solid #b2b2b2 } .grey .reserve { background: #b2b2b2; width: 5.625rem } .grey .reserve span:before { border-top: 7px solid #b2b2b2 } .grey .reserve span:after { border-top: 7px solid #b2b2b2; right: -23px } .pictos-cta { position: absolute; bottom: 5px; left: 5px; z-index: 1000; font-size: 0 } .pictos-cta li { position: relative; display: inline-block; vertical-align: middle; margin: 0 5px 0 0 } .pictos-cta li:before { content: none } .pictos-cta li.tooltip .tooltiptext { font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #fff; line-height: 1.125rem; bottom: calc(100% + 5px); top: auto; border-radius: 5px; background: #1C1C1C } .pictos-cta li.tooltip .tooltiptext:after { top: 100%; bottom: auto; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.7) transparent transparent transparent; margin-left: -10px } .pictos-cta li a { display: block } body:not(.no-hover) .pictos-cta li a:hover [class^="icon-"],body:not(.no-hover) .pictos-cta li a:hover [class*=" icon-"],body:not(.no-hover) .pictos-cta li a:focus [class^="icon-"],body:not(.no-hover) .pictos-cta li a:focus [class*=" icon-"] { background: #000; color: #fff } .pictos-cta li [class^="icon-"],.pictos-cta li [class*="icon-"] { display: block; background: #1ec459; width: 2.125rem; height: 1.75rem; text-align: center; color: #000; font-size: 1.125rem; line-height: 1.75rem; -webkit-transition: all .2s ease; transition: all .2s ease } .pictos-cta li .icon-ico-mail::before { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50% } .bloc-card-hebergement { display: block; position: relative; z-index: 5; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-card-hebergement:after { content: ''; position: absolute; top: -4px; left: 0px; right: 0px; background: #1ec459; height: 4px; opacity: 0; z-index: 100; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-card-hebergement:hover,.bloc-card-hebergement:focus { z-index: 10; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); background-color: #fff; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.25); box-shadow: 0 20px 40px rgba(0,0,0,0.25) } .bloc-card-hebergement:hover:after,.bloc-card-hebergement:focus:after { opacity: 1 } .bloc-card-hebergement:hover .header .wrapper-price,.bloc-card-hebergement:focus .header .wrapper-price { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .bloc-card-hebergement:hover .header .dispo-tourinsoft,.bloc-card-hebergement:focus .header .dispo-tourinsoft { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } .bloc-card-hebergement:hover .content,.bloc-card-hebergement:focus .content { padding-left: 20px; padding-right: 20px } .bloc-card-hebergement:hover .content .location,.bloc-card-hebergement:focus .content .location { right: 10px } .bloc-card-hebergement:hover .content .link,.bloc-card-hebergement:focus .content .link { opacity: 1; display: inline-block } .bloc-card-hebergement:hover .content .link:after,.bloc-card-hebergement:focus .content .link:after { content: ''; display: block; width: 100%; height: 4px; background-color: #1ec459; position: relative; bottom: -22px } .no-hover .bloc-card-hebergement { margin-bottom: 20px } .no-hover .bloc-card-hebergement:before { content: none } .no-hover .bloc-card-hebergement:after { content: none } .no-hover .bloc-card-hebergement .header .wrapper-price { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } .no-hover .bloc-card-hebergement .header .wrapper-price .price { padding: 15px 0 5px 0 } .no-hover .bloc-card-hebergement .header .dispo-tourinsoft { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card-hebergement .content { padding-bottom: 0 } .no-hover .bloc-card-hebergement .content h2,.no-hover .bloc-card-hebergement .content h3 { margin-bottom: 10px } .no-hover .bloc-card-hebergement .content .link { opacity: 1; position: relative } .bloc-card-hebergement .header { position: relative; z-index: 1000 } .bloc-card-hebergement .header .no-photo { position: relative; overflow: hidden } .bloc-card-hebergement .header .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 71.42857% } .bloc-card-hebergement .header .no-photo>.content,.bloc-card-hebergement .header .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .bloc-card-hebergement .header figure { background: none; position: relative; overflow: hidden; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; position: relative; top: 0; left: 0; right: 0 } .bloc-card-hebergement .header figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 71.42857% } .bloc-card-hebergement .header figure>.content,.bloc-card-hebergement .header figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .bloc-card-hebergement .header figure:after { content: ''; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.9) 100%); background: -webkit-linear-gradient(315deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.9) 100%); background: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=1) } .bloc-card-hebergement .header figure img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } .bloc-card-hebergement .header figure figcaption { display: none } .bloc-card-hebergement .header .card-services { position: absolute; bottom: 10px; right: 5px; z-index: 1000; font-size: 0 } .bloc-card-hebergement .header .card-services li { position: relative; display: inline-block; vertical-align: middle; margin: 0 5px } .bloc-card-hebergement .header .card-services li:before { content: none } .bloc-card-hebergement .header .card-services li span { color: #fff; display: block; font-size: 18px } .bloc-card-hebergement .content { position: relative; padding: 25px 0 20px; z-index: 100 } .bloc-card-hebergement .content h2,.bloc-card-hebergement .content h3 { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.375rem; margin-top: 0; margin-bottom: 20px; text-transform: initial } @media screen and (max-width: 599px) { .bloc-card-hebergement .content h2,.bloc-card-hebergement .content h3 { margin-bottom:10px } } .bloc-card-hebergement .content .location { position: absolute; top: 10px; right: 0; color: #000; line-height: 1rem; white-space: nowrap; width: 45%; text-align: right; overflow: hidden; text-overflow: ellipsis } .bloc-card-hebergement .content .theme { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 50%; margin-bottom: 0 } .bloc-card-hebergement .content .theme span { color: #4C4C4C } .bloc-card-hebergement .content .link { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.5rem; letter-spacing: 0; text-transform: none; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .event-date { min-width: 5rem; min-height: 3.125rem; background: #fff; position: absolute; top: 0; left: 20px; z-index: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); padding: 2px 10px 0px 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .event-date time { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.375rem; text-transform: uppercase; display: block; min-height: 3.125rem; text-align: center } .event-date time span { display: block; font-size: 1.625rem } .bloc-card-agenda { display: block; position: relative; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card-agenda:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: .25rem; opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card-agenda:hover:after,.bloc-card-agenda:focus:after { opacity: 1; top: -20px } .bloc-card-agenda:hover .event-date,.bloc-card-agenda:focus .event-date { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .bloc-card-agenda:hover .no-photo,.bloc-card-agenda:focus .no-photo { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .bloc-card-agenda:hover figure,.bloc-card-agenda:focus figure { -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .no-hover .bloc-card-agenda:hover,.no-hover .bloc-card-agenda:focus { cursor: default; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card-agenda:hover:after,.no-hover .bloc-card-agenda:focus:after { opacity: 0 } .no-hover .bloc-card-agenda:hover .event-date,.no-hover .bloc-card-agenda:focus .event-date { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .no-hover .bloc-card-agenda:hover .caption,.no-hover .bloc-card-agenda:focus .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card-agenda:hover .caption .link,.no-hover .bloc-card-agenda:focus .caption .link { opacity: 1 } .no-hover .bloc-card-agenda:hover figure,.no-hover .bloc-card-agenda:focus figure { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none } .no-hover .bloc-card-agenda:hover .no-photo,.no-hover .bloc-card-agenda:focus .no-photo { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card-agenda .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-card-agenda .caption .link { opacity: 1 } .bloc-card-agenda .no-photo { width: 100%; height: 15.625rem; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card-agenda figure { position: relative; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card-agenda figure:after { content: "" } .bloc-card-agenda figure img { height: 24.0625rem } .bloc-card-agenda figure.big_event_image img { height: 36.5625rem } .bloc-card-agenda figure figcaption { display: none } .bloc-card-agenda .caption { position: static; top: auto; left: 20px; right: 20px; bottom: 0; margin-top: 8px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card-agenda .caption h2,.bloc-card-agenda .caption h3 { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.375rem; margin-top: 2px } @media screen and (max-width: 599px) { .bloc-card-agenda .caption h2,.bloc-card-agenda .caption h3 { font-size:1.375rem; margin-bottom: 10px } } .bloc-card-agenda .caption .link { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.5rem; letter-spacing: 0; text-transform: none; opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-card-agenda .caption .location { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 400; color: #000; line-height: 1.375rem; text-transform: uppercase; text-align: right } .bloc-card-agenda .caption .theme { margin-bottom: 0 } .bloc-card-agenda .caption .theme span { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 400; color: #4C4C4C; line-height: 1.375rem } .card-non-partenaire { position: relative; display: block; margin-bottom: 20px; position: relative; overflow: hidden; overflow: visible } .card-non-partenaire:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 71.42857% } .card-non-partenaire>.content,.card-non-partenaire>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media screen and (max-width: calc(1200px + 80px + 80px)) { .card-non-partenaire { border:1px solid rgba(0,0,0,0.1) } .card-non-partenaire:before { content: none } } .card-non-partenaire .content { padding: 30px; border: 1px solid rgba(0,0,0,0.1) } @media screen and (max-width: calc(1200px + 80px + 80px)) { .card-non-partenaire .content { padding:20px; position: relative; border: none } } @media screen and (max-width: 599px) { .card-non-partenaire .content { padding:30px } } .card-non-partenaire .content .theme { margin: 0 } .card-non-partenaire .content .theme span { color: #4C4C4C } .card-non-partenaire .content h2,.card-non-partenaire .content h3 { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 22px; margin: 0 0 5px 0 } .card-non-partenaire .content .addr { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #4C4C4C; line-height: 18px; display: block } .card-non-partenaire .pictos-cta { position: absolute } @media screen and (max-width: calc(1200px + 80px + 80px)) { .card-non-partenaire .pictos-cta { position:relative } } .crossselling-items { margin: 20px -20px -20px -20px; padding: 10px; background: #f5f5f5 } .crossselling-items h2 { margin: 0 10px; font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 28px; text-align: center; padding: 10px } .crossselling-items a { width: 33.33333%; padding: 10px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; float: left } .crossselling-items a h3 { font-size: 1rem; font-weight: 700; color: #1c1c1c; line-height: 1.5rem; margin-bottom: 5px; position: relative; z-index: 10; width: 80%; padding: 10px 0 } body:not(.no-hover) .crossselling-items a:hover { background: #fff } @media screen and (max-width: 767px) { .crossselling-items a { width:244px; float: none; margin: 0 28px; max-width: 244px; position: relative } } .aside-sticky { position: relative; width: 360px; -webkit-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; top: 175px } .aside-sticky.is-portrait { top: 23px } @media screen and (max-width: 1024px) { .aside-sticky { width:300px; top: 273px } .aside-sticky.is-portrait { top: 67px } } @media screen and (max-width: 980px) { .aside-sticky { top:0 !important; padding: 0 40px; margin: 0; width: calc(100% - 80px) } .aside-sticky.is-portrait { top: 0 !important } } @media screen and (max-width: 599px) { .aside-sticky { padding:0; width: 100% } .aside-sticky.is-portrait { top: 0 !important } } .aside-sticky .wrapper-image { width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; overflow: hidden; max-height: none; background-color: #000000 } .aside-sticky .wrapper-image img { height: auto } .aside-sticky .wrapper-image figcaption { display: none } @media screen and (max-width: 980px) { .aside-sticky .wrapper-image figure { max-width:300px; margin: 0 auto } } .aside-sticky.is-affixed .wrapper-maps,.aside-sticky.not-top .wrapper-maps { height: 0 } .aside-sticky.is-affixed .wrapper-maps .btn-small,.aside-sticky.not-top .wrapper-maps .btn-small { display: none } .aside-sticky.is-affixed .wrapper-maps .static-map img,.aside-sticky.not-top .wrapper-maps .static-map img { max-height: 0 } .aside-sticky.is-affixed .wrapper-price,.aside-sticky.not-top .wrapper-price { display: none } .aside-sticky.is-affixed .wrapper-image,.aside-sticky.not-top .wrapper-image { max-height: 0 } .is-scrolled.scrolldir-top .aside-sticky.is-sticky>div { margin-top: 80px } .aside-sticky.sticky-has-image:not(.is-sticky) { margin-top: -150px } @media screen and (max-width: 980px) { .aside-sticky.sticky-has-image:not(.is-sticky) { margin-top:0 } } .aside-sticky>div { -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { .aside-sticky>div { margin-top:0 } } .aside-sticky .wrapper-maps { position: relative; height: 150px } .aside-sticky .wrapper-maps:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; z-index: 100; background: #1ec459 } .aside-sticky .wrapper-maps .maps { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .aside-sticky .wrapper-maps .static-map img { max-height: 200px } .aside-sticky .wrapper-maps .wrapper-price { -webkit-transform: none; -ms-transform: none; transform: none; left: 40px; width: 90px; -webkit-transition: all .2s ease; transition: all .2s ease } .aside-sticky .wrapper-maps .wrapper-price .price>span { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 30px; text-transform: uppercase } .aside-sticky .wrapper-maps .wrapper-price .price>span .prix { font-size: 32px } .aside-sticky .wrapper-maps .wrapper-price .price>span .prix span { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 30px } .aside-sticky .wrapper-maps .btn-small { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #fff; line-height: 24px; background: rgba(0,0,0,0.9); position: absolute; bottom: 15px; right: 15px; padding: 5px 15px; border-radius: 10px; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 500 } body:not(.no-hover) .aside-sticky .wrapper-maps .btn-small:hover,body:not(.no-hover) .aside-sticky .wrapper-maps .btn-small:focus { background: #1ec459; color: #000 } .aside-sticky .sticky-bar { padding: 30px 40px } @media screen and (max-width: 1024px) { .aside-sticky .sticky-bar { padding:20px } } .aside-sticky .sticky-bar h2 { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 28px; margin-bottom: 12px } .aside-sticky .sticky-bar p,.aside-sticky .sticky-bar address { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 26px; display: block; margin-bottom: 3px } .aside-sticky .sticky-bar p strong,.aside-sticky .sticky-bar address strong { display: block; margin-top: 8px } .aside-sticky .sticky-bar .start { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 400; color: #000; line-height: 32px } .aside-sticky .sticky-bar a { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 26px; display: block; margin-bottom: 3px; word-wrap: break-word; text-decoration: underline } body:not(.no-hover) .aside-sticky .sticky-bar a:hover,body:not(.no-hover) .aside-sticky .sticky-bar a:focus { color: #1ec459; text-decoration: none } .aside-sticky .sticky-bar .btn { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 24px; margin: 15px 0; float: none; text-decoration: none } .aside-sticky .sticky-bar .btn:hover,.aside-sticky .sticky-bar .btn:focus { background: #1C1C1C; color: #fff !important } .aside-sticky .sticky-bar address+h2 { margin-top: 22px } .aside-sticky .sticky-bar .wrapper-tel:after { content: ''; clear: both; display: block } .aside-sticky .sticky-bar .tel { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 26px; float: left; width: 50%; margin-bottom: 5px } .aside-sticky .sticky-bar .tel.tel-2 { text-align: right } @media screen and (max-width: 980px) { .aside-sticky .sticky-bar .tel.tel-2 { margin-left:40px } } @media screen and (max-width: 599px) { .aside-sticky .sticky-bar .tel.tel-2 { margin-left:0 } } .aside-sticky .sticky-bar .tel:hover,.aside-sticky .sticky-bar .tel:focus { color: #1ec459 } @media screen and (max-width: 1024px) { .aside-sticky .sticky-bar .tel { font-size:13px; margin-bottom: 0 } } @media screen and (max-width: 980px) { .aside-sticky .sticky-bar .tel { width:auto } } @media screen and (max-width: 599px) { .aside-sticky .sticky-bar .tel { width:50% } } .aside-sticky .sticky-bar .reserv { min-height: 50px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAACCAIAAAA4pgDiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTZCODRDMjlFMkYxMUU4QTZEMkEzMEY2N0Q3RTFDQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTZCODRDMzlFMkYxMUU4QTZEMkEzMEY2N0Q3RTFDQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFNkI4NEMwOUUyRjExRThBNkQyQTMwRjY3RDdFMUNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFNkI4NEMxOUUyRjExRThBNkQyQTMwRjY3RDdFMUNCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XHK8TgAAADRJREFUeNpilJeXZ0ACJ06ckJCQYMANXrx4YWFhAecyoUmXl5e/fv0al2agFFABsghAgAEAVFEOrescdPYAAAAASUVORK5CIIA="); background-size: 21px 2px; background-position: top left; background-repeat: repeat-x; background-color: #1f1f1f; margin: 30px -40px -30px -40px; padding: 32px 40px 20px 40px } @media screen and (max-width: 980px) { .aside-sticky .sticky-bar .reserv { margin:30px -20px -30px -20px } } .aside-sticky .sticky-bar .reserv p { color: #fff; font-size: 12px; line-height: 20px } @media screen and (max-width: 980px) { .aside-sticky .sticky-bar .reserv p { font-size:14px } } .aside-sticky .sticky-bar .reserv a { text-transform: uppercase } .aside-sticky .sticky-bar .reserv.clermontpass-reserv { background-color: #e5e5e5; position: relative; background-image: none } .aside-sticky .sticky-bar .reserv.clermontpass-reserv .clermontpass-reserv__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .aside-sticky .sticky-bar .reserv.clermontpass-reserv .clermontpass-reserv__content p { margin-left: 10px; color: #000 } .aside-sticky .sticky-bar .reserv.clermontpass-reserv .clermontpass-reserv__content i { font-size: 58px; color: rgba(0,0,0,0.7) } .aside-sticky .sticky-bar .reserv.no-image { background-image: none } .aside-sticky .sticky-bar .reserv.no-margin { margin-top: 0; padding-top: 9px } .gm-style-iw-t:after { content: none } .gm-style-thuria { overflow: visible; max-width: 280px !important; padding: 0; width: 100% !important } @media screen and (max-width: 599px) { .gm-style-thuria { max-width:240px !important } } .gm-style-thuria>div { -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 100% !important; max-width: 100% !important; overflow: auto !important; -webkit-overflow-scrolling: touch } @media screen and (max-width: 599px) { .gm-style-thuria>div { margin:0 !important; max-width: 240px !important } } .gm-style-thuria>div:after { content: "\e916"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; bottom: -25px; left: calc(50% + 2px); color: #fff; font-size: 64px; -webkit-transform: rotate(180deg) translateX(50%); -ms-transform: rotate(180deg) translateX(50%); transform: rotate(180deg) translateX(50%) } .gm-style-thuria>div>div { border-radius: 0; overflow: hidden !important; background: #FFF } .gm-style-thuria .gm-ui-hover-effect { z-index: 10000000; top: -15px !important; right: -15px !important; width: 30px !important; height: 30px !important; background: white !important; opacity: 1; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .gm-style-thuria .gm-ui-hover-effect:hover { background: #E5E5E5 !important } .gm-style-thuria .gm-ui-hover-effect img { width: 20px; height: 20px; margin: 0 auto } .gm-control-active img { position: absolute !important } #map-inte-container { padding: 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); background: #FFF; border-radius: 0; display: block } #map-inte-container.card-non-partenaire { margin: 0; border: none } #map-inte-container.card-non-partenaire:before { content: none } #map-inte-container.card-non-partenaire .map-inte-content { position: relative } #map-inte-container.card-non-partenaire .content { position: relative; padding: 20px; border: none } #map-inte-container.card-non-partenaire .pictos-cta { position: relative } #map-inte-container .map-inte-header { position: relative } #map-inte-container .map-inte-header .wrapper-price { -webkit-transform: none; -ms-transform: none; transform: none } #map-inte-container .map-inte-header .event-date { -webkit-transform: none; -ms-transform: none; transform: none } #map-inte-container .map-inte-header figure { overflow: hidden; position: relative; height: 160px } #map-inte-container .map-inte-header figure:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(54%, rgba(0,0,0,0)), color-stop(99%, rgba(0,0,0,0.65)), to(rgba(0,0,0,0.65))); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0) } #map-inte-container .map-inte-header figure img { -webkit-transition: all 5s linear; transition: all 5s linear; -webkit-animation: slowZoom 5s linear forwards 0s; animation: slowZoom 5s linear forwards 0s; -webkit-animation-play-state: paused; animation-play-state: paused } #map-inte-container .map-inte-content { background: #fff; position: relative; z-index: 10; border-radius: 12px; display: block; border-radius: 0 } #map-inte-container .map-inte-content-text { padding: 10px 15px; position: relative; z-index: 10; left: 0; right: 0; width: 100%; bottom: 0 } #map-inte-container .map-inte-content-text .location { position: absolute; top: 10px; right: 0; color: #000; line-height: 16px; white-space: nowrap; width: 45%; text-align: right; overflow: hidden; text-overflow: ellipsis } #map-inte-container .map-inte-content-text .theme { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 50%; margin-bottom: 0 } #map-inte-container .map-inte-content-text .theme span { color: #4C4C4C } #map-inte-container .map-inte-content-text .wrapper-rate { position: relative; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #map-inte-container .map-inte-content-text .wrapper-rate:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } #map-inte-container .map-inte-content-text .wrapper-rate .rate { float: left; margin-bottom: 0 } #map-inte-container .map-inte-content-text .wrapper-rate .location { position: relative; top: 0; right: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: -3px; display: inline-block; color: #000; padding-left: 10px } #map-inte-container .map-inte-content-text .rate>span { font-size: 16px; display: inline-block; vertical-align: top; line-height: 22px } #map-inte-container .map-inte-content-text .theme span { color: #4c4c4c; line-height: 1.375rem } #map-inte-container .map-inte-content-text h3 { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 22px; z-index: 11; max-width: 80%; margin-bottom: 5px } #map-inte-container .map-inte-content-text .link { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; margin-bottom: 10px; display: block; display: inline-block } #map-inte-container .map-inte-content-text .link:after { content: ''; display: block; width: 100%; height: 4px; background-color: #000 } #map-inte-container .map-inte-content-text.txt { border: 1px solid #cccccc; border-bottom: none; padding: 30px } #map-inte-container .map-inte-content-text.txt>*:last-child { margin-bottom: 0 } #map-inte-container .map-inte-content-text.txt address { display: block; font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #000; line-height: 19px; margin-bottom: 10px } #map-inte-container .map-inte-content-text.txt address strong { display: block } #map-inte-container .map-inte-content-text.txt span { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 700; color: #000; line-height: 19px; display: block } #map-inte-container .map-inte-content-text.txt p { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #000; line-height: 19px; margin-bottom: 10px } #map-inte-container .map-inte-content-text.txt p strong { color: #000 } #map-inte-container .map-inte-content-text.txt .btn { margin-top: 0; display: inline-block; margin-bottom: 10px; padding: 8px 15px } #map-inte-container .map-inte-content-text.txt .link { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #1ec459; line-height: 19px } body:not(.no-hover) #map-inte-container .map-inte-content-text.txt .link:hover,body:not(.no-hover) #map-inte-container .map-inte-content-text.txt .link:focus { color: #14823b } .leaflet-container .custom-popup-thuria { width: 260px !important; max-width: 260px !important; border-radius: 0 } .leaflet-container .custom-popup-thuria .leaflet-popup-content { margin: 0; border-radius: 0; padding: 0; font-size: 13px; line-height: 19px } .leaflet-container .custom-popup-thuria .leaflet-popup-content-wrapper,.leaflet-container .custom-popup-thuria .leaflet-popup-ti { -webkit-box-shadow: none; box-shadow: none; border-radius: 0 } .leaflet-container .custom-popup-thuria a.leaflet-popup-close-button { padding: 0; line-height: 30px; background: #fff } body:not(.no-hover) .leaflet-container .custom-popup-thuria a.leaflet-popup-close-button:hover,body:not(.no-hover) .leaflet-container .custom-popup-thuria a.leaflet-popup-close-button:focus { background: #000 !important; color: #fff !important } .leaflet-container .custom-popup-thuria .leaflet-popup-close-button { position: absolute; z-index: 10000000; top: -15px !important; right: -15px !important; width: 30px !important; height: 30px !important; background: white !important; opacity: 1; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease; font-size: 23px; line-height: 30px; color: black; font-size: 0 } .leaflet-container .custom-popup-thuria .leaflet-popup-close-button:before { font-family: 'icomoon'; display: block; margin-left: 1px; font-size: 11px } .leaflet-pane.leaflet-popup-pane .custom-popup-thuria.leaflet-popup .leaflet-popup-content-wrapper { overflow: hidden !important } .barre-listing-sit { position: fixed; left: auto; right: 0px; bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 76px; background-color: #fff; -webkit-box-shadow: 8px -5px 70px rgba(0,0,0,0.2); box-shadow: 8px -5px 70px rgba(0,0,0,0.2); z-index: 9999 } @media screen and (max-width: 980px) { .barre-listing-sit { bottom:50px } } @media screen and (max-width: 599px) { .barre-listing-sit { height:50px } } .barre-listing-sit .content-wrapper.bloc-medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-height: 100% } @media screen and (max-width: 599px) { .barre-listing-sit .content-wrapper.bloc-medium { margin-left:10px !important; margin-right: 10px !important } } .barre-listing-sit .action-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .barre-listing-sit .action-map { width:30px; height: 30px } } .barre-listing-sit .action-map button { width: 100%; height: 100%; border-radius: 50%; border: 2px solid rgba(0,0,0,0.2); background: transparent; padding: 0; cursor: pointer } body:not(.no-hover) .barre-listing-sit .action-map button:hover,body:not(.no-hover) .barre-listing-sit .action-map button:focus { background-color: #1ec459; border-color: #1ec459 } body:not(.no-hover) .barre-listing-sit .action-map button:focus { outline: 1px dashed #000 } .barre-listing-sit .action-map [class^="icon-"],.barre-listing-sit .action-map [class*=" icon-"] { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; font-size: 1.6875rem; color: #000 } @media screen and (max-width: 599px) { .barre-listing-sit .action-map [class^="icon-"],.barre-listing-sit .action-map [class*=" icon-"] { font-size:.875rem } } .barre-listing-sit .action-map+.resultats { margin-left: 20px } @media screen and (max-width: 1024px) { .barre-listing-sit .resultats { -webkit-box-ordinal-group:7; -ms-flex-order: 6; order: 6; text-align: right } } .barre-listing-sit .resultats span { display: block; font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 400; color: #3C3C3B; line-height: .9375rem } @media screen and (max-width: 599px) { .barre-listing-sit .resultats span { font-size:.625rem; line-height: .625rem } } .barre-listing-sit .resultats span:last-of-type { font-weight: 500 } .barre-listing-sit .col-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto } @media screen and (max-width: 1024px) { .barre-listing-sit .col-right { margin-left:20px; margin-right: auto } } @media screen and (max-width: 1024px) { .barre-listing-sit .col-right .agenda-inputs { display:none } } .barre-listing-sit .col-right .agenda-inputs input { display: none } .barre-listing-sit .col-right .btn-transparent { margin-right: 10px } .barre-listing-sit .col-right .btn-transparent.selected { background-color: #000; color: #fff } .barre-listing-sit .col-right .form-reserve { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; border-right: 1px dashed #000; height: 42px } @media screen and (max-width: 1024px) { .barre-listing-sit .col-right .form-reserve { border:none } } @media screen and (max-width: 599px) { .barre-listing-sit .col-right .form-reserve { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; margin: 0; padding-left: 25px } .barre-listing-sit .col-right .form-reserve:before { content: "\e903"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: .9375rem; color: #000; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .barre-listing-sit .col-right .form-reserve.facette-date span,.barre-listing-sit .col-right .form-reserve label,.barre-listing-sit .col-right .form-reserve input { font-size: 1.25rem; line-height: 1.25rem } @media screen and (max-width: 599px) { .barre-listing-sit .col-right .form-reserve.facette-date span,.barre-listing-sit .col-right .form-reserve label,.barre-listing-sit .col-right .form-reserve input { font-size:.8125rem; line-height: .8125rem } } .barre-listing-sit .col-right .form-reserve input { padding-top: 0; padding-bottom: 0 } @media screen and (max-width: 599px) { .barre-listing-sit .col-right .form-reserve input { pointer-events:none } } .barre-listing-sit .col-right .form-reserve .date-coming-in,.barre-listing-sit .col-right .form-reserve .date-going-out { position: relative; padding-right: 19px; margin-right: 30px } .barre-listing-sit .col-right .form-reserve .date-coming-in:before,.barre-listing-sit .col-right .form-reserve .date-going-out:before { content: ""; display: block; width: 100%; height: 4px; background-color: #000; position: absolute; bottom: -5px; left: 0; opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: all .2s ease; transition: all .2s ease } .barre-listing-sit .col-right .form-reserve .date-coming-in:after,.barre-listing-sit .col-right .form-reserve .date-going-out:after { content: "\e903"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: .9375rem; color: #000; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width: 599px) { .barre-listing-sit .col-right .form-reserve .date-coming-in:after,.barre-listing-sit .col-right .form-reserve .date-going-out:after { display:none } } .barre-listing-sit .col-right .form-reserve .date-coming-in input,.barre-listing-sit .col-right .form-reserve .date-going-out input { width: 55px; cursor: pointer } @media screen and (max-width: 1024px) { .barre-listing-sit .col-right .form-reserve .date-coming-in input,.barre-listing-sit .col-right .form-reserve .date-going-out input { width:72px } } body:not(.no-hover) .barre-listing-sit .col-right .form-reserve .date-coming-in:hover:before,body:not(.no-hover) .barre-listing-sit .col-right .form-reserve .date-coming-in:focus:before,body:not(.no-hover) .barre-listing-sit .col-right .form-reserve .date-going-out:hover:before,body:not(.no-hover) .barre-listing-sit .col-right .form-reserve .date-going-out:focus:before { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } @media screen and (max-width: 980px) { .barre-listing-sit .cta { position:fixed; left: 0; right: 0; bottom: 0; width: 100vw; height: 50px } } main header { overflow: hidden; position: relative } @media screen and (max-width: 599px) { main header { overflow:initial } } main header.header-homepage+.bloc { margin-top: 40px } @media screen and (max-width: 599px) { main header.header-homepage+.bloc { margin-top:20px } } main header+.wrapper-main { margin-top: 40px } @media screen and (max-width: 599px) { main header+.wrapper-main { margin-top:20px } } main header+.bloc { margin-top: 80px } @media screen and (max-width: 599px) { main header+.bloc { margin-top:40px } } main header figure { position: relative } main header figure figcaption { bottom: 0; top: auto } @media screen and (max-width: 1280px) { main header figure figcaption { bottom:90px; top: auto; right: 20px } } @media screen and (max-width: 1200px) { main header figure figcaption { right:0 } } @media screen and (max-width: 599px) { main header figure figcaption { bottom:0 } } main header .video-play { position: absolute; left: 50%; top: -80px; width: 44px; height: 44px; margin-left: -22px; background-color: #1ec459; border-radius: 50%; border: none; margin-bottom: 21px; cursor: pointer; z-index: 60; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-aspect-ratio: 118 / 101) { main header .video-play { display:none } } @media screen and (max-width: 980px) { main header .video-play { display:none } } main header .video-play [class^="icon-"],main header .video-play [class*=" icon-"] { color: #000; font-size: 20px; font-weight: 400; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px } main header .video-play .icon-ico-lecteur { padding-left: 2px } body:not(.no-hover) main header .video-play:hover,body:not(.no-hover) main header .video-play:focus { -webkit-box-shadow: 0 20px 30px rgba(0,0,0,0.3); box-shadow: 0 20px 30px rgba(0,0,0,0.3); background: #fff } main header .caption { -webkit-transform: none; -ms-transform: none; transform: none; top: auto; bottom: 90px; z-index: 100; width: 100% } @media screen and (max-width: 1280px) { main header .caption { width:calc(100% - 80px) } } @media (orientation: landscape) and (max-width: 730px) { main header .caption { bottom:40px; top: auto; -webkit-transform: none; -ms-transform: none; transform: none } } @media screen and (max-width: 599px) { main header .caption { bottom:40px; width: calc(100% - 80px) } } @media screen and (max-width: 599px) { main header .caption { width:calc(100% - 40px) } } main header .caption>div { max-width: 800px } main header .caption>div>*:last-child { margin-bottom: 0 } main header h1 { font-family: "Roboto",Sans-Serif; font-size: 60px; font-weight: 700; color: #fff; line-height: 72px; text-transform: uppercase; display: block; margin-bottom: 10px } @media (orientation: landscape) and (max-width: 730px) { main header h1 { font-size:30px; line-height: 32px } } @media screen and (max-width: 599px) { main header h1 { font-size:40px; line-height: 44px } } main header p { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #fff; line-height: 22px } @media screen and (max-width: 599px) { main header.small-header .cover_macaron { top:-65px; right: 0 } } main header.small-header figure { height: 555px } @media screen and (max-width: 599px) { main header.small-header figure { height:400px } } main header.small-header figure img { height: 100% } main header.small-header a { color: #000; font-weight: 700 } body:not(.no-hover) main header.small-header a:hover,body:not(.no-hover) main header.small-header a:focus { color: #1ec459; cursor: pointer } main header.small-header .no-photo { height: 475px } .ie main header.small-header.vertical-header figure { background-color: #999 } .ie main header.small-header.vertical-header figure img { display: none } main header.small-header.vertical-header img { -webkit-filter: blur(35px); filter: blur(35px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3') } main header.small-header .caption .event-date { position: relative; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; margin-right: 20px; padding: 6px 0 2px; display: inline-block; vertical-align: top } @media screen and (max-width: 980px) { main header.small-header .caption .event-date { margin-bottom:20px } } main header.small-header .caption>div { display: inline-block; vertical-align: top; max-width: 490px } @media screen and (min-width: 1600px) { main header.small-header .caption>div { max-width:800px } } main header.small-header .surtitre { margin-bottom: 0 } main header.small-header h1 { margin-top: 2px } main header.small-header .menu-pro ul a { position: relative; color: #fff } main header.small-header .menu-pro ul a:after { content: ''; display: block; width: 0%; height: 4px; background-color: #fff; position: absolute; bottom: -4px; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } main header.small-header .menu-pro ul a:hover,main header.small-header .menu-pro ul a:focus { color: #fff } main header.small-header .menu-pro ul a:hover:after,main header.small-header .menu-pro ul a:focus:after { opacity: 1; width: calc(100% - 20px) } main header.small-header .menu-pro ul li:last-of-type a:after { left: 20px } main header.small-header:before { content: ''; display: block; position: absolute; width: 100%; height: 337px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), #000); background: linear-gradient(0deg, rgba(0,0,0,0), #000); z-index: 30 } @media screen and (max-width: 599px) { main header.small-header:before { height:60% } } main header.small-header .cover { height: 100% } main header.small-header .cover .video-play { position: absolute; top: 35%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 44px; height: 44px; background-color: #1ec459; border-radius: 50%; border: none; margin-bottom: 21px; cursor: pointer; z-index: 99999; -webkit-transition: all .2s ease; transition: all .2s ease } @media (max-width: 1835px) { main header.small-header .cover .video-play { display:none } } main header.small-header .cover .video-play [class^="icon-"],main header.small-header .cover .video-play [class*=" icon-"] { color: #000; font-size: 19px; font-weight: 400; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } main header.small-header .cover .video-play .icon-ico-lecteur { margin-left: 2px } main header.small-header .cover .video-play:hover,main header.small-header .cover .video-play:focus { -webkit-box-shadow: 0 20px 30px rgba(0,0,0,0.3); box-shadow: 0 20px 30px rgba(0,0,0,0.3); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } main header.small-header.has-photo { margin-top: 80px } main header.small-header.has-photo.foreign-lang { margin-top: 120px } main header.small-header.has-photo:before { content: none } main header.small-header.has-photo #breadcrumb { padding-left: 0; padding-right: 0 } main header.small-header.has-photo .intro-couverture { margin-bottom: 35px; margin-top: 0 } main header.small-header.has-photo .intro-couverture .bloc-texte { text-align: center } @media screen and (max-width: 1360px) { main header.small-header.has-photo .intro-couverture .bloc-texte * { max-width:none !important } } main header.small-header.has-photo figure { max-width: 1200px; margin: 0 auto; height: auto; position: relative; overflow: hidden } main header.small-header.has-photo figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 46.25% } main header.small-header.has-photo figure>.content,main header.small-header.has-photo figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media screen and (max-width: 1280px) { main header.small-header.has-photo figure { margin:0 40px; width: calc(100% - 80px) } } @media screen and (max-width: 599px) { main header.small-header.has-photo figure { position:relative; overflow: hidden; margin: 0 20px; width: calc(100% - 40px) } main header.small-header.has-photo figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 65.67164% } main header.small-header.has-photo figure>.content,main header.small-header.has-photo figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } } main header.small-header.has-photo figure img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100% } main header.small-header.has-no-photo { margin-top: 80px; padding-bottom: 0 } main header.small-header.has-no-photo:before { content: none } main header.small-header.has-no-photo #breadcrumb { padding-left: 0; padding-right: 0 } main header.small-header.has-no-photo .intro-couverture { margin-top: 0 } @media screen and (max-width: 599px) { main header.small-header.has-no-photo .intro-couverture { padding-top:20px } } main header.small-header.has-no-photo .intro-couverture .bloc-texte { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #1c1c1c; padding: 40px 80px; text-align: center } @media screen and (max-width: 980px) { main header.small-header.has-no-photo .intro-couverture .bloc-texte { padding:40px 40px } } @media screen and (max-width: 599px) { main header.small-header.has-no-photo .intro-couverture .bloc-texte { padding:30px 20px } } main header.small-header.has-no-photo .intro-couverture .bloc-texte>* { max-width: none !important } main header.fullpage-header { height: calc(100vh - 100px) } @media screen and (max-width: 599px) { main header.fullpage-header { height:calc(100vh - 80px) } } main header.fullpage-header:before { content: ''; display: block; width: 100%; height: 40%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(27%, rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); z-index: 50 } main header.fullpage-header:after { content: ''; display: block; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(27%, rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); z-index: 50 } main header.fullpage-header figure { height: 100% } main header.fullpage-header figure img { height: 100% } main header.fullpage-header .no-photo { height: 550px } main header.fullpage-header .caption { bottom: 185px; -webkit-transform: none; -ms-transform: none; transform: none; top: auto } @media (orientation: landscape) and (max-width: 730px) { main header.fullpage-header .caption { bottom:40px } } @media screen and (max-width: 599px) { main header.fullpage-header .caption { bottom:20px } } main header.fullpage-header .caption>* { display: inline-block; vertical-align: top } main header.fullpage-header .caption .event-date { position: relative; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; margin-right: 20px; padding: 6px 8px 2px } @media screen and (max-width: 980px) { main header.fullpage-header .caption .event-date { margin-bottom:20px } } main header.fullpage:before { content: ''; display: block; width: 100%; height: 40%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(27%, rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); z-index: 50 } main header.fullpage .credits { display: none } main header.fullpage figure { position: relative; height: 100vh } @media screen and (max-width: 599px) { main header.fullpage figure { height:70vh } } main header.fullpage figure img { height: 100% } main header.fullpage figure:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(27%, rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); z-index: 50 } main header.fullpage .intro-couverture { margin-top: -220px; z-index: 51 } @media screen and (max-width: 1024px) { main header.fullpage .intro-couverture { margin-top:-260px } } @media screen and (max-width: 980px) { main header.fullpage .intro-couverture { margin-top:-280px } } @media screen and (max-width: 599px) { main header.fullpage .intro-couverture { margin-top:-50px } } @media screen and (max-width: 599px) { main header.fullpage .intro-couverture .bloc-texte { padding:20px } } main header.fullpage .no-photo { height: 550px } main header.fullpage .caption { bottom: 185px; -webkit-transform: none; -ms-transform: none; transform: none; top: auto } @media (orientation: landscape) and (max-width: 730px) { main header.fullpage .caption { bottom:40px } } @media screen and (max-width: 599px) { main header.fullpage .caption { bottom:20px } } main header.fullpage .caption>* { display: inline-block; vertical-align: top } main header.fullpage .caption .event-date { position: relative; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; margin-right: 20px; padding: 6px 8px 2px } @media screen and (max-width: 980px) { main header.fullpage .caption .event-date { margin-bottom:20px } } main header.fullpage .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100vh } @media screen and (max-width: 1024px) { main header.fullpage .cover { display:none } } main header.fullpage .video-play { top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media screen and (max-width: 599px) { main header.fullpage .cover_macaron { top:-65px; right: 20px } } main header.is-menu-pro .caption { bottom: 160px } main header .cover_macaron { position: absolute; right: 40px; bottom: auto; top: -120px; width: 160px; height: 160px; background: #1ec459; border-radius: 50%; overflow: hidden; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.15); box-shadow: 0 10px 20px rgba(0,0,0,0.15); z-index: 9999 } @media screen and (max-width: 1200px) { main header .cover_macaron { right:40px } } @media screen and (max-width: 800px) { main header .cover_macaron { width:120px; height: 120px; top: 395px; right: 80px } } @media screen and (max-width: 599px) { main header .cover_macaron { width:80px; height: 80px; top: 310px } } @media screen and (max-width: 599px) { main header .cover_macaron { right:20px } } main header .cover_macaron figure { height: 100%; background: transparent } main header .cover_macaron figure:before { content: none } main header .cover_macaron figure:after { content: none } main header .cover_macaron figure figcaption { display: none } @media screen and (max-width: 599px) { main header .cover_macaron+.caption { bottom:40px } } main .header-accueil { position: relative; text-align: center; height: 100vh } @media screen and (max-width: 599px) { main .header-accueil { overflow:hidden } } main .header-accueil:before { content: ''; display: block; width: 100%; height: 40%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(27%, rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); z-index: 50; pointer-events: none } main .header-accueil:after { content: ''; display: block; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(27%, rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 27%, #000 100%); z-index: 50; pointer-events: none } main .header-accueil figure { height: 100% } main .header-accueil figure img { height: 100% } main .header-accueil .credits,main .header-accueil figcaption { display: none } main .header-accueil.cover .wrapper-img .caption h1 { margin: 0 auto 25px auto } main .header-accueil .caption-homepage .algolia-search-opener { position: relative; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #4C4C4C; line-height: 22px; background-color: #fff; height: 5rem; text-align: left; width: 47.5rem; padding: 33px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; margin: auto; cursor: pointer; -webkit-box-shadow: 0 20px 30px rgba(0,0,0,0.3); box-shadow: 0 20px 30px rgba(0,0,0,0.3); -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { main .header-accueil .caption-homepage .algolia-search-opener { width:100%; margin: auto 0px; right: 0 } } @media screen and (max-width: 599px) { main .header-accueil .caption-homepage .algolia-search-opener { height:auto; padding: 13px 30px } } main .header-accueil .caption-homepage .algolia-search-opener:after { content: ''; display: block; width: 0%; height: 3px; background-color: #1ec459; position: absolute; bottom: -3px; left: 0; right: 0; opacity: 0; -webkit-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out } main .header-accueil .caption-homepage .algolia-search-opener [class^="icon-"],main .header-accueil .caption-homepage .algolia-search-opener [class*=" icon-"] { font-size: 20px; color: #000 !important; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { main .header-accueil .caption-homepage .algolia-search-opener [class^="icon-"],main .header-accueil .caption-homepage .algolia-search-opener [class*=" icon-"] { margin-left:20px } } main .header-accueil .caption-homepage .algolia-search-opener:hover,main .header-accueil .caption-homepage .algolia-search-opener:focus { -webkit-box-shadow: 0 20px 30px rgba(0,0,0,0.6); box-shadow: 0 20px 30px rgba(0,0,0,0.6) } main .header-accueil .caption-homepage .algolia-search-opener:hover [class^="icon-"],main .header-accueil .caption-homepage .algolia-search-opener:hover [class*=" icon-"],main .header-accueil .caption-homepage .algolia-search-opener:focus [class^="icon-"],main .header-accueil .caption-homepage .algolia-search-opener:focus [class*=" icon-"] { color: #1ec459 } main .header-accueil .caption-homepage .algolia-search-opener:hover:after,main .header-accueil .caption-homepage .algolia-search-opener:focus:after { width: 100%; opacity: 1 } main.page-listing header .caption { bottom: 100px } @media screen and (max-width: 599px) { main.page-listing header .caption { bottom:20px } } main.page-listing header figure figcaption { bottom: 0 } main .intro-couverture { z-index: 20; background-color: #fff; margin-top: -80px } @media screen and (max-width: 599px) { main .intro-couverture { margin-top:0 } } main .intro-couverture+.menu-pro { position: relative; margin-top: 30px } @media screen and (max-width: 599px) { main .intro-couverture+.menu-pro { margin-top:20px } } main .intro-couverture #breadcrumb { position: relative; bottom: 0; padding: 40px } main .intro-couverture #breadcrumb a:after { color: #000; background-color: #000 } main .intro-couverture #breadcrumb a:hover,main .intro-couverture #breadcrumb a:focus { color: #000; text-decoration: underline } main .intro-couverture #breadcrumb a:hover span,main .intro-couverture #breadcrumb a:focus span { color: #000; text-decoration: underline } main .intro-couverture #breadcrumb span { color: #000 } main .intro-couverture .bloc-texte { padding: 0 120px } @media screen and (max-width: calc(1200px + 80px + 80px)) { main .intro-couverture .bloc-texte { padding:0 40px } } @media screen and (max-width: 599px) { main .intro-couverture .bloc-texte { padding:20px 0 0 0 } } main .intro-couverture .bloc-texte .surtitre { color: #000; margin-bottom: 4px } @media screen and (max-width: 599px) { main .intro-couverture .bloc-texte .surtitre { margin-bottom:0 } } main .intro-couverture .bloc-texte h1 { font-family: "Roboto",Sans-Serif; font-size: 60px; font-weight: 700; color: #000; line-height: 72px; text-transform: uppercase } @media screen and (max-width: 599px) { main .intro-couverture .bloc-texte h1 { font-size:2.5rem; line-height: 2.8125rem } } main .intro-couverture .bloc-texte a { color: #000 } main .intro-couverture .bloc-texte a:hover,main .intro-couverture .bloc-texte a:focus { font-weight: 700; color: #000 } main .intro-couverture .bloc-texte a:focus { outline: 1px dashed #000 } main .intro-couverture .bloc-texte p:last-of-type { margin-bottom: 0 } .cover { position: relative; height: 100%; width: 100%; overflow: hidden } .cover .container-video { z-index: 20; position: relative; overflow: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; background: #000 } .cover .container-video:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 56.25% } .cover .container-video>.content,.cover .container-video>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media screen and (max-aspect-ratio: 165 / 101) { .cover .container-video { width:130% } } @media screen and (max-aspect-ratio: 138 / 101) { .cover .container-video { width:140% } } @media screen and (max-aspect-ratio: 126 / 72) { .cover .container-video { width:120% } } @media screen and (max-aspect-ratio: 128 / 80) { .cover .container-video { width:115% } } @media screen and (max-aspect-ratio: 1223 / 960) { .cover .container-video { width:110% } } @media screen and (max-aspect-ratio: 1485 / 960) { .cover .container-video { width:140% } } @media screen and (max-aspect-ratio: 118 / 101) { .cover .container-video { display:none } } @media screen and (max-width: 980px) { .cover .container-video { display:none } } .cover .container-video>video { width: 100%; height: 100%; z-index: 50 } @media screen and (max-width: 980px) { .cover .container-video>video { display:none } } .cover figure { width: 100%; height: 100% } .page-landing { overflow: hidden } .page-landing header { overflow: visible } .page-landing header.fullpage:before,.page-landing header.fullpage:after { content: none } .page-landing header .content-wrapper { height: 100% } .page-landing header .content-wrapper h1 { font-size: 300px; color: #1C1C1C; line-height: 250px; z-index: 100; margin-bottom: 0; padding-top: 250px } @media screen and (max-width: 1280px) { .page-landing header .content-wrapper h1 { font-size:220px; line-height: 180px } } @media screen and (max-width: 980px) { .page-landing header .content-wrapper h1 { font-size:180px; line-height: 150px; padding-top: 180px } } @media screen and (max-height: 800px) { .page-landing header .content-wrapper h1 { font-size:250px; line-height: 200px } } @media screen and (max-width: 599px) { .page-landing header .content-wrapper h1 { font-size:110px; line-height: 90px; padding-top: 150px } } .page-landing .btn { font-family: "Roboto",Sans-Serif; font-size: 22px; color: #000; line-height: 26px; position: relative; background: #1ec459; padding: 11px 33px; text-transform: uppercase; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .page-landing .btn:hover,body:not(.no-hover) .page-landing .btn:focus { background: #000; color: #fff } .page-landing .deco { display: block; width: 32px; height: 4px; background: #1ec459 } .page-landing .landing-img-top { position: absolute; top: 270px; right: 0; z-index: 1000; max-width: 447px } .page-landing .landing-img-top:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 1280px) { .page-landing .landing-img-top { top:180px } } @media screen and (max-width: 1024px) { .page-landing .landing-img-top { max-width:350px } } @media screen and (max-height: 800px) { .page-landing .landing-img-top { top:150px } } @media screen and (max-width: 980px) { .page-landing .landing-img-top { position:relative; top: 0; float: right; margin-top: -120px; margin-bottom: 40px } } @media screen and (max-width: 720px) { .page-landing .landing-img-top { margin-top:40px; margin-bottom: 40px } } @media screen and (max-width: 599px) { .page-landing .landing-img-top { max-width:100% } } .page-landing .landing-img-top figure { background: none; height: auto } .page-landing .landing-img-top figure img { width: 100% } .page-landing .landing-img-top figure figcaption { top: 0; right: 0; bottom: auto; left: auto } .page-landing .landing-img-top .no-photo { position: relative; overflow: hidden; height: auto } .page-landing .landing-img-top .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 66.66667% } .page-landing .landing-img-top .no-photo>.content,.page-landing .landing-img-top .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .page-landing .landing-img-top .deco { margin: 40px 0 40px 95px } @media screen and (max-width: 1024px) { .page-landing .landing-img-top .deco { margin-left:40px } } .page-landing .landing-img-top h2 { font-size: 38px; line-height: 38px; margin-left: 95px } @media screen and (max-width: 1024px) { .page-landing .landing-img-top h2 { margin-left:40px } } .page-landing .landing-img-top p { color: #000; line-height: 24px; margin-left: 95px } @media screen and (max-width: 1024px) { .page-landing .landing-img-top p { margin-left:40px } } .page-landing .landing-img-top p:last-child { margin-bottom: 0 } .page-landing .nav-interne-replace { height: 0 } .nav-sticky .page-landing .nav-interne-replace { height: 76px } @media screen and (max-width: 1024px) { .nav-sticky .page-landing .nav-interne-replace { height:56px } } .page-landing .nav-interne { position: relative; z-index: 2000; clear: both; margin-top: -30px } @media screen and (max-width: 599px) { .page-landing .nav-interne { margin-top:50px; -webkit-box-shadow: 0 0 80px 10px rgba(0,0,0,0.2); box-shadow: 0 0 80px 10px rgba(0,0,0,0.2); background: white } } .nav-sticky .page-landing .nav-interne { position: fixed; top: 0; left: 0; right: 0; margin: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .nav-sticky.scrolldir-top .page-landing .nav-interne { top: 80px } .page-landing .nav-interne .navscroll { position: relative; left: -40px; display: inline-block; font-size: 0; -webkit-box-shadow: 0 0 80px 10px rgba(0,0,0,0.2); box-shadow: 0 0 80px 10px rgba(0,0,0,0.2); width: auto } @media screen and (max-width: 599px) { .page-landing .nav-interne .navscroll { white-space:nowrap; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-box-shadow: none; box-shadow: none; left: -20px; right: -20px; width: calc(100% + 40px); padding: 0 20px 0 0 } } .page-landing .nav-interne .navscroll li,.page-landing .nav-interne .navscroll .item { position: relative; display: inline-block; vertical-align: middle } .page-landing .nav-interne .navscroll li:first-of-type:before,.page-landing .nav-interne .navscroll .item:first-of-type:before { content: none } .page-landing .nav-interne .navscroll li.landing-scroll:before,.page-landing .nav-interne .navscroll .item.landing-scroll:before { content: none } .page-landing .nav-interne .navscroll li.landing-scroll a,.page-landing .nav-interne .navscroll .item.landing-scroll a { top: 0; color: #000; padding-left: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .page-landing .nav-interne .navscroll li.landing-scroll a span,.page-landing .nav-interne .navscroll .item.landing-scroll a span { position: relative; display: block; line-height: 24px; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .page-landing .nav-interne .navscroll li.landing-scroll a:hover span,body:not(.no-hover) .page-landing .nav-interne .navscroll li.landing-scroll a:focus span,body:not(.no-hover) .page-landing .nav-interne .navscroll .item.landing-scroll a:hover span,body:not(.no-hover) .page-landing .nav-interne .navscroll .item.landing-scroll a:focus span { top: 10px; color: #000 } .page-landing .nav-interne .navscroll li:before,.page-landing .nav-interne .navscroll .item:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 1px; height: 18px; background: #ccc; z-index: 10 } .page-landing .nav-interne .navscroll li a,.page-landing .nav-interne .navscroll .item a { font-family: "Roboto",Sans-Serif; font-size: 1.5rem; font-weight: 700; color: #000; line-height: 1.5rem; background: #fff; position: relative; display: block; text-transform: uppercase; padding: 26px 25px; -webkit-box-sizing: border-box; box-sizing: border-box } .page-landing .nav-interne .navscroll li a:after,.page-landing .nav-interne .navscroll .item a:after { content: ''; display: block; width: calc(100% - 50px); height: 4px; background-color: #1ec459; position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 1110px) { .page-landing .nav-interne .navscroll li a,.page-landing .nav-interne .navscroll .item a { font-size:20px; padding: 16px 20px } } body:not(.no-hover):not(.touch-mode) .page-landing .nav-interne .navscroll li a:hover,body:not(.no-hover):not(.touch-mode) .page-landing .nav-interne .navscroll li a:focus,body:not(.no-hover):not(.touch-mode) .page-landing .nav-interne .navscroll .item a:hover,body:not(.no-hover):not(.touch-mode) .page-landing .nav-interne .navscroll .item a:focus { color: #000 } body:not(.no-hover):not(.touch-mode) .page-landing .nav-interne .navscroll li a:hover:after,body:not(.no-hover):not(.touch-mode) .page-landing .nav-interne .navscroll li a:focus:after,body:not(.no-hover):not(.touch-mode) .page-landing .nav-interne .navscroll .item a:hover:after,body:not(.no-hover):not(.touch-mode) .page-landing .nav-interne .navscroll .item a:focus:after { opacity: 1 } .page-landing .nav-interne .navscroll li a.active,.page-landing .nav-interne .navscroll .item a.active { position: relative; color: #000 } .page-landing .nav-interne .navscroll li a.active:after,.page-landing .nav-interne .navscroll .item a.active:after { opacity: 1 } .page-landing .nav-interne .slick-prev { display: none !important } .page-landing .nav-interne .slick-next { background: none; right: 20px; position: absolute; top: 0; font-size: 0; z-index: 100; padding: 0 } .page-landing .nav-interne .slick-next:after { content: "\e901"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: 26px; line-height: 56px; color: #1ec459 } .page-landing .landing-large-img { position: relative; margin-top: -30px; left: -40px; padding-bottom: 45px } @media screen and (max-width: 599px) { .page-landing .landing-large-img { padding-bottom:20px; left: 0; margin-top: 0 } } .page-landing .landing-large-img a { display: block } body:not(.no-hover) .page-landing .landing-large-img a:hover .caption span,body:not(.no-hover) .page-landing .landing-large-img a:focus .caption span { background: #1C1C1C; color: #fff } .page-landing .landing-large-img .wrap-img { position: relative; width: 100%; height: 100% } .page-landing .landing-large-img .wrap-img>span { display: none; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px } @media screen and (max-width: 599px) { .page-landing .landing-large-img .wrap-img>span { display:block } } .page-landing .landing-large-img figure { max-width: calc(100% - 90px) } @media screen and (max-width: 599px) { .page-landing .landing-large-img figure { max-width:100% } } .page-landing .landing-large-img figure img { margin-top: -30px } @media screen and (max-width: 599px) { .page-landing .landing-large-img figure img { height:100%; margin-top: 0 } } .page-landing .landing-large-img figure figcaption { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #626262; line-height: 17px; text-shadow: none; left: calc(100% - 80px); width: 190px; bottom: 25px; white-space: normal; text-overflow: initial; height: auto; overflow: visible; padding: 0; top: auto; right: auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); max-width: 100%; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; text-align: left } .page-landing .landing-large-img figure figcaption:before,.page-landing .landing-large-img figure figcaption:after { content: none } @media screen and (min-width: 1600px) { .page-landing .landing-large-img figure figcaption { bottom:0 } } @media screen and (max-width: 980px) { .page-landing .landing-large-img figure figcaption { bottom:-15px } } @media screen and (max-width: 599px) { .page-landing .landing-large-img figure figcaption { color:#fff; width: 150px; left: calc(100% - 26px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; bottom: 0 } } .page-landing .landing-large-img .no-photo { position: relative; overflow: hidden } .page-landing .landing-large-img .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 63.06306% } .page-landing .landing-large-img .no-photo>.content,.page-landing .landing-large-img .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .page-landing .landing-large-img .caption { position: absolute; top: 50%; left: auto; right: 330px; z-index: 100; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); max-width: 340px; text-align: right } @media screen and (max-width: 980px) { .page-landing .landing-large-img .caption { right:200px } } @media screen and (max-width: 599px) { .page-landing .landing-large-img .caption { position:relative; right: 0; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 10px; text-align: left } } .page-landing .landing-large-img .caption h2 { font-size: 28px; color: #000; line-height: 36px; text-align: right; display: inline; padding: 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #fff } @media screen and (max-width: 599px) { .page-landing .landing-large-img .caption h2 { display:block; text-align: left; padding: 0 } } .page-landing .landing-large-img .caption span { position: absolute; top: -25px; left: calc(100% + 20px) } @media screen and (max-width: 599px) { .page-landing .landing-large-img .caption span { display:none } } .page-landing .landing-large-img span { width: 70px; height: 70px; line-height: 70px; border-radius: 50%; background: #1ec459; color: #1C1C1C; font-size: 28px; text-align: center; -webkit-transition: all .2s ease; transition: all .2s ease } .page-landing .landing-large-img span:before { position: relative; left: 2px } .page-landing .bloc-agenda { background: #F2F2F2; padding: 75px 0 35px } .page-landing .bloc-agenda .owl-cards .owl-nav,.page-landing .bloc-agenda .owl-cards .owl-dots { top: 50% } .landing-bloc-mosaique { position: relative; z-index: 100; padding: 45px 0 100px } .landing-bloc-mosaique:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 980px) { .landing-bloc-mosaique { padding:45px 0 0 } } @media screen and (max-width: 599px) { .landing-bloc-mosaique { padding:20px 0 } } .landing-bloc-mosaique .bloc-texte { position: absolute; z-index: 1000; top: 23.75rem; left: calc(50% - 200px); width: 450px } @media screen and (max-width: 1200px) { .landing-bloc-mosaique .bloc-texte { left:calc(50% - 150px); top: 350px; width: 360px } } @media screen and (max-width: 1100px) { .landing-bloc-mosaique .bloc-texte { width:320px; top: 300px } } @media screen and (max-width: 1024px) { .landing-bloc-mosaique .bloc-texte { left:calc(50% - 120px); width: 300px } } @media screen and (max-width: 980px) { .landing-bloc-mosaique .bloc-texte { position:relative; left: 0; top: 0; width: calc(50% - 40px); margin-bottom: 25px } } @media screen and (max-width: 599px) { .landing-bloc-mosaique .bloc-texte { width:100% } } .landing-bloc-mosaique .bloc-texte h2 { font-size: 38px; line-height: 40px } .landing-bloc-mosaique .bloc-texte p { font-size: 15px; line-height: 24px } .landing-bloc-mosaique .bloc-texte .deco { margin: 25px auto } .landing-bloc-mosaique>.col { width: 50%; float: left } @media screen and (max-width: 599px) { .landing-bloc-mosaique>.col { width:100%; float: none } } .landing-bloc-mosaique>.col>* { position: relative } .landing-bloc-mosaique>.col a { position: relative; display: inline-block; text-align: center; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .landing-bloc-mosaique>.col a:hover span:not(.credits),body:not(.no-hover) .landing-bloc-mosaique>.col a:focus span:not(.credits) { background: #1ec459; color: #fff } .landing-bloc-mosaique>.col a span:not(.credits) { position: absolute; top: 50%; left: 0; right: 0; margin: auto; margin-top: -35px; z-index: 50; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; background: #fff; color: #1ec459; font-size: 28px; text-align: center; -webkit-transition: all .2s ease; transition: all .2s ease } .landing-bloc-mosaique>.col a span:not(.credits):before { position: relative; left: 2px } .landing-bloc-mosaique figure { position: relative; display: inline-block; background: none } .landing-bloc-mosaique figure img { height: auto } .landing-bloc-mosaique .mozaic-pic-title { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #626262; line-height: 17px; position: absolute; top: 100%; -webkit-transform: none; -ms-transform: none; transform: none; text-shadow: none; left: 0; margin-top: 10px; margin-left: 25px; white-space: normal; overflow: visible; text-overflow: inherit; max-width: 70%; text-align: left; padding: 0; height: auto; width: auto; background: none; right: auto } @media screen and (max-width: 599px) { .landing-bloc-mosaique .mozaic-pic-title { margin-left:35px } } .landing-bloc-mosaique .mozaic-pic-title:before { content: "\e90a"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; top: -30px; left: -50px; font-size: 50px; color: #1C1C1C } .landing-bloc-mosaique .mozaic-pic-title:after { content: none } .landing-bloc-mosaique .col-left .img-1 { display: block; margin-left: 40px } @media screen and (max-width: 1100px) { .landing-bloc-mosaique .col-left .img-1 { margin-left:0 } } .landing-bloc-mosaique .col-left .img-1 figure { max-width: 300px } .landing-bloc-mosaique .col-left .img-1 .no-photo { max-width: 300px; position: relative; overflow: hidden } .landing-bloc-mosaique .col-left .img-1 .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 150% } .landing-bloc-mosaique .col-left .img-1 .no-photo>.content,.landing-bloc-mosaique .col-left .img-1 .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .landing-bloc-mosaique .col-left .img-2 { position: relative; z-index: 100; margin-top: 65px; width: 240px } @media screen and (max-width: 599px) { .landing-bloc-mosaique .col-left .img-2 { text-align:center } } .landing-bloc-mosaique .col-left .img-2 .mozaic-pic-title { max-width: 150px } .landing-bloc-mosaique .col-left .img-2 .no-photo { max-width: 240px; position: relative; overflow: hidden } .landing-bloc-mosaique .col-left .img-2 .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .landing-bloc-mosaique .col-left .img-2 .no-photo>.content,.landing-bloc-mosaique .col-left .img-2 .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .landing-bloc-mosaique .col-left .img-3 { margin-left: 190px; margin-top: -80px } @media screen and (max-width: 980px) { .landing-bloc-mosaique .col-left .img-3 { margin-left:80px; margin-top: 90px } } .landing-bloc-mosaique .col-left .img-3 .no-photo { max-width: 450px; position: relative; overflow: hidden } .landing-bloc-mosaique .col-left .img-3 .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .landing-bloc-mosaique .col-left .img-3 .no-photo>.content,.landing-bloc-mosaique .col-left .img-3 .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .landing-bloc-mosaique .col-right { margin-top: -140px } @media screen and (max-width: 599px) { .landing-bloc-mosaique .col-right { margin-top:80px } } .landing-bloc-mosaique .col-right .img-1 .no-photo { width: 600px; height: 400px; display: inline-block } .landing-bloc-mosaique .col-right .img-2 { text-align: right; margin-top: 50px; margin-right: 20px } @media screen and (max-width: 1100px) { .landing-bloc-mosaique .col-right .img-2 { margin-right:0 } } @media screen and (max-width: 980px) { .landing-bloc-mosaique .col-right .img-2 { margin-top:80px } } .landing-bloc-mosaique .col-right .img-2 .mozaic-pic-title { text-align: right; margin-right: 25px; margin-left: auto; max-width: 190px; float: right; left: auto; right: 0 } .landing-bloc-mosaique .col-right .img-2 .mozaic-pic-title:before { left: auto; right: -50px; width: auto; height: auto; background: none } .landing-bloc-mosaique .col-right .img-2 .no-photo { width: 260px; height: 260px; display: inline-block } .landing-bloc-mosaique .col-right .img-3 { margin-top: 110px; text-align: right } @media screen and (max-width: 1024px) { .landing-bloc-mosaique .col-right .img-3 { margin-top:135px; margin-left: 20px } } @media screen and (max-width: 980px) { .landing-bloc-mosaique .col-right .img-3 { margin-top:80px } } @media screen and (max-width: 599px) { .landing-bloc-mosaique .col-right .img-3 { margin-left:0 } } .landing-bloc-mosaique .col-right .img-3 .mozaic-pic-title { text-align: right; margin-right: 25px; margin-left: auto; max-width: 190px; float: right; left: auto; right: 0 } @media screen and (max-width: 599px) { .landing-bloc-mosaique .col-right .img-3 .mozaic-pic-title { margin-right:35px } } .landing-bloc-mosaique .col-right .img-3 .mozaic-pic-title:before { left: auto; right: -50px; width: auto; height: auto; background: none } .landing-bloc-mosaique .col-right .img-3 .no-photo { width: 447px; height: 298px; display: inline-block } .landing-bloc-mosaique .col-right a { position: relative; display: inline-block; text-align: center; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .landing-bloc-mosaique .col-right a:hover span:not(.credits),body:not(.no-hover) .landing-bloc-mosaique .col-right a:focus span:not(.credits) { background: #1C1C1C; color: #fff } .landing-bloc-mosaique .col-right a span:not(.credits) { position: absolute; top: 50%; left: 0; right: 0; margin: auto; margin-top: -35px; z-index: 50; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; background: #1ec459; color: #1C1C1C; font-size: 28px; text-align: center; -webkit-transition: all .2s ease; transition: all .2s ease } .landing-bloc-mosaique .col-right a span:not(.credits):before { position: relative; left: 2px } .landing-bloc-clermont-pass { position: relative; z-index: 100; padding: 45px 0 100px } @media screen and (max-width: 980px) { .landing-bloc-clermont-pass { padding:45px 0 } } .landing-bloc-clermont-pass .pass { position: relative; z-index: 100; left: -40px; padding: 150px 0 45px 80px; width: 100%; max-width: 800px; background: #fff; -webkit-box-shadow: 0 0 80px 10px rgba(0,0,0,0.2); box-shadow: 0 0 80px 10px rgba(0,0,0,0.2) } @media screen and (max-width: 1180px) { .landing-bloc-clermont-pass .pass { max-width:700px } } @media screen and (max-width: 1024px) { .landing-bloc-clermont-pass .pass { max-width:550px; padding: 100px 40px 50px } } @media screen and (max-width: 870px) { .landing-bloc-clermont-pass .pass { max-width:450px } } @media screen and (max-width: 800px) { .landing-bloc-clermont-pass .pass { margin-top:-50px; padding: 50px 40px 20px } } @media screen and (max-width: 700px) { .landing-bloc-clermont-pass .pass { margin:40px 0 0 0; max-width: 100% } } @media screen and (max-width: 599px) { .landing-bloc-clermont-pass .pass { left:0 } } .landing-bloc-clermont-pass .pass>div { max-width: 280px } @media screen and (max-width: 599px) { .landing-bloc-clermont-pass .pass>div { max-width:100% } } .landing-bloc-clermont-pass .pass>div h3 { font-size: 48px; color: #000; line-height: 50px; margin: 0; text-transform: uppercase } .landing-bloc-clermont-pass .pass>div .pass-price { font-family: "Roboto",Sans-Serif; font-size: 25px; font-weight: 700; color: #000; line-height: 25px; display: block; margin-bottom: 35px } .landing-bloc-clermont-pass .pass>div p { font-size: 15px; line-height: 24px; color: #3C3C3B } .landing-bloc-clermont-pass .pass>div ul li { position: relative; font-size: 15px; line-height: 24px; padding: 3px 0 3px 30px } .landing-bloc-clermont-pass .pass>div ul li:before { content: "\e93e"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; top: 7px; left: 0; color: #1ec459; font-size: 16px } .landing-bloc-clermont-pass .pass>figure { position: absolute; right: -150px; bottom: -20px; background: none } @media screen and (max-width: 1024px) { .landing-bloc-clermont-pass .pass>figure { right:-120px } } @media screen and (max-width: 870px) { .landing-bloc-clermont-pass .pass>figure { right:-150px } } @media screen and (max-width: 800px) { .landing-bloc-clermont-pass .pass>figure { left:20px; top: -160px; right: auto } } @media screen and (max-width: 700px) { .landing-bloc-clermont-pass .pass>figure { top:-230px } } @media screen and (max-width: 599px) { .landing-bloc-clermont-pass .pass>figure { position:relative; top: -20px; left: 0 } } @media screen and (max-width: 1180px) { .landing-bloc-clermont-pass .pass>figure img { width:70%; float: right; height: auto } } @media screen and (max-width: 1024px) { .landing-bloc-clermont-pass .pass>figure img { width:60% } } @media screen and (max-width: 870px) { .landing-bloc-clermont-pass .pass>figure img { max-width:50% } } @media screen and (max-width: 800px) { .landing-bloc-clermont-pass .pass>figure img { float:left } } @media screen and (max-width: 599px) { .landing-bloc-clermont-pass .pass>figure img { float:none; width: 100%; max-width: 100% } } .landing-bloc-clermont-pass .pass>figure figcaption { display: none } .landing-bloc-clermont-pass .pass .link-list li a { color: #3C3C3B } .landing-bloc-clermont-pass .txt-pass { position: absolute; right: 0; top: -110px; z-index: 1000; text-align: right; max-width: calc(100% - 700px) } @media screen and (max-width: 1280px) { .landing-bloc-clermont-pass .txt-pass { top:-100px; max-width: calc(100% - 520px) } } @media screen and (max-width: 1024px) { .landing-bloc-clermont-pass .txt-pass { max-width:calc(100% - 400px) } } @media screen and (max-width: 800px) { .landing-bloc-clermont-pass .txt-pass { position:relative; top: 0; max-width: 100% } } .landing-bloc-clermont-pass .txt-pass .deco { display: inline-block; margin: 35px auto } .landing-bloc-clermont-pass .txt-pass h2 { font-size: 10.625rem; color: #000; line-height: 9.375rem; word-break: break-all } @media screen and (max-width: 1280px) { .landing-bloc-clermont-pass .txt-pass h2 { font-size:8.75rem; line-height: 7.5rem } } @media screen and (max-width: 980px) { .landing-bloc-clermont-pass .txt-pass h2 { font-size:5.625rem; line-height: 5rem } } .landing-bloc-clermont-pass .txt-pass p { font-size: 1.125rem; line-height: 1.875rem; max-width: 17.5rem; margin-left: calc(100% - 280px) } @media screen and (max-width: 599px) { .landing-bloc-clermont-pass .txt-pass p { max-width:100%; margin-left: 0 } } .landing-bloc-clermont-pass .txt-pass .btn { margin: 5px 0 0 0 } .landing-bloc-sejour { position: relative; padding: 45px 0; text-align: center } .landing-bloc-sejour img.deco-sejours { margin: auto; margin-bottom: -20px } .landing-bloc-sejour .surtitre { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 30px; letter-spacing: 0; margin-bottom: 20px } .landing-bloc-sejour h2 { font-size: 90px; color: #000; line-height: 90px; margin: 0 0 28px 0 } @media screen and (max-width: 599px) { .landing-bloc-sejour h2 { font-size:60px; line-height: 60px; margin: 0 } } .landing-bloc-sejour .col-33 { position: relative } @media screen and (max-width: 599px) { .landing-bloc-sejour .col-33 { min-height:auto !important } } .landing-bloc-sejour .col-33:nth-of-type(3n+1) { clear: left } .landing-bloc-sejour .col-33:nth-child(3n+2) .card-landing-sejour { margin-top: 30px } @media screen and (max-width: 599px) { .landing-bloc-sejour .col-33:nth-child(3n+2) .card-landing-sejour { margin-top:40px } } .landing-bloc-sejour .card-landing-sejour { position: relative; display: block; margin-top: 80px; text-align: left; padding-bottom: 20px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .landing-bloc-sejour .card-landing-sejour { margin-top:40px } } .landing-bloc-sejour .card-landing-sejour:after { content: ''; display: block; width: 0%; height: 4px; background-color: #1ec459; position: absolute; bottom: -40px; left: -20px; right: -20px; z-index: 2; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .landing-bloc-sejour .card-landing-sejour:hover:before,body:not(.no-hover) .landing-bloc-sejour .card-landing-sejour:focus:before { top: -20px; left: -20px; right: -20px; bottom: -40px; opacity: 1 } body:not(.no-hover) .landing-bloc-sejour .card-landing-sejour:hover:after,body:not(.no-hover) .landing-bloc-sejour .card-landing-sejour:focus:after { width: calc(100% + 40px); opacity: 1 } body:not(.no-hover) .landing-bloc-sejour .card-landing-sejour:hover .lien-equipement span:not(.icon-ico-arrow-right),body:not(.no-hover) .landing-bloc-sejour .card-landing-sejour:focus .lien-equipement span:not(.icon-ico-arrow-right) { opacity: 1; left: 0 } .landing-bloc-sejour .card-landing-sejour:focus:before { outline: 1px dashed #000 } .no-hover .landing-bloc-sejour .card-landing-sejour .lien-equipement { position: relative; bottom: 0; opacity: 1; left: 0; display: block; margin-top: 20px } .no-hover .landing-bloc-sejour .card-landing-sejour .lien-equipement span:not(.icon-ico-arrow-right) { opacity: 1; left: 0 } .landing-bloc-sejour .card-landing-sejour:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 80px 10px rgba(0,0,0,0.2); box-shadow: 0 0 80px 10px rgba(0,0,0,0.2); opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .landing-bloc-sejour .card-landing-sejour figure { position: relative; overflow: hidden; margin-bottom: 15px } .landing-bloc-sejour .card-landing-sejour figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 54.05405% } .landing-bloc-sejour .card-landing-sejour figure>.content,.landing-bloc-sejour .card-landing-sejour figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .landing-bloc-sejour .card-landing-sejour figure img { width: 100%; height: 100% } .landing-bloc-sejour .card-landing-sejour figure figcaption { display: none } .landing-bloc-sejour .card-landing-sejour .no-photo { position: relative; overflow: hidden; margin-bottom: 15px } .landing-bloc-sejour .card-landing-sejour .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 54.05405% } .landing-bloc-sejour .card-landing-sejour .no-photo>.content,.landing-bloc-sejour .card-landing-sejour .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .landing-bloc-sejour .card-landing-sejour p { font-size: 15px; line-height: 20px } .landing-bloc-sejour .card-landing-sejour .no-photo { position: relative; overflow: hidden; margin-bottom: 15px } .landing-bloc-sejour .card-landing-sejour .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 54.05405% } .landing-bloc-sejour .card-landing-sejour .no-photo>.content,.landing-bloc-sejour .card-landing-sejour .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .landing-bloc-sejour .card-landing-sejour h3 { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #000; line-height: 28px; text-transform: uppercase } .landing-bloc-sejour .card-landing-sejour .lien-equipement { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #000; line-height: 40px; text-transform: uppercase; position: absolute; right: 0; bottom: -25px } @media screen and (max-width: 980px) { .landing-bloc-sejour .card-landing-sejour .lien-equipement { position:relative; bottom: 0; opacity: 1; left: 0; display: block; margin-top: 20px } .landing-bloc-sejour .card-landing-sejour .lien-equipement span:not(.icon-ico-arrow-right) { opacity: 1; left: 0 } } .landing-bloc-sejour .card-landing-sejour .lien-equipement span:not(.icon-ico-arrow-right) { position: relative; opacity: 0; left: -10px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .landing-bloc-sejour .card-landing-sejour .lien-equipement span:not(.icon-ico-arrow-right) { opacity:1; left: 0 } } .landing-bloc-sejour .card-landing-sejour .lien-equipement span.icon-ico-arrow-right { margin-left: 12px; font-size: 18px; opacity: 1 } .landing-bloc-sejour .card-landing-sejour-highlight { text-align: center; position: absolute; top: 50%; width: calc(100% - 40px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } @media screen and (max-width: 599px) { .landing-bloc-sejour .card-landing-sejour-highlight { position:relative; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding: 40px 0; width: 100% } } .landing-bloc-sejour .card-landing-sejour-highlight figure { background: none } .landing-bloc-sejour .card-landing-sejour-highlight figure img { margin: 0 auto 30px auto } .landing-bloc-sejour .card-landing-sejour-highlight h3 { font-family: "Roboto",Sans-Serif; font-size: 58px; font-weight: 700; color: #1ec459; line-height: 60px; text-transform: uppercase } @media screen and (max-width: 980px) { .landing-bloc-sejour .card-landing-sejour-highlight h3 { font-size:38px; line-height: 42px } } .landing-bloc-sejour .card-landing-sejour-highlight p { padding: 0 10px } .landing-bloc-sejour .card-landing-sejour-highlight .deco { margin: 17px auto } .landing-bloc-presse { padding: 140px 0 145px; font-size: 0; text-align: center } @media screen and (max-width: 980px) { .landing-bloc-presse { padding:80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .landing-bloc-presse>* { display: inline-block; vertical-align: middle } .landing-bloc-presse .wrapper-btn { width: 100%; max-width: 430px } @media screen and (max-width: 1220px) { .landing-bloc-presse .wrapper-btn { max-width:350px } } @media screen and (max-width: 980px) { .landing-bloc-presse .wrapper-btn { -webkit-box-ordinal-group:3; -ms-flex-order: 2; order: 2 } } .landing-bloc-presse .wrapper-btn>a { display: block; margin-bottom: 15px } .landing-bloc-presse .wrapper-btn>a:last-of-type { margin-bottom: 0 } .landing-bloc-presse .vertical-txt { font-family: "Roboto",Sans-Serif; font-size: 116px; font-weight: 700; color: #000; line-height: 100px; text-transform: uppercase } @media screen and (max-width: 1024px) { .landing-bloc-presse .vertical-txt { font-size:80px; line-height: 80px } } @media screen and (max-width: 980px) { .landing-bloc-presse .vertical-txt { -webkit-box-ordinal-group:2; -ms-flex-order: 1; order: 1; margin-bottom: 20px } } @media screen and (max-width: 599px) { .landing-bloc-presse .vertical-txt { font-size:60px; line-height: 60px } } .landing-bloc-presse .vertical-txt span { display: inline-block; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } @media screen and (max-width: 980px) { .landing-bloc-presse .vertical-txt span { -webkit-transform:none; -ms-transform: none; transform: none } } .landing-bloc-presse .bloc-texte { max-width: 460px; text-align: left } @media screen and (max-width: 1220px) { .landing-bloc-presse .bloc-texte { max-width:350px } } @media screen and (max-width: 980px) { .landing-bloc-presse .bloc-texte { -webkit-box-ordinal-group:4; -ms-flex-order: 3; order: 3; margin-top: 20px; max-width: 80%; text-align: center } } @media screen and (max-width: 599px) { .landing-bloc-presse .bloc-texte { max-width:100% } } .page-landing.landing-generique .nav-interne .navscroll { position: relative; left: -2.5rem; display: inline-block; font-size: 0; -webkit-box-shadow: 0 0 80px 10px rgba(0,0,0,0.2); box-shadow: 0 0 80px 10px rgba(0,0,0,0.2) } @media screen and (max-width: 1024px) { .page-landing.landing-generique .nav-interne .navscroll { right:-40px; width: calc(100% + 80px); overflow: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; background: #fff; padding: 0 20px } } @media screen and (max-width: 599px) { .page-landing.landing-generique .nav-interne .navscroll { left:-20px; right: -20px; width: calc(100% + 40px); padding: 0 20px 0 0 } } .page-landing.landing-generique .fullpage-landing { height: auto } .page-landing.landing-generique .fullpage-landing .cover-wrapper { position: relative } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing .cover-wrapper { height:100% } .page-landing.landing-generique .fullpage-landing .cover-wrapper:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff)); background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff); background: linear-gradient(to bottom, rgba(255,255,255,0), #fff) } } .page-landing.landing-generique .fullpage-landing figure.fit-cover,.page-landing.landing-generique .fullpage-landing .no-photo { height: 713px } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing figure.fit-cover,.page-landing.landing-generique .fullpage-landing .no-photo { height:100% } } .page-landing.landing-generique .fullpage-landing figure.fit-cover:before,.page-landing.landing-generique .fullpage-landing figure.fit-cover:after,.page-landing.landing-generique .fullpage-landing .no-photo:before,.page-landing.landing-generique .fullpage-landing .no-photo:after { content: none } .page-landing.landing-generique .fullpage-landing figure.fit-cover img,.page-landing.landing-generique .fullpage-landing .no-photo img { height: 100%; width: 100% } .page-landing.landing-generique .fullpage-landing .caption { position: absolute; left: 50%; top: calc(50% + 50px); bottom: auto; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); max-width: 500px; text-align: center } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing .caption { z-index:9999; max-width: 100%; width: 100% } } .page-landing.landing-generique .fullpage-landing .caption .play-video { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 45px; cursor: pointer } .page-landing.landing-generique .fullpage-landing .caption .play-video .title { position: static; font-family: "Roboto",Sans-Serif; font-size: 28px; color: #000; line-height: 36px; text-align: right; display: inline; padding: 2px 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #fff; text-transform: uppercase; font-weight: bold; margin-right: 20px } .page-landing.landing-generique .fullpage-landing .caption .play-video span { margin: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 56px; height: 56px; line-height: 56px; border-radius: 50%; background: #1ec459; border: none; color: #000; font-size: 24px; text-align: center; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease } .page-landing.landing-generique .fullpage-landing .caption .play-video span:hover,.page-landing.landing-generique .fullpage-landing .caption .play-video span:focus { background-color: #000; color: #fff } body:not(.no-hover) .page-landing.landing-generique .fullpage-landing .caption .play-video:hover button,body:not(.no-hover) .page-landing.landing-generique .fullpage-landing .caption .play-video:focus button { background-color: #000; color: #fff } .page-landing.landing-generique .fullpage-landing .caption>*:last-child { margin-bottom: 0 !important } .page-landing.landing-generique .fullpage-landing .intro-couverture { background-color: transparent; margin-bottom: 70px; margin-top: -160px } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing .intro-couverture { background-color:transparent; margin: 0; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper { background-color: #fff; padding-top: 40px; padding-bottom: 40px; max-width: 1200px !important; margin: 0 auto !important; height: auto } @media screen and (max-width: 980px) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper { padding-top:20px; padding-bottom: 20px } } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper { background-color:transparent } } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media screen and (max-width: 980px) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 40px; margin-right: 40px } } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div { margin-left:10px; margin-right: 10px } } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-picto { width: 220px; -ms-flex-negative: 0; flex-shrink: 0; text-align: center } @media screen and (max-width: 980px) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-picto { width:100% } } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-picto .picto { position: relative; width: auto } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-picto .picto figure { position: relative; width: auto; background-color: transparent } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-picto .picto figure:after,.page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-picto .picto figure:before { content: none } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-picto .picto figure img { height: 100%; margin: 0 auto } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-picto .picto figure figcaption { display: none } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-text { padding-right: 100px; padding-left: 40px; border-left: 1px dashed #000 } @media screen and (max-width: calc(1200px + 80px + 80px)) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-text { padding-right:200px } } @media screen and (max-width: 1024px) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-text { padding-right:40px } } @media screen and (max-width: 980px) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div .container-title-text { text-align:center; padding-right: 0; padding-left: 0; margin-top: 20px; border-left: 0; width: 100% } } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div h1 { font-family: "Roboto",Sans-Serif; font-size: 70px; font-weight: 700; color: #000; line-height: 60px; margin: 0; padding-top: 0 } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div h1 { font-size:2.375rem; line-height: 2.0625rem; margin-bottom: 10px } } .page-landing.landing-generique .fullpage-landing .intro-couverture .content-wrapper>div h2 { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 400; color: #000; line-height: 26px; text-transform: uppercase; letter-spacing: 4px; margin: 0 } .page-landing.landing-generique .fullpage-landing+div:not(.nav-interne),.page-landing.landing-generique .fullpage-landing+section { margin-top: 120px } .page-landing.landing-generique .fullpage-landing+div:not(.nav-interne).landing-bloc-sejour,.page-landing.landing-generique .fullpage-landing+div:not(.nav-interne).bloc-landing-temoignage,.page-landing.landing-generique .fullpage-landing+div:not(.nav-interne).bloc-agenda,.page-landing.landing-generique .fullpage-landing+div:not(.nav-interne).landing-venir,.page-landing.landing-generique .fullpage-landing+section.landing-bloc-sejour,.page-landing.landing-generique .fullpage-landing+section.bloc-landing-temoignage,.page-landing.landing-generique .fullpage-landing+section.bloc-agenda,.page-landing.landing-generique .fullpage-landing+section.landing-venir { margin-top: 0 !important } .page-landing.landing-generique .fullpage-landing+div.nav-interne+div { margin-top: 120px } .page-landing.landing-generique .fullpage-landing+div.nav-interne+div.landing-bloc-mosaique { margin-top: 110px } @media screen and (max-width: 1280px) { .page-landing.landing-generique .fullpage-landing figure figcaption { bottom:20px } } @media screen and (max-width: 1200px) { .page-landing.landing-generique .fullpage-landing figure figcaption { bottom:0 } } @media screen and (max-width: 1024px) { .page-landing.landing-generique .fullpage-landing .caption h1 { font-size:85px; line-height: 70px; margin-bottom: 10px } .page-landing.landing-generique .fullpage-landing .caption h2 { font-size: 50px; line-height: 43px } .page-landing.landing-generique .fullpage-landing .caption .play-video { margin-top: 32px; cursor: pointer } } @media screen and (max-width: 980px) { .page-landing.landing-generique .fullpage-landing+div:not(.nav-interne) { margin-top:0 } .page-landing.landing-generique .fullpage-landing+div.nav-interne+div { margin-top: 0 } .page-landing.landing-generique .fullpage-landing+div.nav-interne+div.landing-bloc-mosaique { margin-top: 0 } } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing { margin-top:20px; height: calc(100vh - 136px); min-height: 400px } .page-landing.landing-generique .fullpage-landing figure,.page-landing.landing-generique .fullpage-landing .no-photo { position: absolute; top: 0; bottom: 0; right: 0; left: 0 } .page-landing.landing-generique .fullpage-landing .caption { position: relative; left: 20px; right: 20px; top: auto; bottom: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); padding: 20px 0 } } @media screen and (max-width: 599px) and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing .caption { position:absolute; left: 0 } .page-landing.landing-generique .fullpage-landing .caption a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media screen and (max-width: 599px) { .page-landing.landing-generique .fullpage-landing .caption .picto { height:60px; margin-bottom: 10px } .page-landing.landing-generique .fullpage-landing .caption .picto figure { height: 100% } .page-landing.landing-generique .fullpage-landing .caption .picto figure img { height: 100%; width: auto } .page-landing.landing-generique .fullpage-landing .caption h1 { font-size: 60px; line-height: 55px } .page-landing.landing-generique .fullpage-landing .caption h2 { font-size: 38px; line-height: 33px } .page-landing.landing-generique .fullpage-landing .caption .play-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .page-landing.landing-generique .fullpage-landing .caption .play-video .title { position: relative; top: 0; right: auto; font-size: 22px; line-height: 28px; text-align: center; padding: 7px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 auto } .page-landing.landing-generique .fullpage-landing .caption .play-video button { position: static; margin-bottom: 10px; width: 50px; height: 50px; cursor: pointer } .page-landing.landing-generique .fullpage-landing .caption .play-video span { margin: 0 auto 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .page-landing.landing-generique .fullpage-landing+.nav-interne { margin-top: 0 } } .page-landing.landing-generique .landing-bloc-clermont-pass { padding: 45px 0 45px } .page-landing.landing-generique .landing-bloc-clermont-pass .txt-pass+.pass { margin-top: 130px; max-width: 800px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass { max-width: 100%; padding: 40px; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0 } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>figure { height: 100%; width: 425px; max-height: calc(100% - 80px); bottom: 0; right: 0; position: relative; float: right; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>figure img { height: auto; width: 100% } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>figure+div { width: 265px; margin-right: 70px; padding-right: 0 } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: none; float: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 40px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>div p { margin-bottom: 0; margin-top: 40px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>div p:first-child { margin-top: 0 !important } .page-landing.landing-generique .landing-bloc-clermont-pass .pass:after { content: ''; display: block; clear: both } .page-landing.landing-generique .landing-bloc-clermont-pass .pass ul.link-list { margin-top: 40px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass ul.link-list:first-child { margin-top: 0 !important } .page-landing.landing-generique .landing-bloc-clermont-pass .pass ul.link-list li { padding: 0px 0 0px 30px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass ul.link-list li:before { content: "\e901"; top: 9px; color: #000 } .page-landing.landing-generique .landing-bloc-clermont-pass .pass ul.link-list li a { padding: 4px 0 4px; display: inline-block } body:not(.no-hover) .page-landing.landing-generique .landing-bloc-clermont-pass .pass ul.link-list li a:hover { text-decoration: underline } @media screen and (max-width: 1180px) { .page-landing.landing-generique .landing-bloc-clermont-pass .txt-pass+.pass { max-width:700px } } @media screen and (max-width: 1024px) { .page-landing.landing-generique .landing-bloc-clermont-pass .txt-pass+.pass { max-width:550px } } @media screen and (max-width: 980px) { .page-landing.landing-generique .landing-bloc-clermont-pass .txt-pass+.pass { margin-top:70px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass { margin-top: 0px } } @media screen and (max-width: 800px) { .page-landing.landing-generique .landing-bloc-clermont-pass .txt-pass+.pass { margin-top:40px; max-width: 100% } .page-landing.landing-generique .landing-bloc-clermont-pass .pass { margin-top: 0px; display: block; max-width: none; margin-left: 40px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>figure { position: absolute; right: 40px; top: auto; bottom: 0; left: auto; float: none; width: auto; height: 300px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>figure img { width: auto; max-height: 100%; float: none; max-width: none } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>figure+div { margin-top: 40px; width: 100% } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>div { width: 100%; float: none; margin-right: 0 !important; padding-right: 40px !important; max-width: none !important } } @media screen and (max-width: 599px) { .page-landing.landing-generique .landing-bloc-clermont-pass .pass { margin-left:0 } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>div p { margin-top: 30px } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>figure { position: static } .page-landing.landing-generique .landing-bloc-clermont-pass .pass>figure img { height: 100% } .page-landing.landing-generique .landing-bloc-clermont-pass .pass ul.link-list { margin-top: 30px } } .page-landing.landing-generique .landing-bloc-mosaique .mozaic-pic-title { margin-left: 0; margin-right: 0 } .page-landing.landing-generique .landing-bloc-mosaique .mozaic-pic-title:before { content: none } .page-landing.landing-generique .landing-bloc-mosaique .col-right .img-2 .mozaic-pic-title { text-align: right; float: none; left: auto; right: 0 } .page-landing.landing-generique .landing-bloc-mosaique a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: 4px; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .page-landing.landing-generique .landing-bloc-mosaique a>figure,.page-landing.landing-generique .landing-bloc-mosaique a .no-photo,.page-landing.landing-generique .landing-bloc-mosaique a .mozaic-pic-title { -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .page-landing.landing-generique .landing-bloc-mosaique a:hover>figure,body:not(.no-hover) .page-landing.landing-generique .landing-bloc-mosaique a:hover .no-photo { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35) } body:not(.no-hover) .page-landing.landing-generique .landing-bloc-mosaique a:hover .mozaic-pic-title { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } body:not(.no-hover) .page-landing.landing-generique .landing-bloc-mosaique a:hover:after { opacity: 1; top: -20px } .page-landing.landing-generique .landing-venir { padding: 45px 0 } .page-landing.landing-generique .landing-venir .title { text-align: right } .page-landing.landing-generique .landing-venir .title .deco { display: inline-block; margin: 35px auto; text-align: right } .page-landing.landing-generique .landing-venir .title h2 { text-align: right; font-size: 170px; color: #000; line-height: 150px; word-break: break-all } @media screen and (max-width: 980px) { .page-landing.landing-generique .landing-venir .title h2 { font-size:90px; line-height: 80px } } .page-landing.landing-generique .landing-bloc-presse { padding: 90px 0 90px; border-top: 1px solid #ccc } .page-landing.landing-generique .landing-bloc-presse .wrapper-btn+.bloc-texte { padding-left: 40px } @media screen and (max-width: 980px) { .page-landing.landing-generique .landing-bloc-presse { padding:60px 0 60px } } .page-landing.landing-generique .bloc-partenaires { text-align: center; padding: 60px 0 50px; border-top: 1px solid #ccc } .page-landing.landing-generique .bloc-partenaires .title-bloc { font-family: "Roboto",Sans-Serif; font-size: 50px; font-weight: 700; color: #000; line-height: 50px; text-transform: uppercase; display: block; margin-bottom: 5px } .page-landing.landing-generique .bloc-partenaires p { font-size: 15px; line-height: 24px; max-width: 540px; margin: 0 auto } .page-landing.landing-generique .bloc-partenaires ul { margin-top: 30px; font-size: 0 } .page-landing.landing-generique .bloc-partenaires ul li { width: 25%; display: inline-block; vertical-align: middle; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box } .page-landing.landing-generique .bloc-partenaires ul figure { display: inline-block; background-color: transparent } .page-landing.landing-generique .bloc-partenaires ul figure img { max-width: 230px; max-height: 140px } .page-landing.landing-generique .bloc-partenaires figure figcaption { display: none !important } @media screen and (max-width: 1024px) { .page-landing.landing-generique .bloc-partenaires ul li { width:33.333% } } @media screen and (max-width: 980px) { .page-landing.landing-generique .bloc-partenaires { padding:60px 0 60px } } @media screen and (max-width: 599px) { .page-landing.landing-generique .bloc-partenaires ul li { width:50% } .page-landing.landing-generique .bloc-partenaires ul li figure { width: 100%; height: auto } .page-landing.landing-generique .bloc-partenaires ul li figure img { margin: 0 auto; width: auto; height: auto; max-width: 100% } } .bloc-landing-temoignage { padding: 45px 0 } .bloc-landing-temoignage>div>div { position: relative } .bloc-landing-temoignage>div>div .txt { max-width: 800px } .bloc-landing-temoignage>div>div .btn { position: absolute; right: 0; margin: 0; bottom: -10px } .bloc-landing-temoignage .owl-carousel .owl-stage-outer { overflow: visible } .bloc-landing-temoignage .owl-cards { padding: 20px 0 20px 40px } .bloc-landing-temoignage .owl-cards .item { width: 300px; padding-top: 20px } .bloc-landing-temoignage .owl-cards .owl-stage-outer .owl-item:not(.active) { opacity: 0; visibility: hidden } .bloc-landing-temoignage .owl-nav { display: block; position: absolute; left: 0px; top: calc(50% - 0px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 9999999 } .bloc-landing-temoignage .owl-nav .owl-prev,.bloc-landing-temoignage .owl-nav .owl-next { color: #1ec459; font-size: 14px; margin: 50px 0; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-landing-temoignage .owl-nav .owl-prev:hover,.bloc-landing-temoignage .owl-nav .owl-prev:focus,.bloc-landing-temoignage .owl-nav .owl-next:hover,.bloc-landing-temoignage .owl-nav .owl-next:focus { color: #000 } .bloc-landing-temoignage .owl-dots { left: 0; right: auto; top: calc(50% - 0px) } .bloc-landing-temoignage .owl-dots:after { font-family: "Roboto",Sans-Serif; font-size: 18px; font-weight: 700; color: #000; line-height: 24px } .bloc-landing-temoignage .owl-dots.disabled { display: block } .bloc-landing-temoignage .owl-dot { margin-right: 3px } @media screen and (min-width: 1600px) { .bloc-landing-temoignage .owl-dot { margin-right:5px } } @media screen and (max-width: 1024px) { .bloc-landing-temoignage .owl-dot { margin-right:2px } } @media screen and (max-width: 599px) { .bloc-landing-temoignage .owl-dot { margin-right:3px } } .bloc-landing-temoignage .owl-dot.active:before { padding-left: 0px; font-family: "Roboto",Sans-Serif; font-size: 1.125rem; font-weight: 700; color: #000; line-height: 1.5rem } @media screen and (max-width: 599px) { .bloc-landing-temoignage .owl-dot.active:before { padding-left:2px } } .bloc-landing-temoignage .owl-item { opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-landing-temoignage .owl-item.opacify { opacity: 0 } .bloc-landing-temoignage .card-testimonial { display: block; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-landing-temoignage .card-testimonial .icon { position: absolute; z-index: 10; background-color: white; left: 20px; top: -20px; padding: 13px 18px } .bloc-landing-temoignage .card-testimonial .icon img { height: 40px; width: auto } .bloc-landing-temoignage .card-testimonial .icon figcaption { display: none !important } .bloc-landing-temoignage .card-testimonial .caption { position: relative; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 15px; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .bloc-landing-temoignage .card-testimonial .name { font-size: 30px; font-weight: bold; line-height: 28px; font-family: "Roboto",Sans-Serif; color: #000 } .bloc-landing-temoignage .card-testimonial .theme { font-size: 12px; line-height: 22px; color: #000 } .bloc-landing-temoignage .card-testimonial p { font-size: 13px; line-height: 20px; margin-top: 10px } .bloc-landing-temoignage .card-testimonial figure.fit-cover,.bloc-landing-temoignage .card-testimonial .no-photo { -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; overflow: hidden } .bloc-landing-temoignage .card-testimonial figure.fit-cover:before,.bloc-landing-temoignage .card-testimonial .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .bloc-landing-temoignage .card-testimonial figure.fit-cover>.content,.bloc-landing-temoignage .card-testimonial figure.fit-cover>.wrapper,.bloc-landing-temoignage .card-testimonial .no-photo>.content,.bloc-landing-temoignage .card-testimonial .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .bloc-landing-temoignage .card-testimonial figure.fit-cover img,.bloc-landing-temoignage .card-testimonial .no-photo img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; width: 100% } .bloc-landing-temoignage .card-testimonial:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: 4px; opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) } body:not(.no-hover) .bloc-landing-temoignage .card-testimonial.link:hover figure.fit-cover,body:not(.no-hover) .bloc-landing-temoignage .card-testimonial.link:hover .no-photo { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35) } body:not(.no-hover) .bloc-landing-temoignage .card-testimonial.link:hover .caption { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } body:not(.no-hover) .bloc-landing-temoignage .card-testimonial.link:hover:after { opacity: 1; top: -20px } .bloc-landing-temoignage .testimonial-quote { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #000; line-height: 20px; border: none; font-style: normal; margin: 10px 0 0 0; padding: 0 } .bloc-landing-temoignage .testimonial-quote p { margin: 0 } @media screen and (max-width: 1024px) { .bloc-landing-temoignage>div>div { position:relative } .bloc-landing-temoignage>div>div .txt { max-width: 50% } } @media screen and (max-width: 980px) { .bloc-landing-temoignage>div>div { position:relative } .bloc-landing-temoignage>div>div .txt { max-width: 100% } .bloc-landing-temoignage>div>div .btn { position: relative; bottom: 0; margin-bottom: 20px } } @media screen and (max-width: 599px) { .bloc-landing-temoignage .owl-cards .item { width:250px } } .page-mediatheque .wrapper-intro-mediatheque { padding-top: 0 } .page-mediatheque .wrapper-facette { text-align: center; z-index: 5000 } @media screen and (max-width: 980px) { .page-mediatheque .wrapper-facette { text-align:left } } .page-mediatheque .wrapper-facette:after { content: none } .page-mediatheque .wrapper-facette .sort { display: inline-block; float: none; line-height: normal; padding: 5px 0 } .page-mediatheque .wrapper-facette .sort>a { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 24px } .page-mediatheque .wrapper-facette .sort>a:hover:after,.page-mediatheque .wrapper-facette .sort>a:focus:after { color: #1ec459 } .page-mediatheque .wrapper-facette .sort>a:after { color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } .page-mediatheque .wrapper-facette .sort ul.sort-tri { top: 50px; width: 200px } @media screen and (max-width: 980px) { .page-mediatheque .wrapper-facette .sort ul.sort-tri { top:0; width: 100% } } .page-mediatheque .wrapper-facette .sort ul.sort-tri:before { right: 26px } .page-mediatheque .wrapper-facette .sort ul.sort-tri li { height: 100% } @media screen and (max-width: 980px) { .page-mediatheque .wrapper-facette .sort ul.sort-tri li:first-child { display:block } } .page-mediatheque .wrapper-facette .sort ul.sort-tri li.sub { margin-left: 15px } .page-mediatheque .wrapper-facette .sort ul.sort-tri li.subsub { margin-left: 30px } .page-mediatheque .wrapper-facette .sort ul.sort-tri li a { background: none; line-height: 25px; padding-left: 25px; padding-right: 0px; width: calc(100% - 25px); padding-bottom: 0 } .page-mediatheque .wrapper-facette .sort ul.sort-tri li a:before { top: 13px; left: 0; position: absolute } .page-mediatheque .wrapper-mediatheque { padding-bottom: 40px; max-width: 1220px } .page-mediatheque .wrapper-mediatheque:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: calc(1200px + 80px + 80px)) { .page-mediatheque .wrapper-mediatheque { margin:0 30px } } @media screen and (max-width: 599px) { .page-mediatheque .wrapper-mediatheque { margin:0 10px !important } } .page-mediatheque .wrapper-mediatheque>* { padding-left: 10px !important; padding-right: 10px !important; position: relative; display: block; z-index: 100; margin-bottom: 15px; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all .2s ease; transition: all .2s ease } .page-mediatheque .wrapper-mediatheque>*:nth-child(5n+1) { clear: left } @media screen and (max-width: 1024px) { .page-mediatheque .wrapper-mediatheque>*:nth-child(5n+1) { clear:none } .page-mediatheque .wrapper-mediatheque>*:nth-child(4n+1) { clear: left } } @media screen and (max-width: 599px) { .page-mediatheque .wrapper-mediatheque>* { -webkit-box-sizing:border-box; box-sizing: border-box; width: 50%; float: left; clear: none } .page-mediatheque .wrapper-mediatheque>*:nth-child(4n+1) { clear: none } .page-mediatheque .wrapper-mediatheque>*:nth-child(odd) { clear: left } } .page-mediatheque .wrapper-mediatheque>* .txt { position: relative; background: #fff; z-index: 1000; left: 0; right: 0; bottom: 0; width: 100%; padding-top: 10px; padding-bottom: 20px; -webkit-transition: all .2s ease; transition: all .2s ease } .page-mediatheque .wrapper-mediatheque>* figure { position: relative; width: 100%; z-index: 1000; left: 0; right: 0; overflow: hidden; position: relative; overflow: hidden; -webkit-transition: all .2s ease; transition: all .2s ease } .page-mediatheque .wrapper-mediatheque>* figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .page-mediatheque .wrapper-mediatheque>* figure>.content,.page-mediatheque .wrapper-mediatheque>* figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .page-mediatheque .wrapper-mediatheque>* .cat { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #4c4c4c; line-height: 22px; position: relative; z-index: 1000; display: block; margin-top: 4px; -webkit-transition: all .2s ease; transition: all .2s ease } .page-mediatheque .wrapper-mediatheque>* h3,.page-mediatheque .wrapper-mediatheque>* .titre-card { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 22px; position: relative; z-index: 1000; margin-bottom: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .page-mediatheque .wrapper-mediatheque>* .btn-modal { display: block; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .page-mediatheque .wrapper-mediatheque>*:hover,body:not(.no-hover) .page-mediatheque .wrapper-mediatheque>*:focus { z-index: 1000; display: inline-block; background-color: #fff; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top } body:not(.no-hover) .page-mediatheque .wrapper-mediatheque>*:hover .txt,body:not(.no-hover) .page-mediatheque .wrapper-mediatheque>*:focus .txt { padding-left: 5px; padding-right: 5px } body:not(.no-hover) .page-mediatheque .wrapper-mediatheque>*:hover h3,body:not(.no-hover) .page-mediatheque .wrapper-mediatheque>*:focus h3 { color: #1ec459 } body:not(.no-hover) .page-mediatheque .wrapper-mediatheque>*:hover .btn-modal,body:not(.no-hover) .page-mediatheque .wrapper-mediatheque>*:focus .btn-modal { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.25); box-shadow: 0 20px 40px rgba(0,0,0,0.25) } .date-article { float: right; margin-top: 40px; font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #000; line-height: 22px; padding: 5px 15px; border: 1px solid rgba(0,0,0,0.5); border-radius: 2px; z-index: 50; position: relative } .wrap-cat { position: absolute; top: 0; right: 0; z-index: 50 } .wrap-cat a,.wrap-cat span { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #000; line-height: 22px; text-transform: uppercase } .wrap-cat a:before,.wrap-cat span:before { content: "\e923"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; line-height: 22px; color: #1ec459; margin-right: 10px } .page-single .menu-pro { position: fixed; top: 80px; z-index: 1000 } @media screen and (max-width: 599px) { .page-single .menu-pro { top:80px } } .is-scrolled .page-single .menu-pro { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translate3d(0, -140px, 0); transform: translate3d(0, -140px, 0) } @media screen and (max-width: 980px) { .is-scrolled .page-single .menu-pro { -webkit-transform:translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0) } } @media screen and (max-width: 599px) { .is-scrolled .page-single .menu-pro { -webkit-transform:translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0) } } .is-scrolled.scrolldir-top .page-single .menu-pro { -webkit-transform: translateY(-140px); -ms-transform: translateY(-140px); transform: translateY(-140px); -webkit-transform: translate3d(0, -140px, 0); transform: translate3d(0, -140px, 0) } @media screen and (max-width: 980px) { .is-scrolled.scrolldir-top .page-single .menu-pro { -webkit-transform:translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0) } } @media screen and (max-width: 599px) { .is-scrolled.scrolldir-top .page-single .menu-pro { -webkit-transform:translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0) } } .page-single .menu-pro ~ article header { margin-top: 180px } @media screen and (max-width: 980px) { .page-single .menu-pro ~ article header { margin-top:140px } } @media screen and (max-width: 599px) { .page-single .menu-pro ~ article header { margin-top:100px } } .page-single .menu-pro ul li a { position: relative; color: #fff } .page-single .menu-pro ul li a:after { content: ''; display: block; width: 0%; height: 4px; background-color: #fff; position: absolute; bottom: -4px; left: 0; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .page-single .menu-pro ul li a:hover:after,.page-single .menu-pro ul li a:focus:after { width: calc(100% - 20px); opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease } .page-single .menu-pro ul li:last-of-type a:after { left: 20px } .page-single article { padding: 80px 0 15px !important } @media screen and (max-width: 599px) { .page-single article { padding-bottom:0 !important } } .page-single article header { width: 100%; margin-top: 80px; margin-bottom: 50px } @media screen and (max-width: 980px) { .page-single article header { margin-top:40px } } @media screen and (max-width: 599px) { .page-single article header { margin-bottom:30px } } .page-single article header>div { -ms-flex-preferred-size: 50%; flex-basis: 50% } .page-single article header .surtitre { color: #000 } .page-single article header h1 { font-family: "Roboto",Sans-Serif; font-size: 5rem; font-weight: 700; color: #000; line-height: 4.375rem; margin-bottom: 1.25rem } @media screen and (max-width: 599px) { .page-single article header h1 { font-size:40px; line-height: 40px } } .page-single article header .date-article { float: none; margin-top: 18px } @media screen and (max-width: 980px) { .page-single article header .date-article { float:none; margin: 0 0 15px 0; display: inline-block } } .page-single article header .wrap-cat { position: static } @media screen and (max-width: 980px) { .page-single article header .wrap-cat { position:relative; margin-bottom: 15px } } .page-single article header .wrap-cat a { position: relative; display: inline-block; vertical-align: baseline; margin-left: 8px; margin-right: 2px } .page-single article header .wrap-cat a:before { margin-right: 6px; position: relative; top: 1px } .page-single article header .wrap-cat a:first-child { margin-left: 0 } .page-single article header .wrap-cat a:hover,.page-single article header .wrap-cat a:focus { text-decoration: underline } .page-single article header .wrapper-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media screen and (max-width: 1024px) { .page-single article header .wrapper-content { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .page-single article header .wrapper-content h1 { width: 55% } @media screen and (max-width: 1024px) { .page-single article header .wrapper-content h1 { width:100% } } .page-single article header .wrapper-content .cat-time-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 45% } @media screen and (max-width: 1024px) { .page-single article header .wrapper-content .cat-time-wrapper { width:100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px } } .page-single article #breadcrumb { position: relative; bottom: 0; padding: 20px 0; width: 100%; margin-right: 0 } .page-single article #breadcrumb .breadcrumb_last { color: #000; font-size: .8125rem } .page-single article #breadcrumb a { font-size: .8125rem; color: #000 } body:not(.no-hover) .page-single article #breadcrumb a:hover,body:not(.no-hover) .page-single article #breadcrumb a:focus { color: #000; text-decoration: underline } body:not(.no-hover) .page-single article #breadcrumb a:hover span,body:not(.no-hover) .page-single article #breadcrumb a:focus span { color: #000 } .page-single article #breadcrumb a:after { background: #000 } .page-single article #breadcrumb a span { color: #000 } .page-single article .main-image { margin-bottom: 30px; position: relative } .page-single article .main-image img { height: auto } @media screen and (max-width: 599px) { .page-single article .main-image img { height:100% } } .page-single article .content-article { max-width: 700px; margin: auto } .page-single article .content-article>* { margin-bottom: 25px } .page-single article .content-article h2 { margin-bottom: 15px } .page-single article .content-article h3 { margin-bottom: 10px } .page-single article .meta-author { font-size: 0; position: relative; padding: 25px 0; margin-bottom: 0 } .page-single article .meta-author>* { display: inline-block; vertical-align: middle } @media screen and (max-width: 599px) { .page-single article .meta-author>* { display:block; text-align: center; margin: auto } } .page-single article .meta-author figure { width: 100px; height: 100px; background: none; overflow: hidden; margin-right: 40px } @media screen and (max-width: 599px) { .page-single article .meta-author figure { display:block; margin: 0 auto 20px auto } } .page-single article .meta-author figure img { border-radius: 50% } .page-single article .meta-author .txt { width: calc(100% - 140px) } @media screen and (max-width: 599px) { .page-single article .meta-author .txt { width:100% } } .page-single article .meta-author .txt>*:last-child { margin: 0 } .page-single article .meta-author .txt .name { font-family: "Roboto",Sans-Serif; font-size: 34px; font-weight: 700; color: #000; line-height: 32px; text-transform: uppercase; margin-bottom: 15px; display: block } .page-single article .meta-author .txt p { font-size: 15px; line-height: 24px } .page-single .more-article { padding: 40px 0 0; margin-top: 40px !important } @media screen and (max-width: 599px) { .page-single .more-article { padding:20px 0 0; padding-bottom: 40px !important } } .page-single .more-article>div h2 { font-family: "Roboto",Sans-Serif; font-size: 3.75rem; font-weight: 700; color: #000; line-height: 3.75rem } @media screen and (max-width: 599px) { .page-single .more-article>div h2 { font-size:35px; line-height: 35px } } .page-single .more-article>div .title-card { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.375rem; margin: 0 0 10px 0; display: block } .page-single .more-article>div p { width: 100%; max-width: 100%; margin: 0 auto 30px auto } .page-single .more-article:before { left: 20px; right: 20px; width: calc(100% - 40px) } @media screen and (max-width: 599px) { .page-single .more-article .col-50:last-child { margin-top:20px } } .page-single .more-article .bloc-article .caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media screen and (max-width: 1024px) { .page-single .more-article .bloc-article .caption { -ms-flex-wrap:wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .page-single .more-article .bloc-article .caption .date-cat-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding-left: 20px } @media screen and (max-width: 1024px) { .page-single .more-article .bloc-article .caption .date-cat-wrapper { width:100%; padding-left: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .page-single .more-article .bloc-article .caption .wrap-cat { margin-top: -10px } @media screen and (max-width: 1024px) { .page-single .more-article .bloc-article .caption .wrapper-content { margin-top:10px } } .search-page { position: relative } @media screen and (max-width: 599px) { .search-page { padding-bottom:40px } } .search-page>header.small-header .caption { position: relative; z-index: 20; background-color: #fff; margin-top: -80px; bottom: 0 } @media screen and (max-width: 599px) { .search-page>header.small-header .caption { bottom:0; margin-top: 0; padding-top: 10px } } .search-page>header.small-header #breadcrumb { position: relative; bottom: 0; padding: 40px } .search-page>header.small-header h1 { text-align: center; color: #000 } .search-page h2 { font-family: "Roboto",Sans-Serif; font-size: 2.5rem; font-weight: 700; color: #000; line-height: 2.5rem; text-align: center } @media screen and (max-width: 599px) { .search-page h2 { font-size:1.875rem } } .search-page .bloc-prefooter .owl-cards .owl-item .item { min-width: 465px } @media screen and (max-width: 599px) { .search-page .bloc-prefooter .owl-cards .owl-item .item { min-width:auto; width: 250px } } @media screen and (max-width: 360px) { .search-page .bloc-prefooter .owl-cards .owl-item .item { width:200px } } .search-page .bloc-prefooter .owl-cards .owl-item .item>a { height: auto } .search-page .bloc-prefooter .owl-cards .owl-item .item>a figure { height: 300px } .search-page .bloc-prefooter .owl-cards .owl-item .item>a .no-photo { width: 100%; height: 300px } body:not(.no-hover) .search-page .bloc-prefooter .owl-cards .owl-item .item .bloc-card:hover .no-photo { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .search-page .bloc-prefooter .owl-cards .owl-item.opacify .item>a:hover,.search-page .bloc-prefooter .owl-cards .owl-item.opacify .item>a:focus { cursor: default; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none } .search-page .bloc-prefooter .owl-cards .owl-item.opacify .item>a:hover:after,.search-page .bloc-prefooter .owl-cards .owl-item.opacify .item>a:focus:after { content: none } .search-page .bloc-prefooter .owl-cards .owl-item.opacify .item>a:hover .caption,.search-page .bloc-prefooter .owl-cards .owl-item.opacify .item>a:focus .caption { -webkit-transform: none; -ms-transform: none; transform: none } .search-page .bloc-prefooter .owl-cards .owl-item.opacify .item>a:hover .caption .link,.search-page .bloc-prefooter .owl-cards .owl-item.opacify .item>a:focus .caption .link { opacity: 0 } @media screen and (min-width: 1600px) { .search-page .bloc-prefooter .owl-dots .owl-dot { margin-right:5px } } @media screen and (max-width: 1024px) { .search-page .bloc-prefooter .owl-dots .owl-dot { margin-right:3px } } @media (min-width: 1600px) { .search-page .search-results { max-width:1520px !important } } @media screen and (max-width: 1280px) { .search-page .search-results { padding-bottom:20px } } .search-page .search-results h2 { margin-bottom: 20px } .search-page .search-results .col-wrapper { max-width: 100% !important } .search-page .search-results .cards-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .search-page .search-results .col-25 { margin: 20px 0 0; float: none } @media screen and (max-width: 599px) { .search-page .search-results .col-25 { min-height:auto !important; margin: 20px 0 20px } .search-page .search-results .col-25:last-child { margin-bottom: 20px } } .search-page .search-results .col-25 a { height: 100% } .search-page .search-results .col-25 a figure img { height: 100% } @media screen and (max-width: 599px) { .search-page .search-results .col-25 a figure img { height:260px } } .search-page .search-results .col-25 a .location+h3 { margin-top: 18px } @media screen and (max-width: 1024px) { .search-page .search-results .col-25 a.bloc-card .caption h3 { font-size:1.25rem; line-height: 1.25rem } } @media screen and (max-width: 1024px) { .search-page .search-results .col-25 a.bloc-card .link { background-color:#1ec459; padding: 5px 10px; margin-top: 10px; display: inline-block } } .search-page .search-results .col-25 a.bloc-card-hebergement .location { position: absolute; text-align: right } @media screen and (max-width: 1024px) { .search-page .search-results .col-25 a.bloc-card-hebergement .link { background-color:#1ec459; padding: 5px 10px; margin-top: 10px; display: inline-block } } @media screen and (max-width: 599px) { .search-page .search-results .col-25 a.bloc-card-hebergement .link:after { display:none } } @media screen and (max-width: 599px) { .search-page .search-results .col-25 a.bloc-card-hebergement:hover,.search-page .search-results .col-25 a.bloc-card-hebergement:focus { -webkit-box-shadow:none; box-shadow: none; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .search-page .search-results .col-25 a.bloc-card-hebergement:hover .content,.search-page .search-results .col-25 a.bloc-card-hebergement:focus .content { padding: 10px 0 20px } } @media screen and (max-width: 1024px) { .search-page .search-results .col-25 a.bloc-card-agenda .caption h3 { font-size:1.25rem; line-height: 1.25rem } } .search-page .search-results .col-25 a.bloc-card-agenda figure { position: relative; overflow: hidden } .search-page .search-results .col-25 a.bloc-card-agenda figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 104.23453% } .search-page .search-results .col-25 a.bloc-card-agenda figure>.content,.search-page .search-results .col-25 a.bloc-card-agenda figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .search-page .search-results .col-25 a.bloc-card-agenda .no-photo { position: relative; overflow: hidden; height: 100% } .search-page .search-results .col-25 a.bloc-card-agenda .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 104.23453% } .search-page .search-results .col-25 a.bloc-card-agenda .no-photo>.content,.search-page .search-results .col-25 a.bloc-card-agenda .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media screen and (max-width: 1024px) { .search-page .search-results .col-25 a.bloc-card-agenda .link { background-color:#1ec459; padding: 5px 10px; margin-top: 10px; display: inline-block } } .search-page .bloc-pagination:before,.search-page .bloc-pagination:after { left: 0; right: 0; width: 100% } body:not(.no-hover) .search-page .bloc-pagination .prev:hover:before,body:not(.no-hover) .search-page .bloc-pagination .prev:focus:before { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } body:not(.no-hover) .search-page .bloc-pagination .next:hover,body:not(.no-hover) .search-page .bloc-pagination .next:focus { color: #1ec459 } body:not(.no-hover) .search-page .bloc-pagination .next:hover:after,body:not(.no-hover) .search-page .bloc-pagination .next:focus:after { color: #1ec459 } .wrapper-carte { top: 80px; position: relative; height: calc(100vh - 80px) } .wrapper-carte #breadcrumb { position: absolute; top: 10px; left: calc((100% - 1200px)/2); bottom: auto; width: calc(100% - 20px); max-width: 1200px } @media screen and (min-width: 1600px) { .wrapper-carte #breadcrumb { left:calc((100% - 1520px)/2); max-width: 1520px } } @media screen and (max-width: calc(1200px + 80px + 80px)) { .wrapper-carte #breadcrumb { width:calc(100% - 80px); left: 40px } } .wrapper-carte #breadcrumb a { color: #000 } body:not(.no-hover) .wrapper-carte #breadcrumb a:hover,body:not(.no-hover) .wrapper-carte #breadcrumb a:focus { color: #1ec459 } body:not(.no-hover) .wrapper-carte #breadcrumb a:hover span,body:not(.no-hover) .wrapper-carte #breadcrumb a:focus span { color: #1ec459 } .wrapper-carte #breadcrumb a:after { background: #000 } .wrapper-carte #breadcrumb a span { color: #000 } .wrapper-carte .leaflet-control { margin-top: 40px } @media screen and (max-width: 599px) { .wrapper-carte .leaflet-control { margin-top:20px } } @media screen and (max-width: 599px) { .wrapper-carte .leaflet-control .GPsearchInput { width:100% } } .wrapper-carte .wrapper-search form { height: auto } .wrapper-carte .wrapper-map.maps { position: relative; height: 100% } @media screen and (max-width: 599px) { .wrapper-carte .wrapper-map.maps { min-height:auto } } .wrapper-carte .leaflet-popup:not(.custom-popup-thuria) .leaflet-popup-content { padding: 10px 5px } .menu-carte-mobile { display: none; position: absolute; bottom: 20px; left: 20px; width: 38px; height: 38px; z-index: 9999999; background: #fff; -webkit-box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease } .menu-carte-mobile.btn-map-active { background: #1ec459 } .menu-carte-mobile.btn-map-active span { color: #fff } @media screen and (max-width: 599px) { .menu-carte-mobile { display:block } } .menu-carte-mobile span { font-size: 25px; text-align: center; display: block; line-height: 40px } #carte-menu { position: absolute; top: 130px; right: 40px; z-index: 2000; text-align: right; display: inline-block; background: #fff; -webkit-box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); width: 310px } .ie #carte-menu { top: 50px } @media screen and (max-width: 599px) { #carte-menu { width:calc(100% - 40px); -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9); top: 20px; left: 20px; right: 0; pointer-events: none } #carte-menu.show-menu-map { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: auto } } @media screen and (max-width: 360px) { #carte-menu { width:270px } } #carte-menu span.ico-search { position: relative; display: block } #carte-menu input.input-city { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px; position: relative; background-color: #f2f2f2; padding: 0 25px; -webkit-appearance: none; outline: none; border: none; border-bottom: 2px solid #1ec459; display: block; border-radius: 0; width: calc(100% - 50px); height: 68px; -webkit-transition: all .2s ease; transition: all .2s ease } #carte-menu input.input-city::-webkit-input-placeholder { color: #000 } #carte-menu input.input-city::-moz-placeholder { color: #000 } #carte-menu input.input-city:-ms-input-placeholder { color: #000 } #carte-menu input.input-city::-ms-input-placeholder { color: #000 } #carte-menu input.input-city::placeholder { color: #000 } #carte-menu .wrapper-group { overflow: hidden; height: 100%; max-height: 550px } @media screen and (max-width: calc(1200px + 80px + 80px)) { #carte-menu .wrapper-group { max-height:400px } } @media screen and (max-width: 980px) { #carte-menu .wrapper-group { max-height:550px } } @media screen and (max-width: 599px) { #carte-menu .wrapper-group { max-height:300px } } #carte-menu .wrapper-group>div { overflow: auto; -webkit-overflow-scrolling: touch; height: 100%; max-height: 550px } @media screen and (max-width: calc(1200px + 80px + 80px)) { #carte-menu .wrapper-group>div { max-height:400px } } @media screen and (max-width: 980px) { #carte-menu .wrapper-group>div { max-height:550px } } @media screen and (max-width: 599px) { #carte-menu .wrapper-group>div { max-height:300px } } #carte-menu .group { display: block; height: 60px; overflow: hidden; -webkit-transition: all .2s ease; transition: all .2s ease } #carte-menu .group.opened { height: auto } #carte-menu .group.opened .item:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } #carte-menu .group:first-child .item { border-top: none } #carte-menu .group.single-item .item:after { content: none } body:not(.no-hover) #carte-menu .group.color1 .item:hover,body:not(.no-hover) #carte-menu .group.color1 .item:focus { color: #FF9800 } body:not(.no-hover) #carte-menu .group.color1 .wrapper-chk>div label:hover,body:not(.no-hover) #carte-menu .group.color1 .wrapper-chk>div label:focus { color: #FF9800 } #carte-menu .group.color1 .wrapper-chk>div label:after { color: #FF9800 } #carte-menu .group.color1 .wrapper-chk>div span { background: #FF9800 } body:not(.no-hover) #carte-menu .group.color2 .item:hover,body:not(.no-hover) #carte-menu .group.color2 .item:focus { color: #5C6BC0 } body:not(.no-hover) #carte-menu .group.color2 .wrapper-chk>div label:hover,body:not(.no-hover) #carte-menu .group.color2 .wrapper-chk>div label:focus { color: #5C6BC0 } #carte-menu .group.color2 .wrapper-chk>div label:after { color: #5C6BC0 } #carte-menu .group.color2 .wrapper-chk>div span { background: #5C6BC0 } body:not(.no-hover) #carte-menu .group.color3 .item:hover,body:not(.no-hover) #carte-menu .group.color3 .item:focus { color: #009688 } body:not(.no-hover) #carte-menu .group.color3 .wrapper-chk>div label:hover,body:not(.no-hover) #carte-menu .group.color3 .wrapper-chk>div label:focus { color: #009688 } #carte-menu .group.color3 .wrapper-chk>div label:after { color: #009688 } #carte-menu .group.color3 .wrapper-chk>div span { background: #009688 } body:not(.no-hover) #carte-menu .group.color4 .item:hover,body:not(.no-hover) #carte-menu .group.color4 .item:focus { color: #BA68C8 } body:not(.no-hover) #carte-menu .group.color4 .wrapper-chk>div label:hover,body:not(.no-hover) #carte-menu .group.color4 .wrapper-chk>div label:focus { color: #BA68C8 } #carte-menu .group.color4 .wrapper-chk>div label:after { color: #BA68C8 } #carte-menu .group.color4 .wrapper-chk>div span { background: #BA68C8 } body:not(.no-hover) #carte-menu .group.color5 .item:hover,body:not(.no-hover) #carte-menu .group.color5 .item:focus { color: #F44336 } body:not(.no-hover) #carte-menu .group.color5 .wrapper-chk>div label:hover,body:not(.no-hover) #carte-menu .group.color5 .wrapper-chk>div label:focus { color: #F44336 } #carte-menu .group.color5 .wrapper-chk>div label:after { color: #F44336 } #carte-menu .group.color5 .wrapper-chk>div span { background: #F44336 } #carte-menu .group .item { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 24px; padding: 18px 30px 18px 25px; display: block; text-transform: uppercase; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; position: relative; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .2s ease; transition: all .2s ease } #carte-menu .group .item:after { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; right: 23px; font-size: 24px; line-height: 24px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) #carte-menu .group .item:hover { color: #1ec459; cursor: pointer } body:not(.no-hover) #carte-menu .group .item:hover:after { color: #000 } #carte-menu .wrapper-chk { padding: 15px 0 } #carte-menu .wrapper-chk>div { position: relative; margin: 0; background: #fff } #carte-menu .wrapper-chk>div input { display: none } #carte-menu .wrapper-chk>div span { width: 22px; height: 22px; line-height: 22px; background: #1eabc4; border-radius: 50%; position: absolute; top: 15px; right: 23px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } #carte-menu .wrapper-chk>div span span { top: auto; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; background-size: 12px !important; left: auto; right: 0px; background-repeat: no-repeat !important; -webkit-transform: none; -ms-transform: none; transform: none } #carte-menu label { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #000; line-height: 18px; cursor: pointer; display: block; position: relative; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 5px 47px; padding-left: 56px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { #carte-menu label { padding:5px 55px; padding-left: 55px } } body:not(.no-hover) #carte-menu label:hover { color: #1ec459 } #carte-menu input { position: absolute } #carte-menu input[type="checkbox"]:not(:checked)+label:before,#carte-menu input[type="checkbox"]:checked+label:before { content: ''; float: left; margin-right: 12px; -webkit-transform: none; -ms-transform: none; transform: none; width: 14px; height: 14px; border: 2px solid #000; background: #fff; border-radius: 50%; cursor: pointer; position: absolute; left: 30px } @media screen and (max-width: 599px) { #carte-menu input[type="checkbox"]:not(:checked)+label:before,#carte-menu input[type="checkbox"]:checked+label:before { left:25px } } #carte-menu input[type="checkbox"]:not(:checked)+label:after,#carte-menu input[type="checkbox"]:checked+label:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; text-shadow: 1px 1px 0 #fff,0px -2px 0 #fff; font-size: 14px; position: absolute; left: 35px; top: 4px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; color: #1ec459; -webkit-transition: all .2s; transition: all .2s; background: none; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 599px) { #carte-menu input[type="checkbox"]:not(:checked)+label:after,#carte-menu input[type="checkbox"]:checked+label:after { left:30px } } #carte-menu input[type="checkbox"]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } #carte-menu input[type="checkbox"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .wrapper-carte button,.wrapper-carte #cible { position: absolute; top: 72px; right: 60px; background: white; border-radius: 50%; border: 2px solid #c5c5c5; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); font-size: 18px; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; width: 40px; height: 40px; z-index: 5000; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .wrapper-carte button,.wrapper-carte #cible { top:53px; right: 35px } } .wrapper-carte button:hover,.wrapper-carte #cible:hover { cursor: pointer; border-color: #1ec459 } .wrapper-carte button:focus,.wrapper-carte #cible:focus { outline: none } .wrapper-carte button span,.wrapper-carte #cible span { color: #1ec459; line-height: 40px; text-align: center; position: absolute; right: 0; left: 1px; top: 0; bottom: 0; width: 100%; height: 100%; font-size: 20px } .GPwidget { margin-right: 40px !important } .GPwidget .GPshowAdvancedToolPicto { display: none } .GPwidget form { width: 310px; max-width: 310px; height: 68px; position: relative; -webkit-box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2) } @media screen and (max-width: 599px) { .GPwidget form { width:100%; max-width: 100% } } .GPwidget form input { font-family: "Roboto", Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px; position: relative; background-color: #f2f2f2; padding: 0 25px; padding-right: 70px; -webkit-appearance: none; outline: none; border: none; border-bottom: 2px solid #1ec459; display: block; border-radius: 0; height: 68px; -webkit-transition: all .2s ease; transition: all .2s ease; width: 100%; text-overflow: ellipsis } .GPwidget form input ~ div { top: 50%; margin-top: -15px; display: none } .GPwidget .GPautoCompleteList { width: 310px; top: 68px; border: 1px solid #1ec459; border-top: none; margin-left: -3px; display: none; -webkit-box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2) } @media screen and (max-width: 599px) { .GPwidget .GPautoCompleteList { width:100% } } .GPwidget .GPautoCompleteList .GPautoCompleteProposal { color: #000; font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400 } .GPwidget .GPautoCompleteList .GPautoCompleteProposal:hover { background-color: #f2f2f2 } @media screen and (max-width: 599px) { button,#cible { right:32px } .GPwidget { width: 100%; margin-right: 0 !important } .GPwidget form { width: calc(100% - 40px) !important; max-width: calc(100% - 40px) !important; right: 20px; left: 20px; height: 68px } .GPwidget .GPautoCompleteList { width: calc(100% - 40px); left: 20px; margin-left: 0 } .menu-carte-mobile { left: auto; right: 20px } #carte-menu { top: 105px } } .wrapper-carte .leaflet-top.leaflet-right { width: 100%; z-index: 2001 } .container-listing { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .container-listing:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 980px) { .container-listing { min-height:200px } } .wrapper-description { position: relative; margin-bottom: 60px } @media screen and (max-width: 980px) { .wrapper-description { margin-bottom:50px } } @media screen and (max-width: 599px) { .wrapper-description { margin-bottom:80px } } .wrapper-description .description-expand { position: relative; display: block; padding: 5px 30px 10px 30px } .wrapper-description .description-expand:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 980px) { .wrapper-description .description-expand { padding:5px 10px 10px 10px } } @media screen and (max-width: 599px) { .wrapper-description .description-expand { padding:0 10px } } .wrapper-description .description-expand>* { max-width: 100% !important } .wrapper-listing { position: relative; z-index: 6000; width: calc(100% - 460px); padding: 0px 10px; min-height: 400px; padding-top: 20px } @media screen and (min-width: 1600px) { .wrapper-listing { width:calc(100% - 600px) } } @media screen and (max-width: 1024px) { .wrapper-listing { width:calc(100% - 300px) } } @media screen and (max-width: 980px) { .wrapper-listing { width:100%; min-height: auto !important; padding: 30px 30px 0 } } @media screen and (max-width: 599px) { .wrapper-listing { padding:20px 10px 0 } } .wrapper-listing:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); opacity: 0; z-index: -1; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { .wrapper-listing:before { content:none } } .wrapper-listing:after { content: ''; display: block; clear: both } .wrapper-listing.active:before { opacity: 1; z-index: 5000; cursor: pointer } .wrapper-listing .bloc-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 60px } .wrapper-listing .bloc-listing:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .wrapper-listing .bloc-listing.grid-masonry { margin: 0 10px } .wrapper-listing .bloc-listing .grid-sizer,.wrapper-listing .bloc-listing .grid-item { width: 32.66666666666% } @media screen and (max-width: 1366px) { .wrapper-listing .bloc-listing .grid-sizer,.wrapper-listing .bloc-listing .grid-item { width:49.3333333333333% } } @media screen and (max-width: 599px) { .wrapper-listing .bloc-listing .grid-sizer,.wrapper-listing .bloc-listing .grid-item { width:100% } } .wrapper-listing .bloc-listing .grid-gutter { width: 1% } .wrapper-listing .bloc-listing .grid-sizer { height: 0; min-height: 0 !important } .wrapper-listing .bloc-listing .grid-item { margin-bottom: 30px; padding: 0 } @media screen and (max-width: 980px) { .wrapper-listing .bloc-listing .grid-item { margin-bottom:40px } } .wrapper-listing .bloc-listing .grid-item>div { width: 100%; padding-top: 94%; position: relative } .wrapper-listing .bloc-listing .grid-item>div>a { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .wrapper-listing .bloc-listing .grid-item .bloc-card-agenda { margin-bottom: 0 } .wrapper-listing .bloc-listing .grid-item figure img { height: auto; width: 100% } .wrapper-listing .bloc-listing .grid-item .caption { position: static } .wrapper-listing .bloc-listing .grid-item--height2>div { padding-top: 142% } .wrapper-listing .bloc-listing .txt-no-results { width: 100%; text-align: center } .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(3n+1),.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(3n+1) { clear: left } .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(3n+1) .pictos-cta .tooltip .tooltiptext,.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(3n+1) .pictos-cta .tooltip .tooltiptext { margin-left: -10px; left: 0 } .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(3n+1) .pictos-cta .tooltip .tooltiptext:after,.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(3n+1) .pictos-cta .tooltip .tooltiptext:after { left: 29px } @media screen and (min-width: 1600px) { .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(3n+1),.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(3n+1) { clear:none } .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(3n+1) .pictos-cta .tooltip .tooltiptext,.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(3n+1) .pictos-cta .tooltip .tooltiptext { margin-left: -65px; left: 50% } .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(3n+1) .pictos-cta .tooltip .tooltiptext:after,.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(3n+1) .pictos-cta .tooltip .tooltiptext:after { left: 50% } .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(4n+1),.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(4n+1) { clear: left } .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(4n+1) .pictos-cta .tooltip .tooltiptext,.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(4n+1) .pictos-cta .tooltip .tooltiptext { margin-left: -10px; left: 0 } .wrapper-listing .bloc-listing>[class^="col-"]:nth-child(4n+1) .pictos-cta .tooltip .tooltiptext:after,.wrapper-listing .bloc-listing>[class*=" col-"]:nth-child(4n+1) .pictos-cta .tooltip .tooltiptext:after { left: 29px } } .wrapper-listing .col-33 { padding: 0 10px } @media screen and (min-width: 1600px) { .wrapper-listing .col-33 { width:25% } } @media screen and (max-width: 1280px) { .wrapper-listing .col-33 { width:50% } } @media screen and (max-width: 1024px) { .wrapper-listing .col-33 { width:33.33% } } @media screen and (max-width: 599px) { .wrapper-listing .col-33 { width:100% } } .wrapper-listing .col-50 { padding: 0 10px } @media screen and (min-width: 1600px) { .wrapper-listing .col-50 { width:33.33% } } .wrapper-listing .col-50 .bloc-card-agenda { margin-bottom: 30px } .wrapper-listing .bloc-card-hebergement .content .link:after { content: ''; width: 100%; height: 4px; background-color: #1ec459; position: relative; bottom: -22px; display: none } body:not(.no-hover) .wrapper-listing .bloc-card-hebergement:hover .link:after,body:not(.no-hover) .wrapper-listing .bloc-card-hebergement:focus .link:after { display: block } .listing-map { position: -webkit-sticky !important; position: sticky !important; width: 460px; height: 100vh; top: 0; bottom: 0; right: 0; z-index: 5000; background: #e5e5e5; margin-left: auto; overflow: hidden; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .listing-map.active { width: 100%; z-index: 8000 } @media screen and (min-width: 1600px) { .listing-map { width:600px } } @media screen and (max-width: 1024px) { .listing-map { width:300px } } @media screen and (max-width: 980px) { .listing-map { display:none } } .listing-map .fixed-map { height: 100% !important; width: 100% } .listing-map .fixed-map .wrapper-map { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; position: static !important; top: 0; right: 0; bottom: 0 } .listing-map .maps { width: 100%; height: 100% } .page-listing .bloc-prefooter .content-wrapper { width: 1200px; max-width: 100% } @media screen and (min-width: 1600px) { .page-listing .bloc-prefooter .content-wrapper { width:1520px } } @media screen and (max-width: 1279px) { .page-listing .bloc-prefooter .content-wrapper { width:calc(100% - 80px) } } @media screen and (max-width: 1280px) { .page-listing .bloc-prefooter .content-wrapper { margin:40px !important } } .page-listing-v2 .wrapper-facette { z-index: 9000; margin-top: 20px } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .content-wrapper { margin-top:0; overflow: hidden; max-width: 100% } } .page-listing-v2 .wrapper-facette.active { z-index: 9000 } .page-listing-v2 .wrapper-facette.without-moteur { z-index: 9000 } .page-listing-v2 .wrapper-facette.without-moteur.active { z-index: 9000 } .page-listing-v2 .wrapper-facette.without-moteur:after { left: auto; width: 460px } @media screen and (min-width: 1600px) { .page-listing-v2 .wrapper-facette.without-moteur:after { width:600px } } @media screen and (max-width: 1024px) { .page-listing-v2 .wrapper-facette.without-moteur:after { width:300px } } @media screen and (max-width: 980px) { .page-listing-v2 .wrapper-facette.without-moteur:after { width:100% } } .page-listing-v2 .wrapper-facette.without-moteur ~ .container-listing .wrapper-description { margin-bottom: 40px } @media screen and (max-width: 980px) { .page-listing-v2 .wrapper-facette.without-moteur ~ .container-listing .wrapper-description { margin-top:0 } } .page-listing-v2 .wrapper-facette.without-moteur ~ .container-listing .wrapper-description+.bloc-listing { margin-top: 0 } .page-listing-v2 .wrapper-facette.without-moteur ~ .container-listing .bloc-listing { position: relative; z-index: 2000 } @media screen and (max-width: 980px) { .page-listing-v2 .wrapper-facette.without-moteur ~ .container-listing .bloc-listing { margin-top:0; z-index: 100 } } .page-listing-v2 .wrapper-facette.without-moteur ~ .container-listing .bloc-listing .col-33 { padding-top: 30px } @media screen and (max-width: 1024px) { .page-listing-v2 .wrapper-facette.without-moteur ~ .container-listing .bloc-listing .caption { padding-bottom:30px } } .page-listing-v2 .wrapper-facette.without-moteur .content-wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width: 980px) { .page-listing-v2 .wrapper-facette.without-moteur .content-wrapper .wrapper-cta { width:100% } } .page-listing-v2 .wrapper-facette.without-moteur .content-wrapper .wrapper-cta .cta { display: inline-block; width: auto } .page-listing-v2 .wrapper-facette.without-moteur .content-wrapper .wrapper-cta ul { position: relative; top: 0 } .page-listing-v2 .wrapper-facette .wrapper-cta { position: relative; z-index: 1000; width: calc(100% - ((100vw - 1200px) / 2) - (1200px - 460px)); margin-left: 20px } @media screen and (min-width: 1600px) { .page-listing-v2 .wrapper-facette .wrapper-cta { width:auto } } @media screen and (max-width: calc(1200px + 80px + 80px)) { .page-listing-v2 .wrapper-facette .wrapper-cta { width:420px } } @media screen and (max-width: 1024px) { .page-listing-v2 .wrapper-facette .wrapper-cta { width:250px } } @media screen and (max-width: 980px) { .page-listing-v2 .wrapper-facette .wrapper-cta { width:auto; margin-left: 0 } } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .wrapper-cta { width:100%; margin: 0 } } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .wrapper-cta ul { position:relative; top: 0; right: 0; left: auto } } @media screen and (max-width: 980px) { .page-listing-v2 .wrapper-facette .wrapper-cta .cta { min-width:165px } } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .wrapper-cta .cta { -webkit-box-flex:1; -ms-flex: 1; flex: 1 } } .page-listing-v2 .wrapper-facette .form-inspire { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .form-inspire { -ms-flex-wrap:wrap; flex-wrap: wrap; padding-right: 0 } } .page-listing-v2 .wrapper-facette .form-inspire .facette-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; cursor: pointer } .page-listing-v2 .wrapper-facette .form-inspire .facette-select label { margin-right: 5px } .page-listing-v2 .wrapper-facette .form-inspire .facette-select:first-of-type { border-right: 1px dashed #000; padding-right: 17px } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .form-inspire .facette-select:first-of-type { padding-right:0; border: none; margin-bottom: 10px } } .page-listing-v2 .wrapper-facette .form-inspire .facette-select:last-of-type { padding-left: 17px } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .form-inspire .facette-select:last-of-type { padding-left:0 } } .page-listing-v2 .wrapper-facette .form-inspire ul li { margin-left: 0; height: auto } .page-listing-v2 .wrapper-facette .form-inspire ul li button { border-radius: 0; height: auto } .page-listing-v2 .wrapper-facette .facette-exp .facette-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .facette-exp .facette-date { padding-right:0; margin-right: 0 } } @media screen and (max-width: 1024px) { .page-listing-v2 .wrapper-facette .facette-exp .facette-date .wrapper-date { margin-right:5px } } .page-listing-v2 .wrapper-facette .facette-exp .facette-date label,.page-listing-v2 .wrapper-facette .facette-exp .facette-date input { font-size: 1.625rem; line-height: 1.5rem } .page-listing-v2 .wrapper-facette .facette-exp .facette-date [class^="icon-"],.page-listing-v2 .wrapper-facette .facette-exp .facette-date [class*=" icon-"] { font-size: 1.125rem; margin-right: 10px } .page-listing-v2 .wrapper-facette .facette-exp .facette-date input { width: 85px; color: #000; text-indent: 2px; padding-top: 0; padding-bottom: 0 } .page-listing-v2 .wrapper-facette .facette-exp .facette-date input::-webkit-input-placeholder { color: #000 } .page-listing-v2 .wrapper-facette .facette-exp .facette-date input::-moz-placeholder { color: #000 } .page-listing-v2 .wrapper-facette .facette-exp .facette-date input:-ms-input-placeholder { color: #000 } .page-listing-v2 .wrapper-facette .facette-exp .facette-date input::-ms-input-placeholder { color: #000 } .page-listing-v2 .wrapper-facette .facette-exp .facette-date input::placeholder { color: #000 } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .facette-exp .facette-date+.facette-select { margin-top:20px } } .page-listing-v2 .wrapper-facette .facette-exp .facette-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .facette-exp .facette-select { margin:10px 0 } } .page-listing-v2 .wrapper-facette .facette-exp .facette-select label { margin-right: 10px } @media screen and (max-width: 599px) { .page-listing-v2 .wrapper-facette .facette-exp .facette-select:last-of-type { margin-bottom:0 } } .page-listing-v2 .listing-map .fixed-map { height: calc(100vh - 84px) } @media screen and (max-width: 1024px) { .page-listing-article .wrapper-facette { padding:20px 0 } } @media screen and (max-width: 1024px) { .page-listing-article .wrapper-facette .content-wrapper { display:block; margin-left: 0 !important; margin-right: 0 !important; width: 100% } } .page-listing-article .wrapper-facette .content-wrapper .form { display: block; width: 100% } @media screen and (max-width: 1024px) { .page-listing-article .wrapper-facette .content-wrapper .form { -webkit-box-sizing:border-box; box-sizing: border-box; white-space: nowrap; overflow: auto; padding: 0 30px } } @media screen and (max-width: 599px) { .page-listing-article .wrapper-facette .content-wrapper .form { padding:0 10px } } @media screen and (max-width: 1024px) { .page-listing-article .wrapper-facette .content-wrapper .form>* { display:inline-block; padding: 0 10px } } .page-listing-article .wrapper-facette .content-wrapper .form>*.sort { padding: 10px 0 } @media screen and (max-width: 1024px) { .page-listing-article .wrapper-facette .content-wrapper .form>*.sort { display:none; float: none; width: auto; padding: 0 10px } } .page-listing-article .wrapper-facette .content-wrapper .form>*.sort:after { content: none } @media screen and (max-width: 980px) { .page-listing-article .wrapper-facette .content-wrapper .form>*.sort ul { position:absolute; top: 50px } .page-listing-article .wrapper-facette .content-wrapper .form>*.sort ul:before { left: 30px; right: auto } } .page-listing-article .wrapper-facette .content-wrapper .form>*.sort ul li { margin-left: 0; height: auto; display: block } .page-listing-article .wrapper-facette .content-wrapper .form>*.sort ul li .facette-checkbox { padding: 3px 0; display: block } .page-listing-article .wrapper-facette .content-wrapper .form>*.sort ul li .facette-checkbox label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px; display: block } .page-listing-article .wrapper-facette ul li a { border-radius: 0 } .page-listing-article .bloc-pagination:before,.page-listing-article .bloc-pagination:after { left: 0; right: 0; width: 100% } @media screen and (max-width: 599px) { .page-listing-article .bloc-pagination { padding:15px 0 } } @media screen and (max-width: 599px) { .page-listing-article .bloc-pagination .pagination .pagination-number { margin-left:5%; margin-right: 5% } } .page-listing-article header.small-header { padding-bottom: 80px } @media screen and (max-width: 599px) { .page-listing-article header.small-header { padding-bottom:0 } } .listing-article { padding: 20px 0 } .listing-article:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .listing-article .col-wrapper>* { padding: 20px } .listing-article .col-wrapper>*:nth-child(3n+1) { clear: left } @media screen and (max-width: 980px) { .listing-article .col-wrapper>*:nth-child(3n+1) { clear:none } .listing-article .col-wrapper>*:nth-child(odd) { clear: left } } .listing-article .col-50 article a figure,.listing-article .col-25 article a figure { background: transparent } .listing-article .col-50 .bloc-article .caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media screen and (max-width: 599px) { .listing-article .col-50 .bloc-article .caption { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .listing-article .col-50 .bloc-article .caption .date-cat-wrapper { width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media screen and (max-width: 1024px) { .listing-article .col-50 .bloc-article .caption .date-cat-wrapper { width:100% } } @media screen and (max-width: 599px) { .listing-article .col-50 .bloc-article .caption .date-cat-wrapper { -webkit-box-align:start; -ms-flex-align: start; align-items: flex-start } } .listing-article .col-50 .bloc-article .caption .wrap-cat { margin-top: -10px } article.bloc-article { padding: 0 !important; position: relative } article.bloc-article:not(.bloc-small-article) .no-photo { height: 356px } article.bloc-article.bloc-small-article>.no-photo { height: auto; background: #fff } article.bloc-article.bloc-small-article>a>.no-photo { height: 165px; background: #AAAAAA } article.bloc-article>a { display: block; position: relative; -webkit-transition: all .2s ease; transition: all .2s ease } article.bloc-article>a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; width: 100%; background: #1ec459; z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) article.bloc-article>a:hover,body:not(.no-hover) article.bloc-article>a:focus { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } article.bloc-article>a:hover:before,article.bloc-article>a:focus:before { opacity: 1; visibility: visible } article.bloc-article>a:hover .caption .link,article.bloc-article>a:focus .caption .link { opacity: 1; visibility: visible } article.bloc-article>a:hover figure,article.bloc-article>a:focus figure { -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35) } .no-hover article.bloc-article>a:before { content: none } .no-hover article.bloc-article>a .caption .link { opacity: 1; visibility: visible } article.bloc-article>a figure { overflow: hidden } article.bloc-article>a figure figcaption { display: none } article.bloc-article>a .caption { position: static; width: 100%; top: auto; margin-top: 15px; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all .2s ease; transition: all .2s ease } article.bloc-article>a .caption .titre-card { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 22px; margin: 0 0 10px 0; display: block } article.bloc-article>a .caption p { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #000; line-height: 17px; margin: 0 0 10px 0; max-width: 70% } @media screen and (max-width: 980px) { article.bloc-article>a .caption p { width:100%; max-width: 100% } } article.bloc-article>a .caption .link { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; transition: all .2s ease } article.bloc-article>a .date-article { margin: 0; position: relative; float: none; margin-bottom: 15px; display: inline-block; color: #000 } article.bloc-article>a .wrap-cat { position: static; margin-top: -5px; z-index: 10 } article.bloc-article>a .wrap-cat>span,article.bloc-article>a .wrap-cat a { color: #000 } article.bloc-article.bloc-small-article>a:before { top: 0px; left: 0px; right: 0px; width: calc(100%) } body:not(.no-hover) article.bloc-article.bloc-small-article>a:hover,body:not(.no-hover) article.bloc-article.bloc-small-article>a:focus { -webkit-box-shadow: none; box-shadow: none } body:not(.no-hover) article.bloc-article.bloc-small-article>a:hover .caption,body:not(.no-hover) article.bloc-article.bloc-small-article>a:focus .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover article.bloc-article.bloc-small-article>a:after { content: none } .no-hover article.bloc-article.bloc-small-article>a .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover article.bloc-article.bloc-small-article>a .caption .link { opacity: 1; visibility: visible } article.bloc-article.bloc-small-article .date-article { color: #000; margin: 10px 0 } article.bloc-article.bloc-small-article figure { position: relative; z-index: 100 } article.bloc-article.bloc-small-article figure:after { content: none } article.bloc-article.bloc-small-article .caption { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; left: 0; right: 0; bottom: 0; transform: none; z-index: 100 } article.bloc-article.bloc-small-article .caption h1 { color: #000 } article.bloc-article.bloc-small-article .caption p { color: #000; width: 100%; max-width: 100% } .page-listing-agenda { margin-top: 40px; padding-top: 42px; overflow: hidden } @media screen and (max-width: 599px) { .page-listing-agenda { margin-top:0; padding-top: 0 } } .page-listing-agenda header .content-wrapper+.container-cover { margin-top: 40px } @media screen and (max-width: 599px) { .page-listing-agenda header>.content-wrapper:not(.container-no-photo) { margin-top:100px } } .page-listing-agenda header #breadcrumb { position: static; margin-bottom: 36px; padding-top: 40px } .page-listing-agenda header .bloc-small.bloc-texte { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .page-listing-agenda header .bloc-small.bloc-texte .surtitre,.page-listing-agenda header .bloc-small.bloc-texte h1 { -ms-flex-item-align: center; align-self: center } @media screen and (max-width: 599px) { .page-listing-agenda header .bloc-small.bloc-texte .surtitre,.page-listing-agenda header .bloc-small.bloc-texte h1 { -ms-flex-item-align:start; align-self: flex-start } } .page-listing-agenda header .bloc-small.bloc-texte .btn { -ms-flex-item-align: start; align-self: flex-start } .page-listing-agenda header .bloc-texte { text-align: center } @media screen and (max-width: 599px) { .page-listing-agenda header .bloc-texte { text-align:left } } .page-listing-agenda header .bloc-texte p { font-size: .9375rem; line-height: 1.375rem; font-weight: 400; color: #3C3C3B } @media screen and (max-width: 599px) { .page-listing-agenda header .bloc-texte .surtitre { margin-bottom:0 } } .page-listing-agenda header h1 { color: #000 } @media screen and (max-width: 599px) { .page-listing-agenda header h1 { font-size:2.1875rem; line-height: 2.1875rem } } .page-listing-agenda header .btn { display: inline-block; text-transform: uppercase } @media screen and (max-width: 599px) { .page-listing-agenda header .btn { width:100%; max-width: 100%; min-width: auto; padding-left: 0; padding-right: 0 } } .page-listing-agenda header .description-expand { text-align: left; padding-left: 0; padding-right: 0 } .page-listing-agenda header .wrapper-description { margin-bottom: 20px } @media screen and (max-width: 599px) { .page-listing-agenda header .wrapper-description { margin-bottom:60px } } .page-listing-agenda header .container-cover img { height: auto } .page-listing-agenda .container-no-photo { border: 1px solid #000; padding-top: 40px; padding-bottom: 40px } @media screen and (max-width: 599px) { .page-listing-agenda .container-no-photo { padding-bottom:20px; margin-top: 100px } } .page-listing-agenda .container-listing { display: block; margin-top: 60px } @media screen and (max-width: 599px) { .page-listing-agenda .container-listing { margin-top:20px } } .page-listing-agenda .container-listing .content-wrapper { width: auto } @media screen and (max-width: 980px) { .page-listing-agenda .container-listing .content-wrapper { width:auto } } .page-listing-agenda .inner-container-listing { position: relative; padding-left: 40px; padding-right: 40px } @media screen and (max-width: 1024px) { .page-listing-agenda .inner-container-listing { padding-left:0; padding-right: 0 } } .page-listing-agenda .inner-container-listing .container { margin-bottom: 80px } @media screen and (max-width: 980px) { .page-listing-agenda .inner-container-listing .container { margin-bottom:40px } } @media screen and (max-width: 599px) { .page-listing-agenda .inner-container-listing .container { margin-bottom:20px } } .page-listing-agenda .inner-container-listing .wrapper-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -40px } @media screen and (max-width: 720px) { .page-listing-agenda .inner-container-listing .wrapper-cards { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .page-listing-agenda .inner-container-listing .wrapper-cards>* { float: none; max-width: 472px; margin-top: 40px } @media screen and (max-width: 720px) { .page-listing-agenda .inner-container-listing .wrapper-cards>* { max-width:none; width: 100% !important } } @media screen and (max-width: 599px) { .page-listing-agenda .inner-container-listing .wrapper-cards>* { margin-top:20px } } @media screen and (max-width: 599px) { .page-listing-agenda .inner-container-listing .wrapper-cards>*:first-of-type { margin-top:30px } } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:after { display: none } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image { position: relative; width: 160px; position: relative; overflow: hidden } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image>.content,.page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media screen and (max-width: 980px) { .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image { width:110px; position: relative; overflow: hidden } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image>.content,.page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image figure,.page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image .no-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image .no-photo { background-color: #eee } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image .no-photo:after { content: "\e903"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; display: block; font-size: 3.125rem; color: #000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda figure img { height: inherit } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .caption { margin-left: 20px; margin-top: 0; text-align: left } @media screen and (max-width: 980px) { .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .caption { margin-left:10px } } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .date { font-family: "Roboto",Sans-Serif; font-size: .75rem; font-weight: 700; color: #000; line-height: .6875rem } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .date+.theme { margin-top: -5px } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .theme span { display: block; font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 400; color: #4C4C4C; line-height: 1.375rem; margin-top: 5px } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda h2 { position: relative; font-family: "Roboto",Sans-Serif; font-size: 1.875rem; font-weight: 700; color: #000; line-height: 1.875rem; text-transform: initial; margin-top: 7px; margin-bottom: 9px } @media screen and (max-width: 980px) { .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda h2 { font-size:1.25rem; line-height: 1.25rem } } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .location { text-align: left } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper { position: relative; -webkit-transition: all .2s ease; transition: all .2s ease } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper .wrapper-price { left: 10px !important } @media screen and (max-width: 980px) { .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper .wrapper-price { right:10px !important; width: auto } } @media screen and (max-width: 599px) { .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper .wrapper-price { width:80px; left: 15px !important } } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper .wrapper-price.event-covid .reserve { background-color: #000 } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper .wrapper-price.event-covid .reserve span { color: #fff } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper .wrapper-price.event-covid .reserve span:before,.page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper .wrapper-price.event-covid .reserve span:after { border-top-color: #000 } .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda .image-wrapper .reserve { min-height: 40px } body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:hover .image-wrapper,body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:focus .image-wrapper { -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35) } body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:hover figure,body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:hover .no-photo,body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:focus figure,body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:focus .no-photo { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:hover .image:after,body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:focus .image:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:hover .wrapper-price,body:not(.no-hover) .page-listing-agenda .inner-container-listing .wrapper-cards .bloc-card-agenda:focus .wrapper-price { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition-delay: 0.5s; transition-delay: 0.5s } .page-listing-agenda .inner-container-listing .day-date { font-family: "Roboto",Sans-Serif; font-size: 1.875rem; font-weight: 700; color: #000; line-height: 3.125rem; text-transform: uppercase; position: -webkit-sticky; position: sticky; top: 0px; display: block; background-color: #FFFFFF; width: 100%; height: auto; z-index: 1100; margin-bottom: 40px } @media screen and (max-width: 599px) { .page-listing-agenda .inner-container-listing .day-date { font-size:1.25rem; margin-bottom: 35px } } .page-listing-agenda .inner-container-listing .day-date:after { content: ""; display: block; width: 100%; height: 1px; background-image: url("../images/deco/dotted-line.svg"); background-repeat: no-repeat } @media screen and (max-width: 599px) { .page-listing-agenda .inner-container-listing .day-date:after { position:relative; top: -5px } } .page-listing-agenda .bloc-pagination { padding-right: 20px; padding-left: 20px } @media screen and (max-width: 599px) { .page-listing-agenda .bloc-pagination { margin-top:40px } } .page-listing-agenda .bloc-pagination:empty { display: none } .page-listing-agenda .bloc-pagination .pagination .pagination-number li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .page-listing-agenda .pagination.content-wrapper { max-width: none; margin-left: 0; margin-right: 0 } .page-listing-agenda .container-add-event { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 980px) { .page-listing-agenda .container-add-event { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .page-listing-agenda .container-add-event .content { margin-right: 40px } @media screen and (max-width: 980px) { .page-listing-agenda .container-add-event .content { margin-right:0 } } .page-listing-agenda .container-add-event .content p { color: #3C3C3B; margin-bottom: 0 } @media screen and (max-width: 980px) { .page-listing-agenda .container-add-event .content+.btn { margin-top:20px } } .page-listing-agenda .container-add-event .btn { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0 } .page-template-page-listing-event .social-share { bottom: 90px; z-index: 9999 } @media screen and (max-width: 980px) { .page-template-page-listing-event .social-share { bottom:150px } } @media screen and (max-width: 599px) { .page-template-page-listing-event .social-share { bottom:120px; right: -20px } } .page-template-page-listing-event #footer { padding-bottom: 100px } @media screen and (max-width: 980px) { .page-template-page-listing-event #footer { padding-bottom:150px } } @media screen and (max-width: 1280px) { main.page-detail header figure figcaption { bottom:150px; right: 30px } } @media screen and (max-width: 599px) { main.page-detail header figure figcaption { bottom:0; right: 0 } } .single-apidae { overflow-x: hidden } @media screen and (max-width: 599px) { .single-apidae .bloc-prefooter { margin-bottom:150px } } .single-apidae .bloc-prefooter .owl-cards .item figure img { height: auto } .single-apidae .detail-container { margin-top: 180px } @media screen and (max-width: 599px) { .single-apidae .detail-container { margin-top:100px } } .single-apidae .detail-container .detail-content>.bloc { padding-top: 0 } .single-apidae .detail-container .detail-content>.bloc>* { padding: 20px 40px; width: auto; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width: 980px) { .single-apidae .detail-container .detail-content>.bloc>* { padding:20px 0 } } .single-apidae .detail-container .detail-content .sit-header { position: relative } .single-apidae .detail-container .detail-content .sit-header.paysage header { z-index: 50; max-width: calc(100% + 40px); height: auto; padding: 0; margin-left: -40px; margin-top: 40px } .single-apidae .detail-container .detail-content .sit-header.paysage header:before,.single-apidae .detail-container .detail-content .sit-header.paysage header:after { content: none } @media screen and (max-width: 980px) { .single-apidae .detail-container .detail-content .sit-header.paysage header { max-width:100%; margin-left: 0 } } @media screen and (max-width: 599px) { .single-apidae .detail-container .detail-content .sit-header.paysage header { margin-top:20px } } .single-apidae .detail-container .detail-content .sit-header.paysage header figure { height: auto } .single-apidae .detail-container .detail-content .sit-header.paysage header figure.before,.single-apidae .detail-container .detail-content .sit-header.paysage header figure:after { content: none } .single-apidae .detail-container .detail-content .sit-header.paysage header figure img { height: auto } .single-apidae .detail-container .detail-content .sit-header.paysage header.hasDate { margin-top: -20px } @media screen and (max-width: 980px) { .single-apidae .detail-container .detail-content .sit-header.paysage header.hasDate { margin-top:20px } } .single-apidae .detail-container .detail-content .sit-header.portrait { border: 1px solid #1c1c1c; padding: 40px 40px 100px 40px; margin-right: 40px; margin-bottom: 30px } .single-apidae .detail-container .detail-content .sit-header.portrait.has-alert-message { margin-bottom: 60px } .single-apidae .detail-container .detail-content .sit-header.portrait:not(.hasGalerie) { padding-bottom: 40px } @media screen and (max-width: 980px) { .single-apidae .detail-container .detail-content .sit-header.portrait { margin-right:0 } } @media screen and (max-width: 700px) { .single-apidae .detail-container .detail-content .sit-header.portrait { padding:0; border: 0 } .single-apidae .detail-container .detail-content .sit-header.portrait:not(.hasGalerie) { padding-bottom: 20px } } .single-apidae .detail-container .detail-content .sit-header.portrait header { display: none } .single-apidae .detail-container .detail-content .sit-header.portrait header:before,.single-apidae .detail-container .detail-content .sit-header.portrait header:after { content: none } @media screen and (max-width: 700px) { .single-apidae .detail-container .detail-content .sit-header.portrait header { display:block; margin-top: 20px } } .single-apidae .detail-container .detail-content .sit-header.portrait header figure { height: auto } .single-apidae .detail-container .detail-content .sit-header.portrait header img { -webkit-filter: none; filter: none } .single-apidae .detail-container .detail-content .sit-header.portrait .bloc-galerie { bottom: -30px; right: -10px } @media screen and (max-width: 700px) { .single-apidae .detail-container .detail-content .sit-header.portrait .bloc-galerie { right:0; bottom: 0 } } .single-apidae .detail-container .detail-content .sit-header.no-pic { border: 1px solid #1c1c1c; padding: 40px; margin-right: 40px } .single-apidae .detail-container .detail-content .sit-header.no-pic header { display: none } .single-apidae .detail-container .detail-content .sit-header .wrapper-title-date>div { display: block; width: 100% } .single-apidae .detail-container .detail-content .sit-header .event-date { position: relative !important; margin-left: 0 !important; margin-top: 10px !important; z-index: 100; left: 0 } .single-apidae .detail-container .detail-content .sit-header .event-date span { font-size: inherit } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie { position: absolute; bottom: 0; right: 30px; left: auto; z-index: 1000; background-color: white; padding: 10px 0 10px 10px; width: auto; font-size: 0 } @media screen and (max-width: 980px) { .single-apidae .detail-container .detail-content .sit-header .bloc-galerie { right:-10px } } @media screen and (max-width: 700px) { .single-apidae .detail-container .detail-content .sit-header .bloc-galerie { position:relative; right: auto; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie .galerie { padding-bottom: 0 } @media screen and (max-width: 700px) { .single-apidae .detail-container .detail-content .sit-header .bloc-galerie .galerie { width:100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie .galerie-temoins { display: none } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a { position: relative; display: inline-block; margin-right: 10px; position: relative; overflow: hidden; width: 150px } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 66.66667% } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a>.content,.single-apidae .detail-container .detail-content .sit-header .bloc-galerie a>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media screen and (max-width: 700px) { .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a { width:100% } } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a:last-child:after { content: '\e947'; font-family: 'icomoon'; position: absolute; top: 50%; right: 50%; margin-top: -20px; margin-right: -20px; left: auto; height: 40px; width: 40px; z-index: 20; background-color: #1ec459; color: #000; font-size: 16px; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 700px) { .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a:last-child { margin-right:0 } } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a figure { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100% } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a figure figcaption { display: none } .single-apidae .detail-container .detail-content .sit-header .bloc-galerie a figure img { height: 100%; width: 100% } .single-apidae .detail-container .detail-content .label-sit img { min-height: 50px; width: auto } .single-apidae .detail-container+.bloc-prefooter { margin-top: 40px } .detail-container { position: relative; margin-top: -150px; z-index: 100 } .detail-container:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media (min-width: 1600px) { .detail-container { max-width:1520px !important } } .detail-container:after { content: ''; display: block; clear: both } .detail-container .alert-message { background: #F44336; margin: 20px 80px 0px 40px; padding: 20px 25px !important } @media screen and (max-width: 980px) { .detail-container .alert-message { margin:20px 0 0 0 } } .detail-container .alert-message span.title { font-weight: 700 !important; text-transform: uppercase !important; font-size: 1.875rem !important; line-height: 1.875rem !important; padding: 0 0 5px 0 !important; color: #fff !important; display: block; font-family: "Roboto",Sans-Serif } .detail-container .alert-message p { color: #fff !important; font-size: 1.375rem !important; line-height: 1.375rem !important; font-family: "Roboto",Sans-Serif !important; font-weight: bold !important } @media screen and (max-width: 600px) { .detail-container .alert-message { margin:0 !important } } .detail-container .alert-message.alert-message--green { background: #1ec459 } .detail-container .alert-message.alert-message--black { background-color: #1c1c1c } @media (orientation: landscape) and (max-width: 730px) { .detail-container { margin-top:20px } } @media screen and (max-width: 599px) { .detail-container { margin-top:20px } } .detail-container .meta-container .meta-randonnee { display: -webkit-box; display: -ms-flexbox; display: flex; background: #2d2d2d; margin-top: 10px; width: auto } @media screen and (max-width: 599px) { .detail-container .meta-container .meta-randonnee { -ms-flex-wrap:wrap; flex-wrap: wrap; margin-top: 0 } } .detail-container .meta-container .meta-randonnee li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; text-align: center; padding-top: 16px; padding-bottom: 16px; border-right: 1px solid rgba(255,255,255,0.2) } @media screen and (max-width: 599px) { .detail-container .meta-container .meta-randonnee li { -webkit-box-flex:50%; -ms-flex: 50%; flex: 50%; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2) } } .detail-container .meta-container .meta-randonnee li:before { display: none !important } .detail-container .meta-container .meta-randonnee li:last-of-type { border-right: none; padding-bottom: 16px !important } .detail-container .meta-container .meta-randonnee li>* { display: block } .detail-container .meta-container .meta-randonnee li .title { font-family: "Roboto",Sans-Serif; font-size: 1.125rem; font-weight: 700; color: #fff; line-height: 1.625rem; text-transform: uppercase } .detail-container .meta-container .meta-randonnee li .info-data { font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #B4B4B4; line-height: 1.625rem; margin-top: -5px } .detail-container>* { float: left } .detail-container .detail-content { width: calc(100% - 360px) } @media screen and (max-width: 1024px) { .detail-container .detail-content { width:calc(100% - 300px) } } @media screen and (max-width: 980px) { .detail-container .detail-content { width:100% } } .detail-container .detail-content .btn { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; padding: 12px 30px; margin: 0 10px 10px 0; float: right } @media screen and (max-width: 980px) { .detail-container .detail-content .btn { margin-right:0 } } .detail-container .detail-content .disponibilites-tourinsoft { padding: 25px 65px; border: 2px solid rgba(0,0,0,0.2); margin: 25px 45px 30px; width: calc(100% - 125px) } @media screen and (max-width: 980px) { .detail-container .detail-content .disponibilites-tourinsoft { width:calc(100% - 90px); margin: 25px 0; padding: 25px 20px !important } } @media screen and (max-width: 599px) { .detail-container .detail-content .disponibilites-tourinsoft { width:100%; margin: 25px 0; padding: 25px 20px !important } } .detail-container .detail-content .disponibilites-tourinsoft .title-sit { font-family: "Roboto",Sans-Serif; font-size: 40px; font-weight: 700; color: #000; line-height: 40px; position: relative; display: block; text-transform: uppercase; text-align: center; margin-bottom: 16px } .detail-container .detail-content .disponibilites-tourinsoft .subtitle { text-align: center; display: block; margin-top: -10px; margin-bottom: 17px; font-family: "Roboto",Sans-Serif; font-size: 16px; font-weight: 500; color: #000; line-height: 16px } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select { position: relative } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select>* { float: left; width: calc(50% - 2px) } @media screen and (max-width: 599px) { .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select>* { width:100% } } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select>*:last-child { margin-left: 4px } @media screen and (max-width: 599px) { .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select>*:last-child { margin-left:0; margin-top: 10px } } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; background: none; border: 1px solid #d3d0d9; -webkit-transition: all .2s ease; transition: all .2s ease } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container .custom-a11yselect-btn { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #000; line-height: 24px; position: relative; width: 100%; height: 100%; padding: 11px 15px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width: 599px) { .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container .custom-a11yselect-btn { right:0 } } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container .custom-a11yselect-btn:after { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; font-size: 14px; color: #000; right: 15px; top: 50%; margin-top: -7px } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container .custom-a11yselect-btn .custom-a11yselect-text:before,.detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container .custom-a11yselect-btn .custom-a11yselect-text:after { display: none } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container .custom-a11yselect-btn .icon-chevron-down { display: none } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container .custom-a11yselect-menu { z-index: 999 } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .custom-a11yselect-container .custom-a11yselect-menu li:before { display: none } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper { display: block } body:not(.no-hover) .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric:hover { border-color: #000 } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric .button { display: none } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric-items { width: 100% !important; -webkit-box-shadow: none; box-shadow: none; border-top: none; border-color: #d3d0d9; background: #fff } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric-items ul { margin: 0 } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric-items ul li { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #000; line-height: 24px; text-transform: none; padding: 5px 15px } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric-items ul li:before { content: none } body:not(.no-hover) .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric-items ul li:hover,body:not(.no-hover) .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric-items ul li.selected,body:not(.no-hover) .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric-items ul li.highlighted { background: #F1F1F1 } .detail-container .detail-content .disponibilites-tourinsoft .wrapper-select .selectric-wrapper .selectric-hide-select { width: 100%; left: 0 } .detail-container .detail-content .disponibilites-tourinsoft table { width: 100%; text-align: center } .detail-container .detail-content .disponibilites-tourinsoft table tr { background: #f6f6f7 } .detail-container .detail-content .disponibilites-tourinsoft table tr:first-child { background: none } .detail-container .detail-content .disponibilites-tourinsoft table tr th,.detail-container .detail-content .disponibilites-tourinsoft table tr td { font-family: "Roboto",Sans-Serif; font-size: 16px; font-weight: 400; color: #fff; line-height: 24px; position: relative; z-index: 10; padding: 10px 0; vertical-align: middle } @media screen and (max-width: 599px) { .detail-container .detail-content .disponibilites-tourinsoft table tr th,.detail-container .detail-content .disponibilites-tourinsoft table tr td { font-size:.875rem } } .detail-container .detail-content .disponibilites-tourinsoft table tr th { color: #000; font-weight: 700 } .detail-container .detail-content .disponibilites-tourinsoft table tr td { color: #fff; padding: 12px 0 } .detail-container .detail-content .disponibilites-tourinsoft table tr td.day-empty { font-size: 0 } .detail-container .detail-content .disponibilites-tourinsoft table tr td.day-disabled { color: rgba(40,40,40,0.5) } .detail-container .detail-content .disponibilites-tourinsoft table tr td.day-disabled:before { background: #e5e5e5 } .detail-container .detail-content .disponibilites-tourinsoft table tr td.day-dispo:before,.detail-container .detail-content .disponibilites-tourinsoft table tr td.day-verif:before,.detail-container .detail-content .disponibilites-tourinsoft table tr td.day-complet:before,.detail-container .detail-content .disponibilites-tourinsoft table tr td.day-disabled:before { content: ''; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; width: calc(100% - 4px); height: calc(100% - 4px); z-index: -1 } .detail-container .detail-content .disponibilites-tourinsoft table tr td.day-complet:before { background: #d42414 } .detail-container .detail-content .disponibilites-tourinsoft table tr td.day-dispo:before { background: #1ec459 } .detail-container .detail-content .disponibilites-tourinsoft table tr td.day-verif:before { background: #fdc411 } .detail-container .detail-content .disponibilites-tourinsoft table.days-dispo { table-layout: fixed } .detail-container .detail-content .disponibilites-tourinsoft table.days-dispo th { width: calc(100% / 7); padding: 12px 0 } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites { text-align: left; margin: 20px 0 0 0; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 800px) { .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #282828; line-height: 24px; padding: 3px 10px 3px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px } @media screen and (max-width: 1180px) { .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li { padding:3px 10px 3px 20px } } @media screen and (max-width: 980px) { .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li { padding:3px 10px 3px 35px } } @media screen and (max-width: 599px) { .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li { display:block; width: 100% } } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li:last-child { padding-bottom: 3px } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li:not(:last-child) { margin-right: 15px } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li.legend-dispo:before { background: #1ec459 } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li.legend-verif:before { background: #fdc411 } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li.legend-complet:before { background: #d42414 } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li.legend-mois-disabled { display: none } .detail-container .detail-content .disponibilites-tourinsoft .legend-disponibilites li:before { content: ''; width: 4px; height: 100%; position: absolute; top: 0; left: 0; bottom: 0 } .detail-container .detail-content .bloc { clear: both; background: #fff; padding-bottom: 0; margin: 0 } .detail-container .detail-content .bloc:after { content: ''; display: block; clear: both } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc { background:none } } .detail-container .detail-content .bloc>* { padding: 20px 45px; max-width: calc(100% - 35px) } .detail-container .detail-content .bloc>*>*:last-child { margin-bottom: 0; width: 100%; text-align: left } @media screen and (max-width: 980px) { .detail-container .detail-content .bloc>* { max-width:100% } } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc>* { padding:15px 0 } } .detail-container .detail-content .bloc .wrapper-donnes { padding: 0; margin-bottom: 10px } .detail-container .detail-content .bloc .wrapper-donnes:after { content: ''; display: block; clear: both } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .wrapper-donnes { padding:0; margin-bottom: 15px } } .detail-container .detail-content .bloc .wrapper-donnes>* { float: left; width: 50%; margin-bottom: 0; line-height: 1.875rem } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .wrapper-donnes>* { width:100%; float: none } } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .wrapper-donnes .rate { margin-bottom:10px } } .detail-container .detail-content .bloc .wrapper-donnes .rate+.info-supp ul { text-align: right } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .wrapper-donnes .rate+.info-supp ul { text-align:left } } .detail-container .detail-content .bloc .wrapper-donnes .info-supp ul { margin-bottom: 0; text-align: left } .detail-container .detail-content .bloc .wrapper-donnes .info-supp ul li { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin: 0 10px; font-size: 2.125rem } .detail-container .detail-content .bloc .wrapper-donnes .info-supp ul li:before { content: none } .detail-container .detail-content .bloc .wrapper-donnes .info-supp ul li:last-child { margin-right: 0 } .detail-container .detail-content .bloc .wrapper-donnes .info-supp ul li:first-child { margin-left: 0 } .detail-container .detail-content .bloc .wrapper-donnes .info-supp ul .tooltip .tooltiptext { visibility: hidden; width: 6.25rem; top: 130%; left: 50%; margin-left: -50px; background-color: rgba(0,0,0,0.7); text-align: center; padding: 5px 0; border-radius: 6px; font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #fff; line-height: .8125rem; position: absolute; z-index: 1 } .detail-container .detail-content .bloc .wrapper-donnes .info-supp ul .tooltip .tooltiptext:after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent rgba(0,0,0,0.7) transparent } .detail-container .detail-content .bloc .wrapper-donnes .info-supp ul .tooltip:hover .tooltiptext,.detail-container .detail-content .bloc .wrapper-donnes .info-supp ul .tooltip:focus .tooltiptext { visibility: visible } .detail-container .detail-content .bloc .wrapper-title-date { display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 } .detail-container .detail-content .bloc .wrapper-title-date.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .detail-container .detail-content .bloc .wrapper-title-date .event-date { position: static } .detail-container .detail-content .bloc .wrapper-title-date+.event-date { position: static; display: inline-block; text-align: left; -webkit-transform: none; -ms-transform: none; transform: none; background-color: #000; color: #fff; margin-left: 45px; padding: 10px 18px; max-width: none; min-height: auto } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .wrapper-title-date+.event-date { margin-left:0 } } .detail-container .detail-content .bloc .wrapper-title-date+.event-date time { color: #fff; min-height: auto; font-size: 2rem } .detail-container .detail-content .bloc .wrapper-title-date+.event-date time span { display: inline-block } .detail-container .detail-content .bloc .surtitre { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 400; color: #000; line-height: 1.375rem; text-transform: uppercase; letter-spacing: .25rem; display: block; margin-bottom: 0px; padding: 0 } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .surtitre { padding:0 } } .detail-container .detail-content .bloc h1 { font-family: "Roboto",Sans-Serif; font-size: 3.125rem; font-weight: 700; color: #000; line-height: 3.375rem; text-transform: uppercase; display: block; margin-bottom: 0; padding: 0 } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc h1 { font-size:2.5rem; line-height: 40px; padding: 0 } } .detail-container .detail-content .bloc h2,.detail-container .detail-content .bloc h3 { font-family: "Roboto",Sans-Serif; font-size: 1.875rem; font-weight: 700; color: #000; line-height: 1.75rem; text-transform: none; margin-bottom: 20px } .detail-container .detail-content .bloc .title-bloc-video { padding-bottom: 5px; margin-bottom: 0 } .detail-container .detail-content .bloc p { font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 400; color: #000; line-height: 1.5rem; margin-bottom: 10px } .detail-container .detail-content .bloc ul { padding: 0; margin-bottom: 20px; list-style-type: none } .detail-container .detail-content .bloc ul:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .detail-container .detail-content .bloc ul li { font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 400; color: #000; line-height: 1.5rem; display: block } .detail-container .detail-content .bloc ul li:before { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; left: 0; top: 7px } .detail-container .detail-content .bloc ul li:last-child { padding-bottom: 0 } .detail-container .detail-content .bloc #breadcrumb { position: relative; bottom: 0; padding: 40px 40px; margin-bottom: 0; margin-top: -100px; overflow: visible; width: 100% } @media screen and (max-width: 1280px) { .detail-container .detail-content .bloc #breadcrumb { margin-right:0 } } @media screen and (max-width: 980px) { .detail-container .detail-content .bloc #breadcrumb { padding:40px 0 } } .detail-container .detail-content .bloc #breadcrumb a { color: #000; font-size: .8125rem } .detail-container .detail-content .bloc #breadcrumb a>span { color: #000; font-size: .8125rem } .detail-container .detail-content .bloc #breadcrumb a:after { background: #000 } body:not(.no-hover) .detail-container .detail-content .bloc #breadcrumb a:hover,body:not(.no-hover) .detail-container .detail-content .bloc #breadcrumb a:focus { color: #000; text-decoration: underline } body:not(.no-hover) .detail-container .detail-content .bloc #breadcrumb a:hover span,body:not(.no-hover) .detail-container .detail-content .bloc #breadcrumb a:focus span { color: #000; text-decoration: underline } .detail-container .detail-content .bloc .description { padding-top: 25px } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .description { padding-top:0 } } .detail-container .detail-content .bloc .open-system>div { padding: 1.25rem; border: 2px solid rgba(0,0,0,0.2) } .detail-container .detail-content .bloc .open-system .v1 { height: auto } .detail-container .detail-content .bloc .horaires p { max-width: 460px } .detail-container .detail-content .bloc .horaires ul li { max-width: 460px; margin-bottom: 10px } .detail-container .detail-content .bloc .horaires ul li:before { content: none } .detail-container .detail-content .bloc .horaires ul li:last-child { margin-bottom: 0 } .detail-container .detail-content .bloc .bloc-download ul li { padding: 0; display: inline-block } .detail-container .detail-content .bloc .bloc-download ul li:before { content: none } .detail-container .detail-content .bloc .bloc-download ul li .poids { margin-left: 20px; white-space: nowrap } .detail-container .detail-content .bloc .bloc-download ul li a>* { pointer-events: none } .detail-container .detail-content .bloc .info ul li { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px; padding: 10px 20px } .detail-container .detail-content .bloc .info ul li:before { content: none } .detail-container .detail-content .bloc .info ul li:nth-child(odd) { background: #eeeeee } .detail-container .detail-content .bloc .info table thead { -webkit-box-sizing: border-box; box-sizing: border-box } .detail-container .detail-content .bloc .info table tbody { -webkit-box-sizing: border-box; box-sizing: border-box } .detail-container .detail-content .bloc .info .infos-comp-table { width: 100% } .detail-container .detail-content .bloc .info .infos-comp-table tr:nth-child(odd) { background-color: #eeeeee } .detail-container .detail-content .bloc .info .infos-comp-table th { font-family: "Roboto",Sans-Serif; text-align: left; font-weight: bold; font-size: .9375rem; color: #000; line-height: 1.5rem; padding: 10px 20px; width: 230px } @media screen and (max-width: 1120px) { .detail-container .detail-content .bloc .info .infos-comp-table th { width:160px } } .detail-container .detail-content .bloc .info .infos-comp-table td { font-size: .9375rem; line-height: 1.5rem; color: #000; padding: 10px 20px 10px 0 } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .info .infos-comp-table th { width:100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0 } .detail-container .detail-content .bloc .info .infos-comp-table td { width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px } } .detail-container .detail-content .bloc .desc-thematise>div { background: #eeeeee; padding: 20px } .detail-container .detail-content .bloc .desc-thematise .title-descthem { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 24px } @supports (display: grid) { .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px 10px } @media screen and (max-width: 1024px) { .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture { grid-template-columns:1fr 1fr 1fr } } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture { grid-template-columns:1fr } } } @supports not (display: grid) { .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture { display:-webkit-box; display: -ms-flexbox; display: flex } } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture a { width:100%; margin-bottom: 15px } } @supports not (display: grid) { .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture a { margin:10px } } .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture a figure img { height: 130px } @media (min-width: 1600px) { .detail-container .detail-content .bloc .desc-thematise .bloc-galerie .wrapper-picture a figure img { height:160px } } .detail-container .detail-content .bloc .label h3 { padding-bottom: 15px } .detail-container .detail-content .bloc .label figure { background: none; display: inline-block; vertical-align: middle; margin-right: 30px } .detail-container .detail-content .bloc .bloc-galerie { padding-bottom: 0 } .detail-container .detail-content .bloc .bloc-galerie .galerie:after { display: none } .detail-container .detail-content .bloc .bloc-galerie h3:not(:first-child) { margin-top: 40px } .detail-container .detail-content .bloc .bloc-galerie .bloc-video { width: 100%; margin: 20px 0; text-align: center } .detail-container .detail-content .bloc .bloc-galerie .bloc-video .btn { float: none; margin: 20px 0 0 0; text-transform: initial } .detail-container .detail-content .bloc .bloc-galerie .galerie { position: relative; padding-bottom: 50px } .detail-container .detail-content .bloc .bloc-galerie .galerie:last-child:after { content: '' } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie { padding-bottom:30px } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture:after { content: ""; display: block; clear: both } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a { position: relative; display: block } body:not(.no-hover) .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a:hover figure img,body:not(.no-hover) .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a:focus figure img { opacity: 0.6 } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a figure { position:relative; overflow: hidden; border-bottom: 1px solid #fff } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a figure>.content,.detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a figure img { -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture a figure img { position:absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% !important } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1:after,.detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-2:after { content: ''; clear: both; display: block } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1 .col-1 { float: left; width: 67% } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1 .col-1 { float:none; width: 100% } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1 .col-1 figure img { height: 329px } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1 .col-2 { float: left; width: 33%; border-left: 1px solid #fff } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1 .col-2 { float:none; width: 100%; border: none } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1 .col-2 figure img { height: 164px } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1 .col-2>*:first-child { border-bottom: 1px solid #fff } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-1 .col-2>*:first-child { border:none } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-2 { border-top: 1px solid #fff } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-2 { border:none } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-2>* { width: 50%; float: left } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-2>* { float:none; width: 100% } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-2>*:nth-child(2) { border-left: 1px solid #fff } @media screen and (max-width: 599px) { .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-2>*:nth-child(2) { border:none } } .detail-container .detail-content .bloc .bloc-galerie .galerie .wrapper-picture .row-2 figure img { height: 256px } .detail-container .detail-content .bloc .responsable { padding-bottom: 0 } .detail-container .detail-content .bloc .responsable>div { position: relative; padding: 15px 0 35px 0 } .detail-container .detail-content .bloc .responsable>div>*:last-child { margin-bottom: 0 } .detail-container .detail-content .bloc .responsable>div p { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px; margin-bottom: 0 } .detail-container .detail-content .bloc .responsable>div p a { color: #000; text-decoration: none } .detail-container .detail-content .bloc .responsable>div p a:hover,.detail-container .detail-content .bloc .responsable>div p a:focus { text-decoration: underline } .detail-container .detail-content .infos-structuregestion>*:last-child { margin-bottom: 40px } .detail-container .detail-content .infos-structuregestion address { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px } .detail-container .detail-content .infos-structuregestion a { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 26px; display: block; margin-bottom: 3px; word-wrap: break-word; text-decoration: underline } .detail-container .detail-content .infos-structuregestion a:hover,.detail-container .detail-content .infos-structuregestion a:focus { color: #1ec459 } .detail-container .aside-sticky { position: relative; width: 360px; -webkit-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out } @media screen and (max-width: 1024px) { .detail-container .aside-sticky { width:300px } } @media screen and (max-width: 980px) { .detail-container .aside-sticky { padding:0 40px; padding-left: 0; margin: 0; width: calc(100% - 80px) } } @media screen and (max-width: 599px) { .detail-container .aside-sticky { padding:0; width: 100% } } .detail-container .aside-sticky .wrapper-image { width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; overflow: hidden; max-height: none; background-color: #000000 } .detail-container .aside-sticky .wrapper-image img { height: auto; width: 100% } .detail-container .aside-sticky .wrapper-image figcaption { display: block } @media screen and (max-width: 980px) { .detail-container .aside-sticky .wrapper-image figure { max-width:none; margin: 0 auto } } @media screen and (max-width: 700px) { .detail-container .aside-sticky .wrapper-image { display:none } } .detail-container .aside-sticky.is-affixed .wrapper-maps,.detail-container .aside-sticky.not-top .wrapper-maps { height: 0 } .detail-container .aside-sticky.is-affixed .wrapper-maps .btn-small,.detail-container .aside-sticky.not-top .wrapper-maps .btn-small { display: none } .detail-container .aside-sticky.is-affixed .wrapper-maps .static-map img,.detail-container .aside-sticky.not-top .wrapper-maps .static-map img { max-height: 0 } .detail-container .aside-sticky.is-affixed .wrapper-price,.detail-container .aside-sticky.not-top .wrapper-price { display: none } .detail-container .aside-sticky.is-affixed .wrapper-image,.detail-container .aside-sticky.not-top .wrapper-image { max-height: 0 } .is-scrolled.scrolldir-top .detail-container .aside-sticky.is-sticky>div { margin-top: 80px } .detail-container .aside-sticky.is-bottom { position: absolute; left: auto; right: 0; bottom: 0 !important; top: auto !important } .detail-container .aside-sticky.sticky-has-image:not(.is-sticky) { margin-top: -150px; margin-top: 0 } @media screen and (max-width: 980px) { .detail-container .aside-sticky.sticky-has-image:not(.is-sticky) { margin-top:0 } } .detail-container .aside-sticky>div { -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { .detail-container .aside-sticky>div { margin-top:0 } } .detail-container .aside-sticky .wrapper-maps { position: relative; height: 150px } .detail-container .aside-sticky .wrapper-maps:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; z-index: 100; background: #1ec459 } .detail-container .aside-sticky .wrapper-maps .maps { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .detail-container .aside-sticky .wrapper-maps .static-map img { max-height: 200px } .detail-container .aside-sticky .wrapper-maps .wrapper-price { -webkit-transform: none; -ms-transform: none; transform: none; left: 40px; width: 90px; -webkit-transition: all .2s ease; transition: all .2s ease } .detail-container .aside-sticky .wrapper-maps .wrapper-price .price>span { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 30px; text-transform: uppercase } .detail-container .aside-sticky .wrapper-maps .wrapper-price .price>span .prix { font-size: 32px } .detail-container .aside-sticky .wrapper-maps .wrapper-price .price>span .prix span { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 30px } .detail-container .aside-sticky .wrapper-maps .btn-small { font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 400; color: #fff; line-height: 1.5rem; background: rgba(0,0,0,0.9); position: absolute; bottom: 15px; right: 15px; padding: .3125rem .9375rem; border-radius: 10px; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 500 } .detail-container .aside-sticky .wrapper-maps .btn-small:hover,.detail-container .aside-sticky .wrapper-maps .btn-small:focus { background: #000 } .detail-container .aside-sticky .wrapper-maps.wrapper-maps-rando { height: 430px } .detail-container .aside-sticky .sticky-bar { padding: 25px 40px 30px 40px } @media screen and (max-width: 1024px) { .detail-container .aside-sticky .sticky-bar { padding:20px } } .detail-container .aside-sticky .sticky-bar h2 { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.75rem; margin-bottom: 0 } .detail-container .aside-sticky .sticky-bar h2:nth-of-type(2) { margin-top: 25px } .detail-container .aside-sticky .sticky-bar p { font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 400; color: rgba(0,0,0,0.78); line-height: 1rem; display: block; margin-bottom: 3px } .detail-container .aside-sticky .sticky-bar p strong { display: block; margin-top: 8px } .detail-container .aside-sticky .sticky-bar address { font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 400; color: rgba(0,0,0,0.78); line-height: 1rem; margin-bottom: 12px } .detail-container .aside-sticky .sticky-bar .start { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 400; color: #000; line-height: 32px } .detail-container .aside-sticky .sticky-bar a { font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 700; color: #000; line-height: 1.25rem; display: block; margin-bottom: 3px; word-wrap: break-word } .detail-container .aside-sticky .sticky-bar a:hover,.detail-container .aside-sticky .sticky-bar a:focus { color: #1ec459 } .detail-container .aside-sticky .sticky-bar a:not(.btn):focus { outline: 1px dashed #000 } .detail-container .aside-sticky .sticky-bar .btn { font-family: "Roboto",Sans-Serif; font-size: 1.375rem; font-weight: 700; color: #000; line-height: 1.5rem; margin: 15px 0; float: none } .detail-container .aside-sticky .sticky-bar .btn:hover,.detail-container .aside-sticky .sticky-bar .btn:focus { background: #000; color: #fff !important } .detail-container .aside-sticky .sticky-bar .btn:last-of-type:focus { outline: 1px dashed #000 } .detail-container .aside-sticky .sticky-bar .wrapper-tel:after { content: ''; clear: both; display: block } .detail-container .aside-sticky .sticky-bar .tel { font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 400; color: #000; line-height: 1.625rem; float: left; width: 50%; margin-bottom: 5px } .detail-container .aside-sticky .sticky-bar .tel.tel-2 { text-align: right } @media screen and (max-width: 980px) { .detail-container .aside-sticky .sticky-bar .tel.tel-2 { margin-left:40px } } @media screen and (max-width: 599px) { .detail-container .aside-sticky .sticky-bar .tel.tel-2 { margin-left:0 } } .detail-container .aside-sticky .sticky-bar .tel:hover,.detail-container .aside-sticky .sticky-bar .tel:focus { color: #1ec459 } @media screen and (max-width: 1024px) { .detail-container .aside-sticky .sticky-bar .tel { font-size:13px; margin-bottom: 0 } } @media screen and (max-width: 980px) { .detail-container .aside-sticky .sticky-bar .tel { width:auto } } @media screen and (max-width: 599px) { .detail-container .aside-sticky .sticky-bar .tel { width:50% } } .detail-container .aside-sticky .sticky-bar .reserv { min-height: 3.125rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAACCAIAAAA4pgDiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTZCODRDMjlFMkYxMUU4QTZEMkEzMEY2N0Q3RTFDQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTZCODRDMzlFMkYxMUU4QTZEMkEzMEY2N0Q3RTFDQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFNkI4NEMwOUUyRjExRThBNkQyQTMwRjY3RDdFMUNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFNkI4NEMxOUUyRjExRThBNkQyQTMwRjY3RDdFMUNCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XHK8TgAAADRJREFUeNpilJeXZ0ACJ06ckJCQYMANXrx4YWFhAecyoUmXl5e/fv0al2agFFABsghAgAEAVFEOrescdPYAAAAASUVORK5CIIA="); background-size: 21px 2px; background-position: top left; background-repeat: repeat-x; background-color: #1f1f1f; margin: 20px -40px -30px -40px; padding: 15px 40px 20px 40px } @media screen and (max-width: 1024px) { .detail-container .aside-sticky .sticky-bar .reserv { margin:20px -20px -30px -20px } } @media screen and (max-width: 980px) { .detail-container .aside-sticky .sticky-bar .reserv { margin:30px -20px -30px -20px; background-size: 15px 2px; padding: 15px 20px 20px 20px } } .detail-container .aside-sticky .sticky-bar .reserv p { color: #fff; font-size: .75rem; line-height: .9375rem } @media screen and (max-width: 980px) { .detail-container .aside-sticky .sticky-bar .reserv p { font-size:.875rem } } .detail-container .aside-sticky .sticky-bar .reserv a { text-transform: uppercase; font-size: 1.375rem; line-height: 1.5rem } .detail-container .aside-sticky .sticky-bar .reserv.clermontpass-reserv { background-color: #e5e5e5; position: relative; background-image: none } .detail-container .aside-sticky .sticky-bar .reserv.clermontpass-reserv .clermontpass-reserv__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .detail-container .aside-sticky .sticky-bar .reserv.clermontpass-reserv .clermontpass-reserv__content p { font-size: .75rem; line-height: .9375rem; margin-left: 10px; color: #000 } .detail-container .aside-sticky .sticky-bar .reserv.clermontpass-reserv .clermontpass-reserv__content i { font-size: 58px; color: rgba(0,0,0,0.7) } .detail-container .aside-sticky .sticky-bar .reserv.no-image { background-image: none } .detail-container .aside-sticky .sticky-bar .reserv.no-margin { margin-top: 0; padding-top: 9px } .detail-container ~ .bloc-prefooter .more-content>div { position: relative; padding-bottom: 20px; padding-top: 40px } @media screen and (max-width: 599px) { .detail-container ~ .bloc-prefooter .more-content>div { padding-top:20px } } .detail-container ~ .bloc-prefooter .more-content>div:before { top: 0px } @media screen and (max-width: 599px) { .detail-container ~ .bloc-prefooter .more-content>div:before { top:0px } } .no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .no-photo { -webkit-box-shadow: none; box-shadow: none } .no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .link { opacity: 1; position: relative; left: 0; bottom: 0; margin-top: 10px } .detail-container ~ .bloc-prefooter .more-content h3 { margin-bottom: 40px; color: #000 } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda { display: block; font-size: 0; margin: 30px 0; width: calc(50% - 20px); float: left } @media screen and (max-width: 1024px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda { width:100%; float: none } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:nth-child(even) { clear: left; margin-right: 40px } @media screen and (max-width: 1024px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:nth-child(even) { margin-right:0 } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-img,.detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-img { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-img .no-photo,.detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-img .no-photo { -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); -webkit-transform: none; -ms-transform: none; transform: none } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-img figure,.detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-img figure { -webkit-transform: none; -ms-transform: none; transform: none } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-img .event-date,.detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-img .event-date { -webkit-transform: none; -ms-transform: none; transform: none } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-txt,.detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-txt { -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-txt .link,.detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-txt .link { opacity: 1 } body:not(.no-hover) .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus { outline: none } body:not(.no-hover) .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-img,body:not(.no-hover) .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-txt { outline: 1px dashed #000 } .no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-img,.no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-img { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-img .event-date,.no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-img .event-date { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:hover .wrapper-txt,.no-hover .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:focus .wrapper-txt { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } @media screen and (max-width: 800px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda:last-child { margin-bottom:0 } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda>* { position: relative; display: inline-block; vertical-align: middle } @media screen and (max-width: 800px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda>* { width:100% } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img { width: 16.125rem; height: 10rem; background: #AAA; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 1280px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img { width:12.5rem } } @media screen and (min-width: 1025px) and (max-width: 1100px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img { width:10rem } } @media screen and (max-width: 980px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img { width:16.125rem } } @media screen and (max-width: 800px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img { width:100%; height: 12.5rem } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img .event-date { padding-top: 10px } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img .no-photo { height: 100%; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img figure:after { content: none } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img figure img { width: 16.125rem; height: 10rem } @media screen and (max-width: 1280px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img figure img { width:12.5rem } } @media screen and (min-width: 1025px) and (max-width: 1100px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img figure img { width:10rem } } @media screen and (max-width: 980px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img figure img { width:16.125rem } } @media screen and (max-width: 800px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-img figure img { width:100%; height: 12.5rem } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt { width: calc(100% - 258px); padding: 30px 20px 25px 30px; height: 10rem; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 1280px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt { width:calc(100% - 200px); padding-left: 15px } } @media screen and (min-width: 1025px) and (max-width: 1100px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt { width:calc(100% - 160px) } } @media screen and (max-width: 1024px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt { padding-left:30px } } @media screen and (max-width: 980px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt { width:calc(100% - 258px) } } @media screen and (max-width: 800px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt { width:100%; height: 100%; padding: 40px 0 10px } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .location { font-size: .75rem; position: absolute; left: 30px; top: 8px; color: #000 } @media screen and (max-width: 1280px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .location { left:15px } } @media screen and (max-width: 1024px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .location { left:30px } } @media screen and (max-width: 800px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .location { left:0 } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .theme { position: absolute; right: 1.25rem; top: .5rem } @media screen and (max-width: 599px) { .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .theme { right:0 } } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .theme span { color: #000; line-height: 1.375rem } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt h3 { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.375rem; margin-bottom: 10px } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt p { font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #000; line-height: 1.1875rem } .detail-container ~ .bloc-prefooter .more-content .bloc-card-agenda .wrapper-txt .link { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.375rem; position: absolute; left: 30px; bottom: 13px; opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .detail-container ~ .bloc-prefooter .more-content .clearfix { display: block; clear: both } .detail-container .type-annonce { position: relative; padding: 20px 45px; text-align: right } .detail-container .type-annonce:before { content: ''; display: block; position: absolute; left: 45px; right: 0; top: 50%; width: calc(100% - 90px); height: 1px; background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #000), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, #000 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to right, #000 40%, rgba(255,255,255,0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x } @media screen and (max-width: 599px) { .detail-container .type-annonce:before { left:0 } } .detail-container .type-annonce span { background-color: #fff; position: relative; display: inline; width: auto !important; padding-left: 10px; font-style: italic; color: #181D25; font-size: .875rem } .detail-container .configuration-salles { padding: 25px 65px; border: 2px solid rgba(0,0,0,0.2); margin: 25px 45px 30px; width: calc(100% - 125px) } @media screen and (max-width: 980px) { .detail-container .configuration-salles { width:calc(100% - 90px); margin: 25px 0; padding: 25px 20px !important } } @media screen and (max-width: 599px) { .detail-container .configuration-salles { width:100%; margin: 25px 0; padding: 25px 20px !important } } .detail-container .configuration-salles .salle-select label { position: relative; display: block; margin-bottom: 5px } .detail-container .configuration-salles .salle-select .custom-a11yselect-container .custom-a11yselect-btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .detail-container .configuration-salles .salle-select .custom-a11yselect-container .custom-a11yselect-menu .custom-a11yselect-option { padding: 0 } .detail-container .configuration-salles .salle-content { margin-top: 20px } .detail-container .configuration-salles .salle-content>* { position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .detail-container .configuration-salles .salle-content>*.active { position: relative; pointer-events: auto; opacity: 1 } .detail-container .configuration-salles .salle-content>* p { font-size: 11px; line-height: 13px } .detail-container .configuration-salles .salle-content .dispositions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -7px; margin-right: -7px } .detail-container .configuration-salles .salle-content .dispositions .disposition { width: calc(33% - 14px); border-right: dashed 1px black; margin: 12px 7px; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .detail-container .configuration-salles .salle-content .dispositions .disposition:nth-child(3n) { border-right: 0 } @media screen and (max-width: 599px) { .detail-container .configuration-salles .salle-content .dispositions .disposition:nth-child(3n) { border-right:dashed 1px black } } @media screen and (max-width: 599px) { .detail-container .configuration-salles .salle-content .dispositions .disposition { width:calc(50% - 14px) } .detail-container .configuration-salles .salle-content .dispositions .disposition:nth-child(2n) { border-right: 0 } } .detail-container .configuration-salles .salle-content .dispositions .disposition [class^="icon-"] { font-size: 28px; color: #1ec459; -ms-flex-negative: 0; flex-shrink: 0 } .detail-container .configuration-salles .salle-content .dispositions .disposition__data { font-weight: 700; font-family: "Roboto",Sans-Serif; padding-left: 15px } @media screen and (max-width: 599px) { .detail-container .configuration-salles .salle-content .dispositions .disposition__data { padding-left:10px } } .detail-container .configuration-salles .salle-content .dispositions .disposition__data .type { font-size: 16px; line-height: 19px; display: block } .detail-container .configuration-salles .salle-content .dispositions .disposition__data .places { font-size: 24px; line-height: 27px; display: block } #append-aside-here { width: 100%; padding: 20px 0; display: none } @media screen and (max-width: 980px) { #append-aside-here { display:block; margin-top: 20px } } @media screen and (max-width: 599px) { #append-aside-here { margin-bottom:20px } } .html-sitemap .wrapper-main ul { position: relative; margin: 10px 0 } .html-sitemap .wrapper-main ul:before { content: ''; display: block; width: 2px; height: 100%; background-color: #1ec459; position: absolute; left: 0; top: 0 } .html-sitemap .wrapper-main ul li { text-transform: uppercase; padding-bottom: 0px } .html-sitemap .wrapper-main ul li:before { display: none } .page-detail-agenda { margin-top: 15px; padding-top: 40px } @media screen and (max-width: 599px) { .page-detail-agenda { padding-top:0 } } .page-detail-agenda #breadcrumb { position: static; padding-left: 40px; max-width: calc(100% - 438px) } @media screen and (max-width: 980px) { .page-detail-agenda #breadcrumb { max-width:100%; padding-left: 0 } } .page-detail-agenda .wrapper-title-date .surtitre { color: #000; letter-spacing: 2px } @media screen and (max-width: 599px) { .page-detail-agenda .wrapper-title-date .surtitre { margin-top:-5px } } .page-detail-agenda .wrapper-title-date h1 { font-size: 3.125rem; line-height: 3.125rem; color: #000 } @media screen and (max-width: 599px) { .page-detail-agenda .wrapper-title-date h1 { font-size:2.1875rem; line-height: 2.1875rem } } .page-detail-agenda .content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 40px } @media screen and (max-width: 980px) { .page-detail-agenda .content-container { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width: 599px) { .page-detail-agenda .content-container { padding-top:20px } } .page-detail-agenda .content-container .alert-message { background: #F44336; padding-top: 20px; padding: 20px 30px; margin-left: 40px } @media screen and (max-width: 980px) { .page-detail-agenda .content-container .alert-message { margin-left:0; padding-left: 20px !important } } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .alert-message { margin-bottom:20px } } .page-detail-agenda .content-container .alert-message span.title { font-weight: 700 !important; text-transform: uppercase !important; font-size: 1.875rem !important; line-height: 1.875rem !important; padding: 0 0 5px 0 !important; color: #fff !important; display: block; font-family: "Roboto",Sans-Serif } .page-detail-agenda .content-container .alert-message p { color: #fff !important; font-size: 1.875rem !important; line-height: 1.875rem !important; font-family: "Roboto",Sans-Serif !important } .page-detail-agenda .content-container .alert-message.alert-message--green { background: #1ec459 } .page-detail-agenda .content-container .detail-content .btn { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; padding: 12px 30px; margin: 0 10px 10px 0 } @media screen and (max-width: 980px) { .page-detail-agenda .content-container .detail-content .btn { margin-right:0 } } @media screen and (max-width: 980px) { .page-detail-agenda .content-container .detail-content .inner-content { padding-top:0 } } .page-detail-agenda .content-container .detail-content .inner-content>* { padding-top: 20px; padding-bottom: 20px; padding-left: 40px } @media screen and (max-width: 980px) { .page-detail-agenda .content-container .detail-content .inner-content>* { padding-left:0 } } .page-detail-agenda .content-container .detail-content .inner-content>*>*:last-child { margin-bottom: 0; width: 100%; text-align: left } @media screen and (max-width: 980px) { .page-detail-agenda .content-container .detail-content .inner-content>* { max-width:100% } } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content>* { padding:15px 0 } } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes { padding: 0 45px; margin-bottom: 10px } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes:after { content: ''; display: block; clear: both } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes { padding:0; margin-bottom: 15px } } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes>* { float: left; width: 50%; margin-bottom: 0; line-height: 1.875rem } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes>* { width:100%; float: none } } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .rate { margin-bottom:10px } } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .rate+.info-supp ul { text-align: right } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .rate+.info-supp ul { text-align:left } } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul { margin-bottom: 0; text-align: left } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul li { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin: 0 10px; font-size: 2.125rem } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul li:before { content: none } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul li:last-child { margin-right: 0 } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul li:first-child { margin-left: 0 } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul .tooltip .tooltiptext { visibility: hidden; width: 6.25rem; top: 130%; left: 50%; margin-left: -50px; background-color: rgba(0,0,0,0.7); text-align: center; padding: 5px 0; border-radius: 6px; font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #fff; line-height: .8125rem; position: absolute; z-index: 1 } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul .tooltip .tooltiptext:after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent rgba(0,0,0,0.7) transparent } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul .tooltip:hover .tooltiptext,.page-detail-agenda .content-container .detail-content .inner-content .wrapper-donnes .info-supp ul .tooltip:focus .tooltiptext { visibility: visible } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-title-date { display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-title-date.is-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-title-date .event-date { position: static } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-title-date+.event-date { position: static; display: inline-block; text-align: left; -webkit-transform: none; -ms-transform: none; transform: none; background-color: #000; color: #fff; margin-left: 45px; padding: 10px 18px; max-width: none; min-height: auto } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .wrapper-title-date+.event-date { margin-left:0 } } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-title-date+.event-date time { color: #fff; min-height: auto; font-size: 2rem } .page-detail-agenda .content-container .detail-content .inner-content .wrapper-title-date+.event-date time span { display: inline-block } .page-detail-agenda .content-container .detail-content .inner-content .surtitre { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 400; color: #000; line-height: 1.375rem; text-transform: uppercase; letter-spacing: .25rem; display: block; margin-bottom: 0px; padding: 0 45px } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .surtitre { padding:0 } } .page-detail-agenda .content-container .detail-content .inner-content h1 { font-family: "Roboto",Sans-Serif; font-size: 3.125rem; font-weight: 700; color: #000; line-height: 3.375rem; text-transform: uppercase; display: block; margin-bottom: 0; padding: 0 45px } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content h1 { font-size:2.5rem; line-height: 40px; padding: 0; margin-bottom: 20px } } .page-detail-agenda .content-container .detail-content .inner-content h2,.page-detail-agenda .content-container .detail-content .inner-content h3 { font-family: "Roboto",Sans-Serif; font-size: 1.875rem; font-weight: 700; color: #000; line-height: 1.75rem; text-transform: none; margin-bottom: 20px } .page-detail-agenda .content-container .detail-content .inner-content p { font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 400; color: #000; line-height: 1.5rem; margin-bottom: 10px } .page-detail-agenda .content-container .detail-content .inner-content ul { padding: 0; margin-bottom: 20px; list-style-type: none } .page-detail-agenda .content-container .detail-content .inner-content ul:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .page-detail-agenda .content-container .detail-content .inner-content ul li { font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 400; color: #000; line-height: 1.5rem; display: block } .page-detail-agenda .content-container .detail-content .inner-content ul li:before { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; left: 0; top: 7px } .page-detail-agenda .content-container .detail-content .inner-content ul li:last-child { padding-bottom: 0 } .page-detail-agenda .content-container .detail-content .inner-content .description { padding-top: 25px } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .description { padding-top:0 } } .page-detail-agenda .content-container .detail-content .inner-content .open-system>div { padding: 1.25rem; border: 2px solid rgba(0,0,0,0.2) } .page-detail-agenda .content-container .detail-content .inner-content .horaires p { max-width: 460px } .page-detail-agenda .content-container .detail-content .inner-content .horaires ul li { max-width: 460px; margin-bottom: 10px } .page-detail-agenda .content-container .detail-content .inner-content .horaires ul li:before { content: none } .page-detail-agenda .content-container .detail-content .inner-content .horaires ul li:last-child { margin-bottom: 0 } .page-detail-agenda .content-container .detail-content .inner-content .bloc-download ul li { padding: 0; display: inline-block } .page-detail-agenda .content-container .detail-content .inner-content .bloc-download ul li:before { content: none } .page-detail-agenda .content-container .detail-content .inner-content .bloc-download ul li .poids { margin-left: 20px; white-space: nowrap } .page-detail-agenda .content-container .detail-content .inner-content .bloc-download ul li a>* { pointer-events: none } .page-detail-agenda .content-container .detail-content .inner-content .info ul li { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px; padding: 10px 20px } .page-detail-agenda .content-container .detail-content .inner-content .info ul li:before { content: none } .page-detail-agenda .content-container .detail-content .inner-content .info ul li:nth-child(odd) { background: #eeeeee } .page-detail-agenda .content-container .detail-content .inner-content .info table thead { -webkit-box-sizing: border-box; box-sizing: border-box } .page-detail-agenda .content-container .detail-content .inner-content .info table tbody { -webkit-box-sizing: border-box; box-sizing: border-box } .page-detail-agenda .content-container .detail-content .inner-content .info .infos-comp-table { width: 100% } .page-detail-agenda .content-container .detail-content .inner-content .info .infos-comp-table tr:nth-child(odd) { background-color: #eeeeee } .page-detail-agenda .content-container .detail-content .inner-content .info .infos-comp-table th { font-family: "Roboto",Sans-Serif; text-align: left; font-weight: bold; font-size: .9375rem; color: #000; line-height: 1.5rem; padding: 10px 20px; width: 230px } @media screen and (max-width: 1120px) { .page-detail-agenda .content-container .detail-content .inner-content .info .infos-comp-table th { width:160px } } .page-detail-agenda .content-container .detail-content .inner-content .info .infos-comp-table td { font-size: .9375rem; line-height: 1.5rem; color: #000; padding: 10px 20px 10px 0 } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .info .infos-comp-table th { width:100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0 } .page-detail-agenda .content-container .detail-content .inner-content .info .infos-comp-table td { width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px } } .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise>div { background: #eeeeee; padding: 20px } .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .title-descthem { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 24px } @supports (display: grid) { .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px 10px } @media screen and (max-width: 1024px) { .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture { grid-template-columns:1fr 1fr 1fr } } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture { grid-template-columns:1fr } } } @supports not (display: grid) { .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture { display:-webkit-box; display: -ms-flexbox; display: flex } } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture a { width:100%; margin-bottom: 15px } } @supports not (display: grid) { .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture a { margin:10px } } .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture a figure img { height: 130px } @media (min-width: 1600px) { .page-detail-agenda .content-container .detail-content .inner-content .desc-thematise .bloc-galerie .wrapper-picture a figure img { height:160px } } .page-detail-agenda .content-container .detail-content .inner-content .label h3 { padding-bottom: 15px } .page-detail-agenda .content-container .detail-content .inner-content .label figure { background: none; display: inline-block; vertical-align: middle; margin-right: 30px } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie { padding-bottom: 0 } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie:after { display: none } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie h3:not(:first-child) { margin-top: 40px } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .bloc-video { width: 100%; margin: 20px 0; text-align: center } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .bloc-video .btn { float: none; margin: 20px 0 0 0; text-transform: initial } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie { position: relative; padding-bottom: 50px } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie:last-child:after { content: '' } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie { padding-bottom:30px } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture:after { content: ""; display: block; clear: both } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a { position: relative; display: block } body:not(.no-hover) .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a:hover figure img,body:not(.no-hover) .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a:focus figure img { opacity: 0.6 } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a figure { position:relative; overflow: hidden; border-bottom: 1px solid #fff } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a figure>.content,.page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a figure img { -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture a figure img { position:absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% !important } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1:after,.page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-2:after { content: ''; clear: both; display: block } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1 .col-1 { float: left; width: 67% } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1 .col-1 { float:none; width: 100% } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1 .col-1 figure img { height: 329px } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1 .col-2 { float: left; width: 33%; border-left: 1px solid #fff } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1 .col-2 { float:none; width: 100%; border: none } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1 .col-2 figure img { height: 164px } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1 .col-2>*:first-child { border-bottom: 1px solid #fff } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-1 .col-2>*:first-child { border:none } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-2 { border-top: 1px solid #fff } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-2 { border:none } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-2>* { width: 50%; float: left } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-2>* { float:none; width: 100% } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-2>*:nth-child(2) { border-left: 1px solid #fff } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-2>*:nth-child(2) { border:none } } .page-detail-agenda .content-container .detail-content .inner-content .bloc-galerie .galerie .wrapper-picture .row-2 figure img { height: 256px } .page-detail-agenda .content-container .detail-content .inner-content .responsable { padding-bottom: 0 } .page-detail-agenda .content-container .detail-content .inner-content .responsable>div { position: relative; padding: 15px 0 35px 0 } .page-detail-agenda .content-container .detail-content .inner-content .responsable>div>*:last-child { margin-bottom: 0 } .page-detail-agenda .content-container .detail-content .inner-content .responsable>div p { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px; margin-bottom: 0 } .page-detail-agenda .content-container .detail-content .inner-content .responsable>div p a { color: #000; text-decoration: none } .page-detail-agenda .content-container .detail-content .inner-content .responsable>div p a:hover,.page-detail-agenda .content-container .detail-content .inner-content .responsable>div p a:focus { text-decoration: underline } .page-detail-agenda .content-container .detail-content .infos-structuregestion>*:last-child { margin-bottom: 40px } .page-detail-agenda .content-container .detail-content .infos-structuregestion address { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px } .page-detail-agenda .content-container .detail-content .infos-structuregestion a { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 26px; display: block; margin-bottom: 3px; word-wrap: break-word; text-decoration: underline } .page-detail-agenda .content-container .detail-content .infos-structuregestion a:hover,.page-detail-agenda .content-container .detail-content .infos-structuregestion a:focus { color: #1ec459 } .page-detail-agenda .content-container .type-annonce { position: relative; padding: 20px 45px; text-align: right } .page-detail-agenda .content-container .type-annonce:before { content: ''; display: block; position: absolute; left: 45px; right: 0; top: 50%; width: calc(100% - 90px); height: 1px; background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #000), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, #000 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to right, #000 40%, rgba(255,255,255,0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x } @media screen and (max-width: 599px) { .page-detail-agenda .content-container .type-annonce:before { left:0 } } .page-detail-agenda .content-container .type-annonce span { background-color: #fff; position: relative; display: inline; width: auto !important; padding-left: 10px; font-style: italic; color: #181D25; font-size: .875rem } .page-detail-agenda .en-tete { padding-left: 40px; z-index: 1; pointer-events: none } @media screen and (max-width: 980px) { .page-detail-agenda .en-tete:not(.no-image) { padding-left:0 } } .page-detail-agenda .en-tete.en-tete-avec-date+.image-container { margin-top: -20px } .page-detail-agenda .en-tete.no-image { padding: 40px; border: 1px solid #000 } @media screen and (max-width: 599px) { .page-detail-agenda .en-tete.no-image { margin-bottom:20px; padding-left: 20px; padding-right: 20px } } .page-detail-agenda .en-tete+.bloc { margin-top: 0 } .page-detail-agenda .col-left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .page-detail-agenda .col-right { padding-left: 40px; padding-right: 40px; -ms-flex-negative: 0; flex-shrink: 0; width: 358px; -webkit-box-sizing: content-box; box-sizing: content-box } @media screen and (max-width: 1024px) { .page-detail-agenda .col-right { width:258px } } @media screen and (max-width: 1024px) { .page-detail-agenda .col-right .sticky-bar { padding:30px 40px } } @media screen and (max-width: 599px) { .page-detail-agenda #append-aside-here { margin-top:0; padding-top: 0 } } .page-detail-agenda .date { display: inline-block; font-family: "Roboto",Sans-Serif; font-size: 2rem; font-weight: 700; color: #fff; line-height: 1.875rem; background-color: #000; text-transform: uppercase; padding: 5px 20px } .page-detail-agenda .image-container { position: relative } .page-detail-agenda figure { position: relative } .page-detail-agenda .gallery-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; margin-top: -90px } @media screen and (max-width: 599px) { .page-detail-agenda .gallery-thumbs { margin-top:0 } } .page-detail-agenda .gallery-thumbs .zoombox { position: relative; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; background-color: #fff; width: 150px } @media screen and (max-width: 599px) { .page-detail-agenda .gallery-thumbs .zoombox { padding-left:0; padding-right: 10px; width: calc(33.33%) } .page-detail-agenda .gallery-thumbs .zoombox:last-of-type { padding-right: 0 } } .page-detail-agenda .gallery-thumbs .zoombox .credits { display: none } .page-detail-agenda .gallery-thumbs .zoombox .icon-ico-more { font-size: .75rem; color: #000; width: 40px; height: 40px; background-color: #1ec459; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .page-detail-agenda .gallery-thumbs .zoombox .icon-ico-more:hover,body:not(.no-hover) .page-detail-agenda .gallery-thumbs .zoombox .icon-ico-more:focus { background-color: #000; color: #1ec459 } .page-detail-agenda .gallery-thumbs .zoombox figure { width: 100%; position: relative; overflow: hidden } .page-detail-agenda .gallery-thumbs .zoombox figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 66.66667% } .page-detail-agenda .gallery-thumbs .zoombox figure>.content,.page-detail-agenda .gallery-thumbs .zoombox figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .page-detail-agenda .gallery-thumbs .zoombox figure img { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .page-detail-agenda .aside-sticky { width: 100% } @media screen and (max-width: 980px) { .page-detail-agenda .aside-sticky { padding:0 } } .page-detail-agenda .aside-sticky:before { content: ""; display: block; width: 100%; height: 4px; background-color: #1ec459; position: absolute; top: 0px; left: 0; z-index: 9999 } .page-detail-agenda .aside-sticky .sticky-bar { padding-top: 20px; padding-bottom: 0px } @media screen and (max-width: 980px) { .page-detail-agenda .aside-sticky .sticky-bar { padding-left:40px; padding-right: 40px } } .page-detail-agenda .aside-sticky .sticky-bar h2 { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 0 } .page-detail-agenda .aside-sticky .sticky-bar p { font-size: .75rem; line-height: .875rem } .page-detail-agenda .aside-sticky .sticky-bar .reserv { margin-top: 0; margin-bottom: 0 } @media screen and (max-width: 980px) { .page-detail-agenda .aside-sticky .sticky-bar .reserv { margin-left:-40px; margin-right: -40px } } .page-detail-agenda .aside-sticky .sticky-bar .btn { margin-bottom: 20px } .page-detail-agenda .aside-sticky>div { padding-bottom: 1px } #header { position: fixed; top: 0; left: 0; right: 0; z-index: 50000; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); -webkit-transition: all .2s ease; transition: all .2s ease; background-color: #1ec459 } #header .content-wrapper .wrapper-nav nav ul li a { color: #000 !important } #header .menu-pro { top: 100%; z-index: -1 !important } .sub-menu-open #header { background: #14823b !important } .sub-menu-open #header:after { content: ''; position: absolute; top: 100%; bottom: auto; left: 0; right: 0; height: 100vh; background: #1ec459; z-index: -1 } .is-scrolled.sub-menu-open #header { background: #14823b !important; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0) } @media screen and (max-width: 980px) { #header.menu-open { z-index:2000; -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0) } .is-scrolled #header.menu-open { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0) } .is-scrolled #header.menu-open>.content-wrapper { height: 120px } .is-scrolled #header.menu-open>.content-wrapper .logo { height: 120px; line-height: 120px } .is-scrolled #header.menu-open>.content-wrapper .logo figure img { width: 140px } #header.menu-open .content-wrapper .wrapper-nav { pointer-events: inherit; z-index: 1; visibility: visible; opacity: 1; width: 100%; bottom: 0; height: 100vh; float: none; left: 0; right: 0; top: 200px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } #header.menu-open .content-wrapper .wrapper-nav .wrapper-circle { visibility: visible; -webkit-transform: translateY(-120px); -ms-transform: translateY(-120px); transform: translateY(-120px); -webkit-transform: translate3d(0, -120px, 0); transform: translate3d(0, -120px, 0) } } @media screen and (max-width: 599px) { .is-scrolled #header.menu-open>.content-wrapper { height:80px } .is-scrolled #header.menu-open>.content-wrapper .logo { height: 80px; line-height: 80px } .is-scrolled #header.menu-open>.content-wrapper .logo figure img { width: 105px } .sub-menu-open #header.menu-open>.content-wrapper { height: 80px } .sub-menu-open #header.menu-open>.content-wrapper .logo { height: 80px; line-height: 80px } .sub-menu-open #header.menu-open>.content-wrapper .logo figure img { width: 105px } #header.menu-open .content-wrapper .wrapper-nav { top: 160px } #header.menu-open .content-wrapper .wrapper-nav:after { top: -80px; height: 80px } #header.menu-open .content-wrapper .wrapper-nav .wrapper-circle { -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0) } } #header.search-open { -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } #header.search-open .shadow { width: auto; left: 0; right: 0px; top: 80px; opacity: 0.6; height: 100vh } #header .shadow { position: fixed; left: 0; right: 0px; top: 0; bottom: 0; z-index: 1000; background: #000; opacity: 0; -webkit-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; width: 0px } #header .wrapper-search { background: #fff } #header .wrapper-search form { height: auto; line-height: normal; padding: 20px 0 } #header .wrapper-search form:before { content: "\e910"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; z-index: 10; color: #000; font-size: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-animation: blink 1s infinite steps(1); animation: blink 1s infinite steps(1) } @media screen and (max-width: 599px) { #header .wrapper-search form:before { content:none } } #header .wrapper-search form.input-is-focus:before { content: none } #header .wrapper-search form input { -webkit-appearance: none; font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 40px; width: calc(100% - 40px); height: 40px; border: none; -webkit-box-shadow: none; box-shadow: none; outline: none; padding: 0 20px } @media screen and (max-width: 599px) { #header .wrapper-search form input { padding:0 } } #header .wrapper-search form button { position: absolute; height: 40px; line-height: 40px; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); padding: 0; -webkit-appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; outline: none; font-size: 30px; background: none } @media screen and (max-width: 599px) { #header .wrapper-search form button { font-size:20px } } #header .wrapper-search form button span { -webkit-transition: all .2s ease; transition: all .2s ease } #header .wrapper-search form button:hover,#header .wrapper-search form button:focus { cursor: pointer } #header .wrapper-search form button:hover span,#header .wrapper-search form button:focus span { color: #1ec459 } #header .content-wrapper { -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 599px) { #header .content-wrapper { height:80px } } #header .content-wrapper .logo { position: relative; z-index: 1000; height: 120px; line-height: 120px; float: left; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 599px) { #header .content-wrapper .logo { height:80px; line-height: 80px } } #header .content-wrapper .logo figure { background: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } #header .content-wrapper .logo figure img { width: 140px; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 599px) { #header .content-wrapper .logo figure img { width:105px; height: auto } } #header .content-wrapper .wrapper-nav { float: right } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav { position:fixed; z-index: 20000; height: 100vh; top: 200px; right: 0; width: 100%; background: #1ec459; visibility: hidden; opacity: 1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); padding: 0 !important } #header .content-wrapper .wrapper-nav:after { content: ''; display: block; position: absolute; top: -120px; width: 100%; height: 120px; background: #14823b; z-index: 20000 } } @media screen and (max-width: 599px) { #header .content-wrapper .wrapper-nav { top:160px } } #header .content-wrapper .wrapper-nav nav { display: inline-block; vertical-align: middle; position: relative } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav { position:relative; top: 60px; width: calc(100% - 80px); height: 60vh; margin: 0 40px; overflow: auto } } @media (orientation: landscape) and (max-width: 730px) { #header .content-wrapper .wrapper-nav nav { top:0; height: 50vh } } @media screen and (max-width: 599px) { #header .content-wrapper .wrapper-nav nav { margin:0 20px; top: 20px; width: calc(100% - 40px) } } #header .content-wrapper .wrapper-nav nav ul { list-style-type: none; padding: 0 } #header .content-wrapper .wrapper-nav nav ul li { position: relative; margin: 0; display: inline-block; height: 120px; line-height: 117px } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li { display:block; width: 100%; opacity: 1; height: auto; line-height: normal } } #header .content-wrapper .wrapper-nav nav ul li.active>a:after { width: calc(100% - 40px); background: #000 } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li.active>a:after { width:0 } } #header .content-wrapper .wrapper-nav nav ul li a { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 30px; position: relative; padding: 0 18px; display: inline-block; vertical-align: middle; text-transform: uppercase; z-index: 100 } #header .content-wrapper .wrapper-nav nav ul li a:after { content: ""; position: absolute; left: 20px; right: 20px; bottom: -6px; height: 4px; background: #000; width: 0; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li a { font-family:"Roboto",Sans-Serif; font-size: 2.5rem; font-weight: 700; color: #fff; line-height: 2.5rem; text-transform: uppercase; height: auto; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #header .content-wrapper .wrapper-nav nav ul li a [class^="icon-"],#header .content-wrapper .wrapper-nav nav ul li a [class*=" icon-"] { margin-right: 10px } } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li a.link-with-icon { font-size:2.1875rem } } #header .content-wrapper .wrapper-nav nav ul li a:hover:after { width: calc(100% - 40px) } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li a:hover:after { width:0 } } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu>a { position:relative } #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu>a:after { content: "\e912"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; margin-left: 15px; float: right; position: relative; line-height: 40px; left: auto; right: auto; top: auto; bottom: auto; font-size: 30px; background: none; width: 0 } } #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul { position: fixed; left: 0; right: 0; top: 200px; bottom: 0; background: #1ec459; padding: 40px 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; height: calc(100vh - 380px); overflow: auto; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul { display:none; -webkit-transform: none; -ms-transform: none; transform: none; position: relative; top: 0; padding: 0; height: auto } } #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul:before { content: ''; display: block; left: 0; right: 0; height: 120px; background: #14823b; top: -120px; width: 100%; position: absolute; z-index: -1 } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul:before { content:none } } .ie #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul { top: 120px } #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul li { display: block; text-align: center; height: auto; line-height: normal } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul li { text-align:left } } #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul li a { line-height: 35px; display: inline-block; margin: 10px 0; color: #000 } #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul li a:hover:after,#header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul li a:focus:after { background: #fff } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul li a { font-family:"Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #fff; line-height: 40px; padding: 0; display: block } #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul li a:after { content: none } } @media screen and (max-width: 599px) { #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu ul li a { font-family:"Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #fff; line-height: 30px } } #header .content-wrapper .wrapper-nav nav ul li.has-sub-menu.active ul { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1) } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-nav nav ul li.sub-menu-open>ul { display:block } } #header .content-wrapper .wrapper-circle { display: inline-block; vertical-align: middle; position: relative } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-circle { width:100%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1000; background: #14823b; height: 100px; text-align: center; visibility: hidden } } @media (orientation: landscape) and (max-width: 730px) { #header .content-wrapper .wrapper-circle { height:50px } } #header .content-wrapper .wrapper-circle .circle { width: 40px; height: 40px; background: #fff; border-radius: 50%; text-align: center; display: inline-block; vertical-align: middle; margin: 0 8px; -webkit-transition: all .2s ease; transition: all .2s ease } #header .content-wrapper .wrapper-circle .circle:first-child { margin-left: 16px } #header .content-wrapper .wrapper-circle .circle:last-child { margin-right: 0 } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-circle .circle { width:60px; height: 60px; top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); margin: 0 15px } } @media (orientation: landscape) and (max-width: 730px) { #header .content-wrapper .wrapper-circle .circle { width:40px; height: 40px } } #header .content-wrapper .wrapper-circle .circle span { font-size: 20px; line-height: 40px; color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { #header .content-wrapper .wrapper-circle .circle span { line-height:60px; font-size: 30px } } @media (orientation: landscape) and (max-width: 730px) { #header .content-wrapper .wrapper-circle .circle span { font-size:20px; line-height: 40px } } #header .content-wrapper .wrapper-circle .circle:hover,#header .content-wrapper .wrapper-circle .circle:focus { background: #000 } #header .content-wrapper .wrapper-circle .circle:hover span,#header .content-wrapper .wrapper-circle .circle:focus span { color: #fff; cursor: pointer } #header .content-wrapper .lang { display: inline-block; vertical-align: middle; margin-left: 8px; position: relative; z-index: 100 } #header .content-wrapper .lang:hover { cursor: pointer; color: #fff } #header .content-wrapper .lang:hover>a { color: #fff } @media screen and (max-width: 980px) { #header .content-wrapper .lang { position:absolute; right: 150px; top: -80px; z-index: 100000; margin: 0 } } @media screen and (max-width: 599px) { #header .content-wrapper .lang { top:-60px; right: 100px } } .is-scrolled.scrolldir-top #header .content-wrapper .lang:hover>a,.is-scrolled.scrolldir-top #header .content-wrapper .lang:focus>a,.sub-menu-open #header .content-wrapper .lang:hover>a,.sub-menu-open #header .content-wrapper .lang:focus>a { color: #000 } #header .content-wrapper .lang>a { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 40px; text-transform: uppercase; padding-left: 20px } #header .content-wrapper .lang>a:after { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; float: right; line-height: 40px; font-size: 12px; margin-left: 10px } #header .content-wrapper .lang>a:hover,#header .content-wrapper .lang>a:focus { color: #fff } #header .content-wrapper .lang .sub-menu { position: absolute; background: #fff; width: auto; top: 40px; right: 0; padding: 0 0; overflow: hidden; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } #header .content-wrapper .lang .sub-menu.sub-lang-mobile { display: none !important } #header .content-wrapper .lang .sub-menu li { display: block; width: 100% } #header .content-wrapper .lang .sub-menu a { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 20px; padding: 8px 15px; text-align: left; height: auto; display: block; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { #header .content-wrapper .lang .sub-menu a { text-align:center; text-transform: none } } #header .content-wrapper .lang .sub-menu a:hover,#header .content-wrapper .lang .sub-menu a:focus { color: #1ec459 } #header .content-wrapper .lang select { display: none } #header .content-wrapper .lang select.is-display { display: block; opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; z-index: 101010100 } #header .content-wrapper .lang.open .sub-menu { -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.15); opacity: 1; z-index: 10; display: block; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1) } #header .content-wrapper .logos { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } #header .content-wrapper .logos figure { background-color: transparent } #header .content-wrapper .logos>.logo:last-child { margin-right: 15px } @media screen and (max-width: 599px) { #header .content-wrapper .logos>.logo:last-child { margin-right:10px } } #header .content-wrapper .logos .logo+.logo { margin-left: 20px } #header .content-wrapper .logos .logo+.logo figure { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #header .content-wrapper .logos .logo+.logo figure img { width: auto; height: auto; max-width: 100%; max-height: 100% } @media screen and (max-width: 1120px) { #header .content-wrapper .logos .logo+.logo { width:70px } } @media screen and (max-width: 599px) { #header .content-wrapper .logos .logo+.logo { margin-left:10px } } #header .content-wrapper .logos:after { content: ''; display: block; clear: both } .is-scrolled #header { background: #1ec459; -webkit-transform: translateY(-160px); -ms-transform: translateY(-160px); transform: translateY(-160px); -webkit-transform: translate3d(0, -160px, 0); transform: translate3d(0, -160px, 0) } .is-scrolled #header .content-wrapper { height: 80px } .is-scrolled #header .content-wrapper .logo { height: 80px; line-height: 77px } .is-scrolled #header .content-wrapper .logo figure img { width: 105px; height: auto } .is-scrolled #header .content-wrapper .wrapper-nav nav ul li { height: 80px; line-height: 77px } @media screen and (max-width: 980px) { .is-scrolled #header .content-wrapper .wrapper-nav nav ul li { height:auto; line-height: normal } } .is-scrolled #header .content-wrapper .wrapper-nav nav ul li a:hover:after,.is-scrolled #header .content-wrapper .wrapper-nav nav ul li a:focus:after { background: #000 } .is-scrolled #header .wrapper-search form { height: auto } .is-scrolled.scrolldir-top #header { -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0) } .is-scrolled.scrolldir-top #header.search-open { -webkit-transform: none; -ms-transform: none; transform: none } .sub-menu-open #header .content-wrapper { height: 120px } .sub-menu-open #header .content-wrapper .logo { height: 120px; line-height: 120px } .sub-menu-open #header .content-wrapper .logo figure img { width: 140px; height: auto } .sub-menu-open #header .content-wrapper .wrapper-nav nav ul li { height: 120px; line-height: 120px } @media screen and (max-width: 980px) { .sub-menu-open #header .content-wrapper .wrapper-nav nav ul li { height:auto; line-height: normal } } .sub-menu-open #header .content-wrapper .wrapper-nav nav ul li a:hover:after,.sub-menu-open #header .content-wrapper .wrapper-nav nav ul li a:focus:after { background: #fff } .sub-menu-open #header .wrapper-search form { height: auto } #header.menu-dark { background: #000 } .sub-menu-open #header.menu-dark,.is-scrolled #header.menu-dark,.is-scrolled.sub-menu-open #header.menu-dark { background: #000 !important } #header .minitoggle { border-radius: 50% } #header .minitoggle:hover { background-color: #000 } .cross { position: fixed; width: 46px; height: 46px; border-radius: 50%; border: 2px solid #fff; bottom: 100px; z-index: 100000; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 1280px) { .cross { bottom:30px } } @media screen and (max-width: 1024px) { .cross { bottom:50px } } @media screen and (max-width: 980px) { .cross { display:none } } .ie .cross { bottom: 50px } .sub-menu-open .cross { opacity: 1; visibility: visible } .cross span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-size: 20px; color: #fff; display: inline-block; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .cross:hover { background: #fff; cursor: pointer } .cross:hover span { color: #1ec459 } .wrapper-burger { position: absolute; z-index: 100; width: 60px; height: 60px; background: #000; border-radius: 50%; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); display: none } @media screen and (max-width: 980px) { .wrapper-burger { display:block } } @media screen and (max-width: 599px) { .wrapper-burger { width:50px; height: 50px } } div.th-menu { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); -webkit-transform: translate3d(-50%, -50%, 0) rotate(0); transform: translate3d(-50%, -50%, 0) rotate(0); display: none; width: 26px; height: 20px; margin: 0; cursor: pointer; z-index: 1000; -webkit-transition: all 0.5s ease; transition: all 0.5s ease } @media screen and (max-width: 980px) { div.th-menu { display:block } } div.th-menu span { position: absolute; left: 0; display: block; width: 100%; height: 4px; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease; transition: all 0.25s ease } div.th-menu span:nth-child(1) { top: 0 } div.th-menu span:nth-child(2),div.th-menu span:nth-child(3) { top: 9px } div.th-menu span:nth-child(4) { top: 18px } div.th-menu.open span:nth-child(1) { top: 9px; left: 50%; width: 0; background: #fff } div.th-menu.open span:nth-child(2) { background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } div.th-menu.open span:nth-child(3) { background: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } div.th-menu.open span:nth-child(4) { top: 9px; left: 50%; width: 0; background: #fff } #footer { position: relative; background-color: #000; margin-top: 120px } @media screen and (max-width: 599px) { #footer { margin-top:80px } } #footer h3 { text-transform: uppercase } @media screen and (max-width: 599px) { #footer h3 { margin-bottom:20px } } #footer h3,#footer p,#footer span { color: #fff } #footer a { color: #000 } #footer .logoOffFrance { margin-top: 20px } #footer .img-map { position: absolute; right: -40px; top: 30px; z-index: 10 } #footer .img-map.panel-display .panel { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } @media screen and (max-width: 1200px) { #footer .img-map { top:0; right: 0; bottom: auto } } @media screen and (max-width: 599px) { #footer .img-map { position:relative; bottom: 0; top: 0; margin-top: 50px } #footer .img-map figure img { margin: auto } } @media screen and (max-width: 599px) and (max-width: 599px) { #footer .img-map figure img { width:100%; height: 100% } } #footer .pulse { position: absolute; right: 132px; bottom: 137px; width: 20px; height: 20px; border-radius: 50%; background: #1ec459; -webkit-box-shadow: 0 0 0 0 rgba(30,196,89,0.8),0 0 0 0 rgba(30,196,89,0.9); box-shadow: 0 0 0 0 rgba(30,196,89,0.8),0 0 0 0 rgba(30,196,89,0.9); border: none } body:not(.no-hover) #footer .pulse:hover,body:not(.no-hover) #footer .pulse:focus { cursor: pointer } @media screen and (max-width: 599px) { #footer .pulse { right:36%; bottom: 36% } } #footer .panel { position: absolute; right: 93px; bottom: 178px; background: #fff; border-radius: 10px; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 110px 250px; -ms-transform-origin: 110px 250px; transform-origin: 110px 250px; -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.185, 1.28); transition: all 300ms cubic-bezier(0.77, 0, 0.185, 1.28) } #footer .panel:after { content: ''; display: block; height: 22px; width: 22px; background: #fff; position: absolute; bottom: -10px; right: 38px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } @media screen and (max-width: 599px) { #footer .panel { right:24.5%; bottom: 47% } } #footer .panel h4 { color: #000; display: block; padding: 10px 20px 8px 20px; margin: 0; background: #e5e5e5; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } #footer .panel ul { padding: 5px 0 10px } #footer .panel ul li { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 700; color: #000; line-height: 24px; padding: 1px 20px } #footer .panel ul li span { margin-right: 5px; color: #1ec459 } #footer .newsletter { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0) } #footer .newsletter__title { position: absolute; top: -3.375rem; left: 2.5rem; font-family: "Roboto",Sans-Serif; font-size: 48px; font-weight: 700; color: #000; line-height: 70px; text-transform: initial; margin-bottom: 0; z-index: 1 } @media screen and (max-width: 599px) { #footer .newsletter__title { font-size:2.1875rem; left: 20px; top: -50px } } #footer .newsletter[data-scrolltothis='true'] .g-recaptcha { display: block !important } #footer .newsletter .frm_message { background: #1ec459; height: 118px; line-height: 118px; padding: 0 40px } #footer .newsletter .frm_message p { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 20px; margin: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } #footer .newsletter .frm_style_formidable-stil.with_frm_style .form-field { margin-bottom: 0 } #footer .newsletter .frm_error_style { font-family: "Roboto",Sans-Serif; font-size: 12px; font-weight: 400; color: #1C1C1C; line-height: 14px; font-style: italic; position: absolute; left: 0; bottom: 0; margin: 0 0 10px 10px } @media screen and (max-width: 599px) { #footer .newsletter .frm_error_style { font-size:8px; line-height: 8px } } @media screen and (max-width: 599px) { #footer .newsletter .frm_primary_label { max-width:30% } } #footer .newsletter form { position: relative; display: inline-block; width: calc(100% - 40px); padding: 35px 0 35px 40px; text-align: left; background: #1ec459; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { #footer .newsletter form { width:100%; padding: 25px 0 25px 0px } } #footer .newsletter form:before { content: "\e910"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; z-index: 10; color: #fff; font-size: 40px; position: absolute; left: 20px; top: 39px } @media screen and (max-width: 599px) { #footer .newsletter form:before { left:-2px; top: 30px } } #footer .newsletter form.input-is-focus { outline: 3px solid #000 } #footer .newsletter form.input-is-focus .frm_button_submit:before { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #000), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, #000 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to bottom, #000 40%, rgba(255,255,255,0) 0%) } #footer .newsletter form.nl-open .g-recaptcha { display: block } #footer .newsletter form fieldset,#footer .newsletter form .fieldset { position: relative } #footer .newsletter form label { display: none } #footer .newsletter form .frm_html_container { position: absolute; top: 130px; margin-left: -15px } @media screen and (max-width: 599px) { #footer .newsletter form .frm_html_container { top:150px; margin-left: 0 } } #footer .newsletter form .frm_html_container p { color: #B3B3B3 } #footer .newsletter form label[for="g-recaptcha-response"] { display: none } #footer .newsletter form .frm-g-recaptcha { display: none } #footer .newsletter form .vertical_radio .frm_primary_label { display: none } #footer .newsletter form input[type=checkbox] { position: absolute; opacity: 0; cursor: pointer; height: .875rem; width: .875rem } #footer .newsletter form input[type=checkbox]:checked ~ .personalized-input:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } #footer .newsletter form input[type=checkbox]:focus ~ .personalized-input { outline: 1px dashed #fff } #footer .newsletter form .personalized-input { position: absolute; top: 2px; left: 0; height: .875rem; width: .875rem; display: inline-block; background-color: transparent; border: 2px solid #fff; border-radius: 50% } #footer .newsletter form .personalized-input:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; display: inline-block; vertical-align: middle; float: left; text-shadow: 1px 1px 0 #000,0px -2px 0 #000; position: absolute; top: 0px; left: 2px; right: 0; font-size: .75rem; cursor: pointer; line-height: 0.8; color: #fff; -webkit-transition: all .2s; transition: all .2s; background: none; opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) } #footer .newsletter form .frm_checkbox:hover input ~ .personalized-input { border: 2px solid #b3b3b3 } #footer .newsletter form input[type=email] { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 3rem; width: calc(100% - 225px); display: inline-block; vertical-align: top; height: 3rem; background: none; border-radius: 0; padding: 0 20px; outline: none; border: none; -webkit-box-shadow: none; box-shadow: none } #footer .newsletter form input[type=email]::-webkit-input-placeholder { opacity: 0 } #footer .newsletter form input[type=email]::-moz-placeholder { opacity: 0 } #footer .newsletter form input[type=email]:-ms-input-placeholder { opacity: 0 } #footer .newsletter form input[type=email]::-ms-input-placeholder { opacity: 0 } #footer .newsletter form input[type=email]::placeholder { opacity: 0 } #footer .newsletter form input[type=email]:focus { outline: 1px dashed #fff } @media screen and (max-width: 599px) { #footer .newsletter form input[type=email] { font-size:12px; text-overflow: ellipsis; width: calc(100% - 140px); margin-left: 20px } } #footer .newsletter form input:-webkit-autofill { -webkit-text-fill-color: #000 } #footer .newsletter form input:-webkit-autofill,#footer .newsletter form input:-webkit-autofill:hover,#footer .newsletter form input:-webkit-autofill:focus,#footer .newsletter form input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 48px #1ec459 inset !important } #footer .newsletter form .g-recaptcha { display: none; margin-top: 20px; margin-left: 20px; z-index: 1000; position: absolute; top: -34px; right: 205px } @media screen and (max-width: 1024px) { #footer .newsletter form .g-recaptcha { position:relative; top: 0; right: 0 } } @media screen and (max-width: 360px) { #footer .newsletter form .g-recaptcha { margin-left:10px } } @media screen and (max-width: 320px) { #footer .newsletter form .g-recaptcha { max-width:260px; margin: 20px auto 0 auto; overflow: hidden; overflow-x: auto } } #footer .newsletter form .g-recaptcha+.frm_error { margin-top: 100px !important; display: block !important } @media screen and (max-width: 599px) { #footer .newsletter form .g-recaptcha+.frm_error { margin-top:120px !important } } #footer .newsletter form .frm_verify { display: none } #footer .newsletter form .frm_submit { position: absolute; top: 0; right: 0; bottom: 0; height: 48px } #footer .newsletter form .frm_button_submit { font-family: "Roboto",Sans-Serif; font-size: 1.875rem; font-weight: 700; color: #000; line-height: 1.25rem; text-transform: uppercase; background: none; width: 11.5625rem; height: 100%; border: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; margin: 0; border-radius: 0; -webkit-transition: all .2s ease; transition: all .2s ease } #footer .newsletter form .frm_button_submit:before { content: '' } body:not(.no-hover) #footer .newsletter form .frm_button_submit:hover,body:not(.no-hover) #footer .newsletter form .frm_button_submit:focus { outline: none; color: #fff; cursor: pointer } @media screen and (max-width: 599px) { #footer .newsletter form .frm_button_submit { font-size:1.125rem; width: 6.25rem } } #footer .newsletter form .frm_opt_container { position: absolute; left: -40px; right: 0; bottom: -30px } @media screen and (max-width: 599px) { #footer .newsletter form .frm_opt_container { left:0 } } #footer .newsletter form .frm_form_field .frm_error { font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #e91741; line-height: .8125rem; position: absolute; bottom: -110px; left: -40px; background: white; padding: 5px } #footer .newsletter form .frm_form_field.frm_none_container .frm_error { display: block; bottom: auto; margin-top: 120px; background: white; padding: 5px } @media screen and (max-width: 599px) { #footer .newsletter form .frm_form_field.frm_none_container .frm_error { left:0 } } #footer .newsletter form .frm_form_field .frm_primary_label { font-family: "Roboto",Sans-Serif; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.25rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left: 14px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { #footer .newsletter form .frm_form_field .frm_primary_label { font-size:.8125rem; padding-left: 24px } } #footer .newsletter form .frm_form_field.has-content .frm_primary_label { top: -18px; padding-left: 0 } @media screen and (max-width: 599px) { #footer .newsletter form .frm_form_field.has-content .frm_primary_label { top:-5px; padding-left: 24px; max-width: 100% } } #footer .newsletter form fieldset,#footer .newsletter form .fieldset { padding-bottom: 0 } #footer .newsletter form .frm_checkbox { position: absolute; right: 0; left: 0; top: calc(100% + 10px); text-align: left; margin-top: 12px } #footer .newsletter form .frm_checkbox label { display: inline-block; font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 400; color: #b2b2b2; line-height: 1.25rem; padding-left: 30px; position: relative; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { #footer .newsletter form .frm_checkbox label { font-size:.75rem; text-indent: 0; margin-top: -7px } } @media screen and (max-width: 360px) { #footer .newsletter form .frm_checkbox label { font-size:.6875rem } } #footer .newsletter form .frm_checkbox label:hover { cursor: pointer; color: #fff } #footer .newsletter form .frm_checkbox label input { width: .875rem; height: .875rem; background-color: transparent; border: 1px solid #fff; border-radius: 50% } #footer .newsletter form .frm_checkbox label input+span { border: 2px solid white; border-radius: 50%; background: none; position: absolute; top: 5px; left: 0px; width: .625rem; height: .625rem } @media screen and (max-width: 599px) { #footer .newsletter form .frm_checkbox label input+span { left:40px } } #footer .newsletter form .frm_checkbox label input[type="checkbox"]:not(:checked)+span:after { content: ''; left: 2px; top: -2px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: 0.2s ease; transition: 0.2s ease } #footer .newsletter form .frm_checkbox label input[type="checkbox"]:checked+span:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; text-shadow: 1px 1px 0 #000,0px -2px 0 #000; position: absolute; top: -2px; left: 2px; right: 0; font-size: .75rem; cursor: pointer; line-height: 0.8; color: #fff; -webkit-transition: all .2s; transition: all .2s; background: none; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } #footer .newsletter .frm_style_formidable-style.with_frm_style .form-field { margin-bottom: 0 } #footer .newsletter .frm_style_formidable-style.with_frm_style fieldset,#footer .newsletter .frm_style_formidable-style.with_frm_style .fieldset { padding-bottom: 0 } #footer .newsletter .frm_style_formidable-style.with_frm_style input[type=email] { -webkit-box-shadow: none; box-shadow: none } #footer .newsletter .frm_top_container label { display: block } #footer .menu-icons { padding: 80px 0 40px 0 } @media screen and (max-width: 599px) { #footer .menu-icons { padding-top:50px } } #footer .menu-icons:after { content: ''; display: block; clear: both } #footer .menu-icons>.col-33 { position: relative; height: 14.6875rem } @media screen and (max-width: 980px) { #footer .menu-icons>.col-33 { height:180px } } @media screen and (max-width: 599px) { #footer .menu-icons>.col-33 { height:100% } } #footer .menu-icons>.col-33:before { background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #fff), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, #fff 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to right, #fff 40%, rgba(255,255,255,0) 0%); content: none; left: 20px; right: 20px; width: calc(100% - 40px) } @media screen and (max-width: 599px) { #footer .menu-icons>.col-33:before { content:'' } } #footer .menu-icons>.col-33:after { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, #fff 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to bottom, #fff 40%, rgba(255,255,255,0) 0%) } @media screen and (max-width: 599px) { #footer .menu-icons>.col-33:after { content:none } } @media screen and (max-width: 980px) { #footer .menu-icons>.col-33:nth-child(4):after { content:none } } #footer .menu-icons>.col-33:last-child:after { content: none } #footer .menu-icons>.col-33:last-child:before { content: none } @media screen and (max-width: 599px) { #footer .menu-icons>.col-33:last-child a { padding-bottom:0 } } #footer .menu-icons>.col-33 a { position: relative; display: block; height: 100% } @media screen and (max-width: 599px) { #footer .menu-icons>.col-33 a { padding:30px } } #footer .menu-icons>.col-33 a:hover,#footer .menu-icons>.col-33 a:focus { z-index: 10 } #footer .menu-icons>.col-33 a:hover .link,#footer .menu-icons>.col-33 a:focus .link { color: #fff } #footer .menu-icons>.col-33 a:hover>div>span,#footer .menu-icons>.col-33 a:focus>div>span { color: #1ec459 } #footer .menu-icons>.col-33 a>div { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 100 } @media screen and (max-width: 599px) { #footer .menu-icons>.col-33 a>div { position:relative; top: auto; -webkit-transform: none; -ms-transform: none; transform: none } } #footer .menu-icons>.col-33 a>div>span { font-size: 70px; margin-bottom: 15px; display: block; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { #footer .menu-icons>.col-33 a>div>span { font-size:50px } } @media screen and (max-width: 599px) { #footer .menu-icons>.col-33 a>div>span { font-size:60px } } #footer .menu-icons>.col-33 a>div h2 { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #fff; line-height: 26px; text-transform: uppercase } @media screen and (max-width: 980px) { #footer .menu-icons>.col-33 a>div h2 { font-size:20px } } @media screen and (max-width: 599px) { #footer .menu-icons>.col-33 a>div h2 { font-size:26px } } #footer .menu-icons>.col-33 a>div .link { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #1ec459; line-height: 20px; margin: 0; -webkit-transition: all .2s ease; transition: all .2s ease } #footer .menu-footer { position: relative; padding: 55px 0 100px; } #footer .menu-footer:after { content: ''; display: block; clear: both } @media screen and (max-width: 1200px) { #footer .menu-footer .col-33 { margin-bottom:40px } } @media screen and (max-width: 599px) { #footer .menu-footer .col-33 { margin-bottom:20px } } #footer .menu-footer .col-66 { width: 43% } @media screen and (max-width: 1200px) { #footer .menu-footer .col-66 { width:100% } } #footer .menu-footer ul li:first-child a { padding-top: 0 } #footer .menu-footer ul li a { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #b2b2b2; line-height: 24px; padding: 5px 0; display: block } #footer .menu-footer ul li a:hover,#footer .menu-footer ul li a:focus { color: #1ec459 } #footer .menu-footer .wrapper { display: inline-block } #footer .menu-footer .wrapper:after { content: ''; display: block; clear: both } @media screen and (max-width: 1200px) { #footer .menu-footer .wrapper { display:inline-block } } #footer .menu-footer .txt { width: 40%; float: left } #footer .menu-footer .txt:last-child { margin-left: 20% } @media screen and (max-width: 700px) { #footer .menu-footer .txt:last-child { margin-left:0 } } @media screen and (max-width: 599px) { #footer .menu-footer .txt:last-child { margin-top:20px; margin-left: 0 } } @media screen and (max-width: 700px) { #footer .menu-footer .txt { width:50% } } @media screen and (max-width: 599px) { #footer .menu-footer .txt { width:100%; float: none } } @media screen and (max-width: 700px) { #footer .menu-footer .txt>* { max-width:90% } } #footer .menu-footer .txt address { display: block; font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #fff; line-height: 19px; margin-bottom: 10px } #footer .menu-footer .txt address strong { display: block } #footer .menu-footer .txt span { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 700; color: #fff; line-height: 19px; display: block } #footer .menu-footer .txt p { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #b2b2b2; line-height: 19px; margin-bottom: 10px } #footer .menu-footer .txt p strong { color: #fff } #footer .menu-footer .txt .btn { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 700; color: #1C1C1C; line-height: 20px; margin-top: 0; display: inline-block; margin-bottom: 10px; padding: 10px 15px } body:not(.no-hover) #footer .menu-footer .txt .btn:hover,body:not(.no-hover) #footer .menu-footer .txt .btn:focus { background: #fff; color: #000 !important } #footer .menu-footer .link { font-family: "Roboto",Sans-Serif; font-size: 16px; font-weight: 700; color: #1ec459; line-height: 19px; margin-top: 10px; display: block; text-transform: uppercase; } #footer .menu-footer .link:hover,#footer .menu-footer .link:focus { color: #fff } #footer .menu-legal { padding: 10px 0 20px 0 } #footer .menu-legal span,#footer .menu-legal a { font-family: "Roboto",Sans-Serif; font-size: 11px; font-weight: 400; color: #fff; line-height: 24px; display: inline-block; vertical-align: middle; margin: 0 2px } @media screen and (max-width: 599px) { #footer .menu-legal span,#footer .menu-legal a { display:block; padding: 5px 0 } } #footer .menu-legal span:first-child { margin-left: 0 } #footer .menu-legal a:before { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 1px; margin-right: 8px; background: #fff; position: relative; top: -1px } #footer .menu-legal a:hover { color: #1ec459 } #footer #retour-landing { z-index: 9999 } #header-v2 { position: fixed; top: 0; left: 0; right: 0; z-index: 50000; -webkit-transition: all .2s ease; transition: all .2s ease } #header-v2.menu-open { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } #header-v2 #nav-v2 { background-color: #fff; top: 0; left: 0; display: flex; width: 100%; height: 100vh!important; flex: 0 0 100%!important; max-width: 100%!important; transition: all .7s ease; transform: translate(2000px,0); position: absolute!important; z-index: 500000; } #header-v2.menu-open #nav-v2 { transform: translate(0, 0); width: 320px; } #header-v2.menu-dark { background: #000 } #header-v2.menu-color { background: #1ec459 } #header-v2.menu-color .content-wrapper .logo figure { display: none } #header-v2.menu-color .content-wrapper .logo figure+figure { display: block } #header-v2.menu-color .lang>a { color: #000 } #header-v2.menu-color .lang>a:hover,#header-v2.menu-color .lang>a:focus { color: #fff } #header-v2.menu-color .lang:hover>a,#header-v2.menu-color .lang:focus>a { color: #fff } #header-v2.menu-color .lang.open>a { color: #000 } .is-scrolled #header-v2.menu-color .lang.open>a { color: #000 } #header-v2.menu-color .content-wrapper { height: 140px } @media screen and (max-width: 599px) { #header-v2.menu-color .content-wrapper { height:80px } } #header-v2.menu-color .content-wrapper nav ul li a,#header-v2.menu-color .content-wrapper nav ul li label { color: #000 } #header-v2.menu-color .content-wrapper nav ul li a:after,#header-v2.menu-color .content-wrapper nav ul li label:after { background: #000 } .is-scrolled #header-v2.menu-color .button-menu .menu-burger { background: #000 } .is-scrolled #header-v2.menu-color .button-menu .menu-burger span { background: #fff !important } .is-scrolled #header-v2.menu-color .button-menu .menu-burger span:before,.is-scrolled #header-v2.menu-color .button-menu .menu-burger span:after { background: #fff !important } #header-v2.menu-color .button-menu .menu-burger { -webkit-transition: all .2s ease; transition: all .2s ease } #header-v2.menu-color .button-menu .menu-burger span { -webkit-transition: all .2s ease; transition: all .2s ease; background: #fff } #header-v2.menu-color .button-menu .menu-burger span:before,#header-v2.menu-color .button-menu .menu-burger span:after { -webkit-transition: all .2s ease; transition: all .2s ease; background: #fff } #header-v2.menu-color .button-menu small { color: #000 } #header-v2.menu-color .button-menu:hover .menu-burger span,#header-v2.menu-color .button-menu:focus .menu-burger span { background-color: #1ec459 !important } #header-v2.menu-color .button-menu:hover .menu-burger span:before,#header-v2.menu-color .button-menu:hover .menu-burger span:after,#header-v2.menu-color .button-menu:focus .menu-burger span:before,#header-v2.menu-color .button-menu:focus .menu-burger span:after { background-color: #1ec459 !important } .is-scrolled #header-v2 { background: #1ec459; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0) } .is-scrolled #header-v2 .content-wrapper { height: 80px } .is-scrolled #header-v2 .content-wrapper .logo { height: 80px; line-height: 77px } .is-scrolled #header-v2 .content-wrapper .logo figure { display: none } .is-scrolled #header-v2 .content-wrapper .logo figure+figure { display: block } .is-scrolled #header-v2 .content-wrapper .logo figure img { width: 105px; height: auto } .is-scrolled.scrolldir-top #header-v2 { -webkit-transform: none; -ms-transform: none; transform: none } .is-scrolled.scrolldir-top #header-v2 .button-menu .menu-burger span { background-color: #000 } .is-scrolled.scrolldir-top #header-v2 .button-menu .menu-burger span:before,.is-scrolled.scrolldir-top #header-v2 .button-menu .menu-burger span:after { background-color: #000 } .is-scrolled.scrolldir-top #header-v2 .button-menu small { color: #000 } .is-scrolled.scrolldir-top #header-v2 .button-menu:hover .menu-burger span,.is-scrolled.scrolldir-top #header-v2 .button-menu:focus .menu-burger span { background-color: #fff } .is-scrolled.scrolldir-top #header-v2 .button-menu:hover .menu-burger span:before,.is-scrolled.scrolldir-top #header-v2 .button-menu:hover .menu-burger span:after,.is-scrolled.scrolldir-top #header-v2 .button-menu:focus .menu-burger span:before,.is-scrolled.scrolldir-top #header-v2 .button-menu:focus .menu-burger span:after { background-color: #fff } .is-scrolled.scrolldir-top #header-v2 .content-wrapper nav ul li label,.is-scrolled.scrolldir-top #header-v2 .content-wrapper nav ul li a { color: #000 } .is-scrolled.scrolldir-top #header-v2 .content-wrapper nav ul li label:focus,.is-scrolled.scrolldir-top #header-v2 .content-wrapper nav ul li a:focus { outline: 1px dashed #000 } .is-scrolled.scrolldir-top #header-v2 .content-wrapper .wrapper-circle .lang>a { color: #000 } #header-v2 .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 8.75rem; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 740px) { #header-v2 .content-wrapper { height:5rem } } #header-v2 .content-wrapper .logo { position: relative; z-index: 1000; height: 140px; line-height: 140px; float: left; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 740px) { #header-v2 .content-wrapper .logo { height:80px; line-height: 80px } } #header-v2 .content-wrapper .logo figure { background: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } #header-v2 .content-wrapper .logo figure+figure { display: none } #header-v2 .content-wrapper .logo figure img { width: 140px; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } @media screen and (max-width: 740px) { #header-v2 .content-wrapper .logo figure img { width:105px; height: auto } } #header-v2 .content-wrapper nav { position: relative; display: inline-block; vertical-align: middle } @media screen and (max-width: 980px) { #header-v2 .content-wrapper nav { display:none } } #header-v2 .content-wrapper nav ul { list-style-type: none; padding: 0 } #header-v2 .content-wrapper nav ul li { position: relative; margin: 0; display: inline-block; height: auto; line-height: 7.3125rem; -webkit-transition: all .2s ease; transition: all .2s ease } .is-scrolled #header-v2 .content-wrapper nav ul li { height: auto; line-height: 5rem; color: #000 } #header-v2 .content-wrapper nav ul li.active>a:after,#header-v2 .content-wrapper nav ul li.active>label:after { width: calc(100% - 40px); background: #fff } #header-v2 .content-wrapper nav ul li a,#header-v2 .content-wrapper nav ul li label { font-family: "Roboto",Sans-Serif; font-size: 1.875rem; font-weight: 700; color: #fff; line-height: 1.875rem; position: relative; padding: 0 18px; display: inline-block; vertical-align: middle; text-transform: uppercase; z-index: 100; -webkit-transition: none; transition: none } #header-v2 .content-wrapper nav ul li a:after,#header-v2 .content-wrapper nav ul li label:after { content: ""; position: absolute; left: 20px; right: 20px; bottom: -6px; height: 4px; background: #000; width: 0; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .is-scrolled #header-v2 .content-wrapper nav ul li a:after,.is-scrolled #header-v2 .content-wrapper nav ul li label:after { background: #fff } #header-v2 .content-wrapper nav ul li a:hover,#header-v2 .content-wrapper nav ul li label:hover { cursor: pointer } #header-v2 .content-wrapper nav ul li a:hover:after,#header-v2 .content-wrapper nav ul li label:hover:after { width: calc(100% - 40px) } #header-v2 .content-wrapper nav ul li a:focus,#header-v2 .content-wrapper nav ul li label:focus { outline: 1px dashed #fff } #header-v2 .content-wrapper .wrapper-circle { display: inline-block; vertical-align: middle; position: relative; font-size: 0 } #header-v2 .content-wrapper .wrapper-circle .circle { position: relative; width: 40px; height: 40px; background: #fff; border-radius: 50%; text-align: center; display: inline-block; vertical-align: middle; z-index: 100 !important; right: 0; margin: 0 8px; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 740px) { #header-v2 .content-wrapper .wrapper-circle .circle { margin:0 5px } } #header-v2 .content-wrapper .wrapper-circle .circle:first-child { margin-left: 16px } @media screen and (max-width: 740px) { #header-v2 .content-wrapper .wrapper-circle .circle:first-child { margin-left:10px } } #header-v2 .content-wrapper .wrapper-circle .circle:last-child { margin-right: 0 } #header-v2 .content-wrapper .wrapper-circle .circle span { pointer-events: none; font-size: 15px; line-height: 25px; color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) #header-v2 .content-wrapper .wrapper-circle .circle:hover,body:not(.no-hover) #header-v2 .content-wrapper .wrapper-circle .circle:focus { background: #000 } body:not(.no-hover) #header-v2 .content-wrapper .wrapper-circle .circle:hover span,body:not(.no-hover) #header-v2 .content-wrapper .wrapper-circle .circle:focus span { color: #fff; cursor: pointer } #header-v2 .content-wrapper .wrapper-circle #widget-panier { width: 40px; height: 40px } #header-v2 .content-wrapper .wrapper-circle #widget-panier .OsPanier.api .ospanier.minitoggle .entete { width: 40px; height: 40px } #header-v2 .content-wrapper .wrapper-circle #widget-panier .OsPanier.api .ospanier.minitoggle .entete .EnteteNbArticles { top: .125rem !important; right: .25rem !important } #header-v2 .content-wrapper .wrapper-circle #menu { display: none; vertical-align: middle } @media screen and (max-width: 980px) { #header-v2 .content-wrapper .wrapper-circle #menu { display: inline-block; vertical-align: middle } } @media screen and (max-width: 599px) { #header-v2 .content-wrapper .wrapper-circle { -ms-flex-negative:0; flex-shrink: 0 } } #header-v2 .content-wrapper .wrapper-circle .link-with-icon [class^="icon-"],#header-v2 .content-wrapper .wrapper-circle .link-with-icon [class*=" icon-"] { font-size: 15px } #header-v2 .content-wrapper .logos { display: -webkit-box; display: -ms-flexbox; display: flex } #header-v2 .content-wrapper .logos figure { background-color: transparent } #header-v2 .content-wrapper .logos>.logo:last-child { margin-right: 15px } #header-v2 .content-wrapper .logos .logo+.logo { margin-left: 20px } #header-v2 .content-wrapper .logos .logo+.logo figure { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #header-v2 .content-wrapper .logos .logo+.logo figure img { width: auto; height: auto; max-width: 100%; max-height: 100% } @media screen and (max-width: 1120px) { #header-v2 .content-wrapper .logos .logo+.logo { width:auto } } @media screen and (max-width: 599px) { #header-v2 .content-wrapper .logos .logo+.logo { margin-left:10px } } #header-v2 .content-wrapper .logos:after { content: ''; display: block; clear: both } #header-v2:not(.menu-dark) { background: #1ec459 } #header-v2:not(.menu-dark) .content-wrapper { height: 80px } #header-v2:not(.menu-dark) .content-wrapper .logo { height: 80px; line-height: 77px } #header-v2:not(.menu-dark) .content-wrapper .logo figure { display: none } #header-v2:not(.menu-dark) .content-wrapper .logo figure+figure { display: block } #header-v2:not(.menu-dark) .content-wrapper .logo figure img { width: 105px; height: auto } #header-v2:not(.menu-dark) .button-menu .menu-burger span { background-color: #000 } #header-v2:not(.menu-dark) .button-menu .menu-burger span:before,#header-v2:not(.menu-dark) .button-menu .menu-burger span:after { background-color: #000 } #header-v2:not(.menu-dark) .button-menu small { color: #000 } #header-v2:not(.menu-dark) .button-menu:hover .menu-burger span,#header-v2:not(.menu-dark) .button-menu:focus .menu-burger span { background-color: #fff } #header-v2:not(.menu-dark) .button-menu:hover .menu-burger span:before,#header-v2:not(.menu-dark) .button-menu:hover .menu-burger span:after,#header-v2:not(.menu-dark) .button-menu:focus .menu-burger span:before,#header-v2:not(.menu-dark) .button-menu:focus .menu-burger span:after { background-color: #fff } #header-v2:not(.menu-dark) .content-wrapper nav ul li label,#header-v2:not(.menu-dark) .content-wrapper nav ul li a { color: #000 } #header-v2:not(.menu-dark) .content-wrapper nav ul li label:focus,#header-v2:not(.menu-dark) .content-wrapper nav ul li a:focus { outline: 1px dashed #000 } #header-v2:not(.menu-dark) .content-wrapper .wrapper-circle .lang>a { color: #000 } .button-menu { position: relative; background: none; margin-left: .5rem; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 740px) { .button-menu { margin-left:.3125rem } } .is-scrolled .button-menu .menu-burger { background: #fff } .is-scrolled .button-menu .menu-burger span { background: #1ec459 } .is-scrolled .button-menu .menu-burger span:before,.is-scrolled .button-menu .menu-burger span:after { background: #1ec459 } .is-scrolled .button-menu small { opacity: 0 } body:not(.no-hover) .button-menu:hover,body:not(.no-hover) .button-menu:focus { cursor: pointer } body:not(.no-hover) .button-menu:hover .menu-burger,body:not(.no-hover) .button-menu:focus .menu-burger { background: #000 } body:not(.no-hover) .button-menu:hover .menu-burger span,body:not(.no-hover) .button-menu:focus .menu-burger span { background-color: #fff } body:not(.no-hover) .button-menu:hover .menu-burger span:before,body:not(.no-hover) .button-menu:hover .menu-burger span:after,body:not(.no-hover) .button-menu:focus .menu-burger span:before,body:not(.no-hover) .button-menu:focus .menu-burger span:after { background: #fff } body.is-scrolled:not(.no-hover) .button-menu:hover .menu-burger span,body.is-scrolled:not(.no-hover) .button-menu:focus .menu-burger span { background: #000 } body.is-scrolled:not(.no-hover) .button-menu:hover .menu-burger span:before,body.is-scrolled:not(.no-hover) .button-menu:hover .menu-burger span:after,body.is-scrolled:not(.no-hover) .button-menu:focus .menu-burger span:before,body.is-scrolled:not(.no-hover) .button-menu:focus .menu-burger span:after { background: #fff } body:not(.no-hover) .button-menu:focus { outline: 1px dashed #000 } .button-menu .menu-burger { position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: #1ec459; border-radius: 50%; -webkit-transition: all .2s ease; transition: all .2s ease } .button-menu .menu-burger span { display: block; top: 50%; left: 50%; margin-left: -12px; -webkit-transition: all .2s ease; transition: all .2s ease } .button-menu .menu-burger span, .button-menu .menu-burger span::before, .button-menu .menu-burger span::after { width: 24px; height: 2px; background-color: #000; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .button-menu .menu-burger span::before,.button-menu .menu-burger span::after { content: ""; display: block } .button-menu .menu-burger span::before { top: -6px; -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in } .button-menu .menu-burger span::after { bottom: -6px; -webkit-transition: bottom 0.1s 0.25s ease-in,-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19) } .button-menu small { font-family: "Roboto",Sans-Serif; font-size: .625rem; font-weight: 400; color: #fff; line-height: .875rem; letter-spacing: .0625rem; text-transform: uppercase; position: absolute; top: calc(100% + 25px); left: 0; right: 0; bottom: auto; text-align: center; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 740px) { .button-menu small { display:none } } .button-menu:not(.menu-dark) .menu-burger { background: #fff } .button-menu:not(.menu-dark) .menu-burger span { background: #1ec459 } .button-menu:not(.menu-dark) .menu-burger span:before,.button-menu:not(.menu-dark) .menu-burger span:after { background: #1ec459 } .button-menu:not(.menu-dark) small { opacity: 0 } header#header-v2 #menu-toggle { display: none } /* header#header-v2 #nav-v2 { position: fixed; z-index: 500000; top: 0; bottom: 0; left: 100%; width: 100%; height: 100vh; background: #fff; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; visibility: hidden } header#header-v2 #nav-v2 input[type="radio"] { display: none } */ header#header-v2 #nav-v2 .left-sidebar { background: #1ec459; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 200 } header#header-v2 #nav-v2 .left-sidebar .title-bar { position: absolute; right: 0; width: 350px; padding: 0 20px 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .left-sidebar .title-bar { width:320px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .left-sidebar .title-bar { width:320px; padding-left: 20px } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .title-bar { width:100%; padding: 0 20px; height: 80px } } header#header-v2 #nav-v2 .left-sidebar .title-bar .back-0 { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #fff; line-height: 80px; height: 100%; float: left; text-transform: uppercase; position: relative; z-index: 30; background: #1ec459; opacity: 0; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; display: none; padding-right: 20px } header#header-v2 #nav-v2 .left-sidebar .title-bar .back-0:before { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; float: left; line-height: 80px; color: #fff; font-size: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .title-bar .back-0 { display:block } } header#header-v2 #nav-v2 .left-sidebar .title-bar .back-0 span { margin-right: 10px; position: relative; top: 1px } header#header-v2 #nav-v2 .left-sidebar .title-bar .menu-title { font-family: "Roboto",Sans-Serif; font-size: .875rem; font-weight: 400; color: #000; line-height: 8.75rem; letter-spacing: 2px; text-transform: uppercase; float: left; margin: 0 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .title-bar .menu-title { position:absolute; line-height: 5rem } } header#header-v2 #nav-v2 .left-sidebar .title-bar .right { font-size: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .title-bar .right { width:auto } } header#header-v2 #nav-v2 .left-sidebar .title-bar .lang { float: left; position: relative; z-index: 30; display: inline-block } body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .title-bar .lang:hover>a,body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .title-bar .lang:focus>a { color: #000 } body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .title-bar .lang:hover>a:after,body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .title-bar .lang:focus>a:after { color: #000 } header#header-v2 #nav-v2 .left-sidebar .title-bar .lang>a { color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } header#header-v2 #nav-v2 .left-sidebar .title-bar .lang>a:after { color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } header#header-v2 #nav-v2 .left-sidebar .title-bar .circle { background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .title-bar .circle:hover { background: #000 } header#header-v2 #nav-v2 .left-sidebar .title-bar #widget-panier,header#header-v2 #nav-v2 .left-sidebar .title-bar .circle { width: 40px; height: 40px; border-radius: 50% } header#header-v2 #nav-v2 .left-sidebar .title-bar #widget-panier .ospanier .entete,header#header-v2 #nav-v2 .left-sidebar .title-bar .circle .ospanier .entete { width: 40px; height: 40px } header#header-v2 #nav-v2 .left-sidebar .title-bar #widget-panier .ospanier .entete .EnteteNbArticles,header#header-v2 #nav-v2 .left-sidebar .title-bar .circle .ospanier .entete .EnteteNbArticles { top: .125rem !important; right: .25rem !important } header#header-v2 #nav-v2 .left-sidebar .title-bar .cta-close-menu { display: none } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .title-bar .cta-close-menu { display:inline-block; vertical-align: top; position: relative; right: 0; top: 0; margin: 0; margin-left: 10px } } header#header-v2 #nav-v2 .left-sidebar .menus-left { position: absolute; right: 0; padding-top: 0; width: 320px; z-index: 20; bottom: 0; top: 140px; overflow-y: auto; padding-bottom: 100px } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .left-sidebar .menus-left { width:320px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .left-sidebar .menus-left { width:320px } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .menus-left { width:100%; top: 80px; height: calc(100% - 150px); bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-top: 0; padding-bottom: 0; overflow: hidden } } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transition-delay: 0.6s; transition-delay: 0.6s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li#menu-0 label { padding: 0; margin: 0 20px; width: calc(100% - 40px) } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a,header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 36px; position: relative; text-transform: uppercase; display: block; cursor: pointer; padding: 12px 40px; right: 0; left: 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a,header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button { font-size:20px; line-height: 30px; padding: 10px 40px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a, header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button { padding-left: 60px; } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a, header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 60px; margin: 0; } } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a:focus,header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button:focus { outline: 1px dashed #000 } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li.active { background-color: #fff } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button { position: relative; background-color: transparent; border: none; width: 100%; text-align: left; display: block } body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button:hover,body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button:focus { background: #fff } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a { -webkit-transition: all .2s ease; transition: all .2s ease } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a span { position: relative } body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a:hover,body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left ul li a:focus { background: #fff } /* header#header-v2 #nav-v2 .left-sidebar .menus-left ul li button+a { display: none } */ header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:nth-child(2) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:nth-child(3) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:nth-child(4) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:nth-child(5) { -webkit-transition-delay: 1s; transition-delay: 1s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:nth-child(6) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:nth-child(7) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:nth-child(8) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:nth-child(9) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } header#header-v2 #nav-v2 .left-sidebar .menus-left ul li:focus { border: 1px dashed #000; background-color: #fff } header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons { position: relative; margin-top: 20px; padding-top: 15px } header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons:before { content: ''; position: absolute; top: 0; left: 40px; right: 40px; width: calc(100% - 80px); height: 1px; background: rgba(0,0,0,0.15); opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.6s; transition-delay: 0.6s } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons:before { left:20px; right: 20px; width: calc(100% - 40px) } } header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a { font-size: 25px; color: #000; line-height: 32px; padding: 12px 40px 12px 85px; background: none; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a { font-size:14px; line-height: 25px; padding-left: 75px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a { padding-left: 60px; } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a { margin:0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 60px } } header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a:hover,header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a:focus { background: none } body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a:hover,body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a:focus { text-decoration: underline; padding-left: 90px; background: none } @media screen and (max-width: 1024px) { body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a:hover,body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a:focus { padding-left:80px } } @media screen and (max-width: 980px) { body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a:hover,body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a:focus { padding-left:60px } } header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a span { font-size: 30px; color: #000; position: absolute; left: 40px } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a span { font-size:24px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .left-sidebar .menus-left .menu-icons li a span { left:20px } } header#header-v2 #nav-v2 .left-sidebar .menu-secondaires { position: absolute; right: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 350px; z-index: 50; background: #1ec459; padding: 30px 40px; opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.8s; transition-delay: 0.8s } header#header-v2 #nav-v2 .left-sidebar .menu-secondaires:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .left-sidebar .menu-secondaires { width:320px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .left-sidebar .menu-secondaires { width:280px; padding: 15px 20px } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .menu-secondaires { width:100%; padding: 10px 20px } } header#header-v2 #nav-v2 .left-sidebar .menu-secondaires li { float: left } header#header-v2 #nav-v2 .left-sidebar .menu-secondaires li:first-child a { padding-left: 0 } header#header-v2 #nav-v2 .left-sidebar .menu-secondaires li a { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 32px; padding: 10px 15px; display: block; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .left-sidebar .menu-secondaires li a { font-size:20px; line-height: 26px } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .left-sidebar .menu-secondaires li a { font-size:26px; line-height: 32px } } body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menu-secondaires li a:hover,body:not(.no-hover) header#header-v2 #nav-v2 .left-sidebar .menu-secondaires li a:focus { text-decoration: underline } header#header-v2 #nav-v2 .cta-close-menu { -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; position: absolute; top: 50%; right: 40px; margin-top: -22px; width: 44px; height: 44px; border: 1px solid #000; border-radius: 50%; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) header#header-v2 #nav-v2 .cta-close-menu:hover,body:not(.no-hover) header#header-v2 #nav-v2 .cta-close-menu:focus { cursor: pointer; background: #000 } body:not(.no-hover) header#header-v2 #nav-v2 .cta-close-menu:hover span,body:not(.no-hover) header#header-v2 #nav-v2 .cta-close-menu:focus span { color: #fff } header#header-v2 #nav-v2 .cta-close-menu span { position: absolute; top: 50%; left: 0; right: 0; margin-top: -9px; font-size: 18px; color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } header#header-v2 #nav-v2 .right-search { position: absolute; left: 350px; right: 0; z-index: 80 } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-search { left:320px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-search { left:280px !important } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-search { left:0 !important; right: 0; top: 80px; z-index: 1500; display: none } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-search .cta-close-menu { display:none } } header#header-v2 #nav-v2 .right-search form { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 30px 120px 30px 40px; width: calc(100% - 160px); height: calc(140px - 60px); background: #fff; -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,0.1); box-shadow: 0 20px 20px 0 rgba(0,0,0,0.1) } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-search form { margin:20px 100px 20px 40px; width: calc(100% - 140px) } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-search form { margin:0 5px; width: calc(100% - 10px); -webkit-box-shadow: none; box-shadow: none; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; height: 56px } } header#header-v2 #nav-v2 .right-search form:before { content: "\e910"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; top: 0; bottom: 0; right: auto; left: 15px; margin-left: 0; line-height: 80px; font-size: 46px; color: #000; -webkit-animation: blink 1s infinite steps(1); animation: blink 1s infinite steps(1) } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-search form:before { left:0 } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-search form:before { top:50%; left: 0; bottom: auto; font-size: 36px; margin-top: -18px; line-height: 36px } } header#header-v2 #nav-v2 .right-search form.focused:before { content: none } header#header-v2 #nav-v2 .right-search form.focused .placeholder { opacity: 0 } header#header-v2 #nav-v2 .right-search form input { font-family: "Roboto",Sans-Serif; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; position: relative; width: 100%; border: none; z-index: 50; padding: 28px 200px 28px 55px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(255,255,255,0); -webkit-transition: background 0.3s ease; transition: background 0.3s ease } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-search form input { padding:28px 140px 28px 40px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-search form input { padding:28px 20px 28px 40px } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-search form input { height:56px; padding: 18px 0 18px 15px; line-height: 20px } } header#header-v2 #nav-v2 .right-search form input.has-content,header#header-v2 #nav-v2 .right-search form input:focus { background: #fff } header#header-v2 #nav-v2 .right-search form .icon-MenuSearch { display: block; width: 50px; height: 100%; text-align: center; font-size: 26px; color: #1ec459; position: absolute; top: 0; left: 20px } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-search form .icon-MenuSearch { line-height:65px; height: 65px } } header#header-v2 #nav-v2 .right-search form .placeholder { font-family: "Roboto",Sans-Serif; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; position: absolute; top: 50%; left: 55px; margin-top: -12px; z-index: 25; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; right: 0 } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-search form .placeholder { left:40px } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-search form .placeholder { left:35px } } header#header-v2 #nav-v2 .right-search form .fake-submit { font-family: "Roboto",Sans-Serif; font-size: 25px; font-weight: 700; color: #000; line-height: 30px; background: none; position: absolute; top: 0; right: 0; bottom: 0; padding: 25px 50px; text-transform: uppercase; background: none; border: none } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-search form .fake-submit { font-size:20px; padding: 25px 30px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-search form .fake-submit { display:none } } header#header-v2 #nav-v2 .right-search form .fake-submit:before { content: ''; position: absolute; top: 20px; left: 0; bottom: 20px; width: 1px; height: calc(100% - 40px); background: url(../images/deco/dots-vertical.png); background-repeat: repeat-y } header#header-v2 #nav-v2 .right-submenu { position: absolute; z-index: 75; top: 140px; left: 350px; right: 0; bottom: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow-y: auto; -webkit-overflow-scrolling: touch } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-submenu { left:320px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-submenu { left:280px } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu { left:0; top: 80px; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 1200; background: #fff } } header#header-v2 #nav-v2 .right-submenu>a.btn { margin: 0 15px 40px 15px; display: block; max-width: 100%; width: auto } header#header-v2 #nav-v2 .right-submenu .item-vignette { display: block; overflow: hidden; position: relative; opacity: 0; -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); transform: translate(-20px, 0); -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; overflow: hidden } header#header-v2 #nav-v2 .right-submenu .item-vignette:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 60.40816% } header#header-v2 #nav-v2 .right-submenu .item-vignette>.content,header#header-v2 #nav-v2 .right-submenu .item-vignette>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } header#header-v2 #nav-v2 .right-submenu .item-vignette:hover figure img,header#header-v2 #nav-v2 .right-submenu .item-vignette:focus figure img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } header#header-v2 #nav-v2 .right-submenu .item-vignette:hover .caption div .basic-link,header#header-v2 #nav-v2 .right-submenu .item-vignette:focus .caption div .basic-link { opacity: 1; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } .touch-mode header#header-v2 #nav-v2 .right-submenu .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 .right-submenu .item-vignette:nth-child(1) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s } header#header-v2 #nav-v2 .right-submenu .item-vignette:nth-child(2) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s } header#header-v2 #nav-v2 .right-submenu .item-vignette:nth-child(3) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s } header#header-v2 #nav-v2 .right-submenu .item-vignette:nth-child(4) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s } header#header-v2 #nav-v2 .right-submenu .item-vignette:nth-child(5) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s } header#header-v2 #nav-v2 .right-submenu .item-vignette:nth-child(6) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s } header#header-v2 #nav-v2 .right-submenu .item-vignette:nth-child(6) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s } header#header-v2 #nav-v2 .right-submenu .item-vignette figure { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #222 } header#header-v2 #nav-v2 .right-submenu .item-vignette figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: all 7s linear; transition: all 7s linear } header#header-v2 #nav-v2 .right-submenu .item-vignette .caption { width: 100% } header#header-v2 #nav-v2 .right-submenu .item-vignette .caption span { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #fff; line-height: 26px; display: block; text-align: center } header#header-v2 #nav-v2 .right-submenu .item-vignette .caption div { position: absolute; left: 0; right: 0; top: auto; bottom: -50px; text-align: center } header#header-v2 #nav-v2 .right-submenu .item-vignette .caption .basic-link { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #fff; line-height: 26px; opacity: 0; display: inline-block; -webkit-transition: all .2s ease; transition: all .2s ease } .touch-mode header#header-v2 #nav-v2 .right-submenu .item-vignette .caption .basic-link { display: none } header#header-v2 #nav-v2 .right-submenu.layout-search { padding-top: 1px } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu.layout-search { top:141px } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); padding: 0 0 40px 0; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia:empty { overflow-y: auto } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia { padding:5px 0 20px 0 } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .title-section { font-family: "Roboto",Sans-Serif; font-size: 40px; font-weight: 700; color: #000; line-height: 48px; position: relative; text-transform: uppercase; display: inline-block; margin-bottom: 20px } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .title-section { font-size:1.875rem; line-height: 2.375rem } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .nbresultats { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; margin-left: 10px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .noresult { display: none } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content { padding: 20px 0 20px 40px } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content { padding:20px 0 20px 20px } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel { position: relative; padding-left: 40px } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel { padding-left:0 } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel:before { content: ''; position: absolute; left: -40px; top: -20px; bottom: 0; width: 80px; height: calc(100% + 20px); background: #fff; z-index: 100 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel:before { content:none } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer { overflow: visible } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a { width: 263px; height: 170px } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a { width:233px; height: 140px } } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a:hover figure,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a:hover .no-photo,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a:focus figure,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a:focus .no-photo { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a:hover .caption,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a:focus .caption { bottom: -5px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .no-photo { position: relative; overflow: hidden } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 64.63878% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .no-photo>.content,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a figure,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .no-photo { height: 100% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a figure img,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .no-photo img { height: 100% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .caption { bottom: -15px } .no-hover header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .caption { bottom: -5px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .caption h3 { font-size: 1.25rem; line-height: 1.5625rem; margin-bottom: 5px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-stage-outer a .caption p { display: none } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-nav { display: block; position: absolute; z-index: 500; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-nav { display:none } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-nav .owl-prev,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-nav .owl-next { color: #1ec459; font-size: 14px; margin: 50px 0; -webkit-transition: all .2s ease; transition: all .2s ease } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-nav .owl-prev:hover,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-nav .owl-prev:focus,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-nav .owl-next:hover,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-nav .owl-next:focus { color: #000 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-dots { z-index: 500; left: 0; right: auto; top: 50%; display: block } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-dots { display:none } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-dots:after { color: #000 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .algolia-cms-content .owl-carousel .owl-dot.active:before { color: #000; width: 25px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia { position: relative; padding: 80px 40px 20px 40px } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia { padding-top:120px } } @media screen and (max-width: 599px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia { padding:120px 20px 20px 20px } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .title-section { margin-bottom: 10px; display: inline-block } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper { margin-left: -5px; margin-right: -5px; width: calc(100% + 10px) } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper { margin-left:0; margin-right: 0; width: 100% } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>* { position: relative; width: 33.33333%; padding: 0 5px; margin: 15px 0; float: left } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>*:nth-child(3n+1) { clear: left } @media screen and (min-width: 1600px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>* { width:25% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>*:nth-child(3n+1) { clear: none } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>*:nth-child(4n+1) { clear: left } } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>* { width:50% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>*:nth-child(3n+1) { clear: none } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>*:nth-child(odd) { clear: left } } @media screen and (max-width: 599px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>* { width:100%; padding: 0; margin: 30px 0; float: none } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper>*:last-child { margin-bottom: 0 } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda figure,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .no-photo { position: relative; overflow: hidden } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda figure:before,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 108.69565% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda figure>.content,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda figure>.wrapper,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .no-photo>.content,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda figure img,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .no-photo img { width: 100%; height: 100% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .caption h2 { text-transform: none } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia .wrapper-algolia .wrapper .bloc-card-agenda .caption h3 { font-size:20px; line-height: 22px } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique { display: none; padding: 10px 40px 40px; height: 100%; overflow: auto } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>div,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>a { position: relative; overflow: hidden; position: relative; display: block; width: calc(50% - 10px); float: left; margin-bottom: 20px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>div:before,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>a:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 65.06024% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>div>.content,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>div>.wrapper,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>a>.content,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>a>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>div:first-child,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>a:first-child { margin-right: 20px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top:after { content: ''; display: block; clear: both } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom>div,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom>a { float: left } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom>div:first-child,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom>a:first-child { margin-right: 20px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom .third { position: relative; overflow: hidden; width: calc(32.8% - 10px) } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom .third:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom .third>.content,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom .third>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom .fourth { position: relative; overflow: hidden; width: calc(67.2% - 10px) } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom .fourth:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 48.21429% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom .fourth>.content,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom .fourth>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom:after { content: ''; display: block; clear: both } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div { position: relative; -webkit-transition: all .2s ease; transition: all .2s ease } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a:after,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: 4px; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a .no-photo,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a figure,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div .no-photo,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div figure { position: absolute; top: 0; bottom: 0; right: 0; left: 0 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a .no-photo img,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a figure img,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div .no-photo img,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div figure img { height: 100%; width: 100% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a figure:after,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div figure:after { content: "" } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a .caption,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div .caption { top: auto; bottom: 0; left: 20px; right: 20px; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .2s ease; transition: all .2s ease } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a .caption .title,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div .caption .title { font-family: "Roboto",Sans-Serif; font-size: 24px; line-height: 22px; font-weight: bold; color: white; margin-bottom: 10px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a .caption .link,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div .caption .link { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: bold; color: #1ec459; line-height: 25px; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a:hover,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div:hover { -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35) } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a:hover:after,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div:hover:after { opacity: 1 } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a:hover .caption,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div:hover .caption { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a:hover .caption .link,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div:hover .caption .link { opacity: 1 } body.no-hover header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a .caption,body.no-hover header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div .caption { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } body.no-hover header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>a .caption .link,body.no-hover header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique>div>div .caption .link { opacity: 1 } @media screen and (max-width: 800px) { header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique { padding:20px 20px 20px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>div,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>a { width: 100% } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>div:first-child,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .top>a:first-child { margin-right: 0 } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom>div,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom>a { width: 100% !important; margin-bottom: 20px } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom>div:first-child,header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia+.mosaique .bottom>a:first-child { margin-right: 0 } } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia.no-results { display: none } header#header-v2 #nav-v2 .right-submenu .wrapper-search-algolia.no-results+.mosaique { display: block } header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper-menu-duo { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px 40px 40px } header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper-menu-duo:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper-menu-duo { padding:10px 20px } } header#header-v2 #nav-v2 .right-submenu.layout-duo ul { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 45%; padding-right: 40px } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-submenu.layout-duo ul { width:100%; padding: 0; float: none } } header#header-v2 #nav-v2 .right-submenu.layout-duo ul li { display: block; padding-top: 1px } header#header-v2 #nav-v2 .right-submenu.layout-duo ul li a { position: relative; font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #000; line-height: 30px; padding: 15px 0; display: block; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu.layout-duo ul li a { font-size:22px; line-height: 28px; padding: 10px 0 } } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu.layout-duo ul li a:hover,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu.layout-duo ul li a:focus { padding-left: 10px; text-decoration: underline } header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper { position: relative; float: left; width: calc(55% + 10px); margin-left: -5px; margin-right: -5px; padding-top: 10px } header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 1024px) { header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper { padding-bottom:10px } } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper { width:calc(100% + 10px); float: none; margin-top: 20px } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper { width:100%; margin: 10px 0 0 0 } } header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette { width: 50% } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette { width:100% } } header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette figure,header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette .no-photo { position: relative; overflow: hidden } header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette figure:before,header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 113.72549% } header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette figure>.content,header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette figure>.wrapper,header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette .no-photo>.content,header#header-v2 #nav-v2 .right-submenu.layout-duo .wrapper .card-vignette .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } header#header-v2 #nav-v2 .right-submenu.layout-search .acces-premier-niveau { margin-left: 40px } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-submenu.layout-search .acces-premier-niveau { margin-left:20px } } header#header-v2 #nav-v2 .right-submenu .acces-premier-niveau { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #000; line-height: 30px; background: #1ec459; padding: 10px 20px; border: none; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; color: #fff } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .acces-premier-niveau:hover,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .acces-premier-niveau:focus { clip: auto; height: auto; overflow: auto; width: auto; outline: 1px dashed #1ec459; color: #000; position: static; width: auto; height: auto } header#header-v2 #nav-v2 .right-submenu.layout-discover .wrapper-vignettes,header#header-v2 #nav-v2 .right-submenu.layout-listing .wrapper-vignettes { position: relative; padding: 0 40px 40px 40px } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu.layout-discover .wrapper-vignettes,header#header-v2 #nav-v2 .right-submenu.layout-listing .wrapper-vignettes { padding:10px 20px } } header#header-v2 #nav-v2 .right-submenu.layout-discover .wrapper-vignettes .wrapper,header#header-v2 #nav-v2 .right-submenu.layout-listing .wrapper-vignettes .wrapper { position: relative; margin-left: -5px; margin-right: -5px; width: calc(100% + 10px) } header#header-v2 #nav-v2 .right-submenu.layout-discover .wrapper-vignettes .wrapper:after,header#header-v2 #nav-v2 .right-submenu.layout-listing .wrapper-vignettes .wrapper:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu.layout-discover .wrapper-vignettes .wrapper,header#header-v2 #nav-v2 .right-submenu.layout-listing .wrapper-vignettes .wrapper { margin:0; width: 100% } } header#header-v2 #nav-v2 .right-submenu .title-niv-1-mobile { display: none; font-family: "Roboto",Sans-Serif; font-size: 25px; font-weight: 700; color: #1ec459; line-height: 30px; text-transform: uppercase; position: relative; margin: 10px 0 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .title-niv-1-mobile { display:block } } header#header-v2 #nav-v2 .right-submenu .card-vignette { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 5px 20px 5px; width: 33.3333% } @media screen and (max-width: 980px) { header#header-v2 #nav-v2 .right-submenu .card-vignette { width:50% } } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .card-vignette { width:100%; padding: 10px 0 } } header#header-v2 #nav-v2 .right-submenu .card-vignette:before { content: ''; position: absolute; top: 0; left: 5px; right: 5px; background: #1ec459; width: calc(100% - 10px); height: 4px; opacity: 0; z-index: 1; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .card-vignette:before { top:10px; left: 0; right: 0; width: 100% } } @media screen and (min-width: 1600px) { header#header-v2 #nav-v2 .right-submenu .card-vignette { width:25% } } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .card-vignette:hover:before,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .card-vignette:focus:before { opacity: 1 } body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .card-vignette:hover .title-vignette,body:not(.no-hover) header#header-v2 #nav-v2 .right-submenu .card-vignette:focus .title-vignette { color: #1ec459 } header#header-v2 #nav-v2 .right-submenu .card-vignette figure,header#header-v2 #nav-v2 .right-submenu .card-vignette .no-photo { position: relative; overflow: hidden } header#header-v2 #nav-v2 .right-submenu .card-vignette figure:before,header#header-v2 #nav-v2 .right-submenu .card-vignette .no-photo:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 94.82759% } header#header-v2 #nav-v2 .right-submenu .card-vignette figure>.content,header#header-v2 #nav-v2 .right-submenu .card-vignette figure>.wrapper,header#header-v2 #nav-v2 .right-submenu .card-vignette .no-photo>.content,header#header-v2 #nav-v2 .right-submenu .card-vignette .no-photo>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } header#header-v2 #nav-v2 .right-submenu .card-vignette figure img,header#header-v2 #nav-v2 .right-submenu .card-vignette .no-photo img { width: 100%; height: 100% } header#header-v2 #nav-v2 .right-submenu .card-vignette figure figcaption,header#header-v2 #nav-v2 .right-submenu .card-vignette .no-photo figcaption { display: none } header#header-v2 #nav-v2 .right-submenu .card-vignette .title-vignette { font-family: "Roboto",Sans-Serif; font-size: 1.5625rem; font-weight: 700; color: #000; line-height: 1.875rem; display: block; width: calc(100%); margin-top: 14px; z-index: 100; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 .right-submenu .card-vignette .title-vignette { left:30px; right: 30px; width: calc(100% - 60px) } } header#header-v2 #nav-v2 #menu-item-0:checked ~ .left-sidebar #menu-0 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-0:checked ~ .left-sidebar #menu-0 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-0:checked ~ .left-sidebar #menu-0 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-0:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-0:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-0:checked ~ #submenu-0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-0:checked ~ #submenu-0 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-0:checked ~ #submenu-0 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-0:checked ~ #submenu-0 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-0:checked ~ #submenu-0.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-1:checked ~ .left-sidebar #menu-1 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-1:checked ~ .left-sidebar #menu-1 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-1:checked ~ .left-sidebar #menu-1 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-1:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-1:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-1:checked ~ #submenu-1 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-1:checked ~ #submenu-1 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-1:checked ~ #submenu-1 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-1:checked ~ #submenu-1 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-1:checked ~ #submenu-1.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-2:checked ~ .left-sidebar #menu-2 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-2:checked ~ .left-sidebar #menu-2 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-2:checked ~ .left-sidebar #menu-2 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-2:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-2:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-2:checked ~ #submenu-2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-2:checked ~ #submenu-2 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-2:checked ~ #submenu-2 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-2:checked ~ #submenu-2 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-2:checked ~ #submenu-2.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-3:checked ~ .left-sidebar #menu-3 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-3:checked ~ .left-sidebar #menu-3 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-3:checked ~ .left-sidebar #menu-3 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-3:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-3:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-3:checked ~ #submenu-3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-3:checked ~ #submenu-3 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-3:checked ~ #submenu-3 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-3:checked ~ #submenu-3 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-3:checked ~ #submenu-3.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-4:checked ~ .left-sidebar #menu-4 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-4:checked ~ .left-sidebar #menu-4 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-4:checked ~ .left-sidebar #menu-4 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-4:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-4:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-4:checked ~ #submenu-4 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-4:checked ~ #submenu-4 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-4:checked ~ #submenu-4 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-4:checked ~ #submenu-4 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-4:checked ~ #submenu-4.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-5:checked ~ .left-sidebar #menu-5 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-5:checked ~ .left-sidebar #menu-5 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-5:checked ~ .left-sidebar #menu-5 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-5:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-5:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-5:checked ~ #submenu-5 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-5:checked ~ #submenu-5 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-5:checked ~ #submenu-5 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-5:checked ~ #submenu-5 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-5:checked ~ #submenu-5.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-6:checked ~ .left-sidebar #menu-6 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-6:checked ~ .left-sidebar #menu-6 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-6:checked ~ .left-sidebar #menu-6 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-6:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-6:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-6:checked ~ #submenu-6 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-6:checked ~ #submenu-6 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-6:checked ~ #submenu-6 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-6:checked ~ #submenu-6 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-6:checked ~ #submenu-6.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-7:checked ~ .left-sidebar #menu-7 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-7:checked ~ .left-sidebar #menu-7 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-7:checked ~ .left-sidebar #menu-7 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-7:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-7:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-7:checked ~ #submenu-7 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-7:checked ~ #submenu-7 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-7:checked ~ #submenu-7 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-7:checked ~ #submenu-7 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-7:checked ~ #submenu-7.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-8:checked ~ .left-sidebar #menu-8 label:after { opacity: 1 } header#header-v2 #nav-v2 #menu-item-8:checked ~ .left-sidebar #menu-8 label span { color: #fff } header#header-v2 #nav-v2 #menu-item-8:checked ~ .left-sidebar #menu-8 label { cursor: pointer !important; background-color: #fff } header#header-v2 #nav-v2 #menu-item-8:checked ~ .left-sidebar .title-bar .back-0 { opacity: 1 } @media screen and (max-width: 740px) { header#header-v2 #nav-v2 #menu-item-8:checked ~ .left-sidebar .title-bar .title-menu { display:none } } header#header-v2 #nav-v2 #menu-item-8:checked ~ #submenu-8 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } header#header-v2 #nav-v2 #menu-item-8:checked ~ #submenu-8 .item-vignette { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-8:checked ~ #submenu-8 .title-listing { opacity: 1 } header#header-v2 #nav-v2 #menu-item-8:checked ~ #submenu-8 .inspi-container a { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #nav-v2 #menu-item-8:checked ~ #submenu-8.layout-menu ul li { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2 #menu-item-0:checked ~ .right-search { display: block } header#header-v2.compatibility-mode .left-sidebar { width: 350px !important } @media screen and (max-width: 1024px) { header#header-v2.compatibility-mode .left-sidebar { width:320px !important } } @media screen and (max-width: 980px) { header#header-v2.compatibility-mode .left-sidebar { width:280px !important } } header#header-v2.compatibility-mode input:checked ~ #nav-v2 { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } header#header-v2.compatibility-mode input:checked ~ #nav-v2 .left-sidebar .title-bar { opacity: 1 } header#header-v2.compatibility-mode input:checked ~ #nav-v2 .left-sidebar ul li,header#header-v2.compatibility-mode input:checked ~ #nav-v2 .left-sidebar .menu-secondaires { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2.compatibility-mode input:checked ~ #nav-v2 .left-sidebar .menu-icons:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2.compatibility-mode input:checked ~ .content-wrapper .button-menu { opacity: 0 } /* header#header-v2:not(.compatibility-mode) #nav-v2.add-animation { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: menu-out; animation-name: menu-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @media screen and (min-width: 740px) { header#header-v2:not(.compatibility-mode) #nav-v2.add-animation .left-sidebar { -webkit-animation-duration:1.2s; animation-duration: 1.2s; -webkit-animation-name: menu-sidebar-out; animation-name: menu-sidebar-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } } @media screen and (max-width: 1024px) and (min-width: 740px) { header#header-v2:not(.compatibility-mode) #nav-v2.add-animation .left-sidebar { -webkit-animation-name:menu-sidebar-out-320; animation-name: menu-sidebar-out-320 } } @media screen and (max-width: 980px) and (min-width: 740px) { header#header-v2:not(.compatibility-mode) #nav-v2.add-animation .left-sidebar { -webkit-animation-name:menu-sidebar-out-280; animation-name: menu-sidebar-out-280 } } header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: menu-in; animation-name: menu-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .left-sidebar { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: menu-sidebar-in; animation-name: menu-sidebar-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @media screen and (max-width: 1024px) { header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .left-sidebar { -webkit-animation-name:menu-sidebar-in-320; animation-name: menu-sidebar-in-320 } } @media screen and (max-width: 980px) and (min-width: 740px) { header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .left-sidebar { -webkit-animation-name:menu-sidebar-in-280; animation-name: menu-sidebar-in-280 } } @media screen and (max-width: 740px) { header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .left-sidebar { -webkit-animation-name:menu-sidebar-in-full; animation-name: menu-sidebar-in-full } }*/ header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .left-sidebar .title-bar { opacity: 1 } header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .left-sidebar ul li,header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .left-sidebar .menu-secondaires { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .left-sidebar .menu-icons:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } header#header-v2:not(.compatibility-mode) input:checked ~ #nav-v2 .right-search { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: menu-sidebar-in-full; animation-name: menu-sidebar-in-full; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } header#header-v2.menu-open .content-wrapper .button-menu .menu-burger span { -webkit-transform: rotate(-225deg) translate3d(0, 0, 0); transform: rotate(-225deg) translate3d(0, 0, 0); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } header#header-v2.menu-open .content-wrapper .button-menu .menu-burger span::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out } header#header-v2.menu-open .content-wrapper .button-menu .menu-burger span::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: bottom 0.1s ease-out,-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1) } .bloc { display: block; position: relative; padding: 40px 0 } @media screen and (max-width: 599px) { .bloc { padding:30px 0 } } .bloc.bloc-large { width: 100% } .bloc-small { max-width: 960px } .bloc-extra-small { max-width: 780px } .bloc-texte.aligncenter { margin-left: auto; margin-right: auto } .bloc-texte.aligncenter>* { margin-left: auto; margin-right: auto } .bloc-texte.alignright { margin-left: auto; margin-right: 0 } .bloc-texte.alignright>* { margin-left: auto; margin-right: 0 } .bloc-texte>* { position: relative } .bloc-texte>*:not(.btn):not(ul):not(ol):not(blockquote):not(.wp-caption):not(.deco) { max-width: 960px } .bloc-texte>*:first-child { margin-top: 0 } .bloc-texte>*:last-child { margin-bottom: 0 } .bloc-texte>*:last-child:not(.btn) { padding-bottom: 0 } .bloc-texte>*:last-child .btn { margin-bottom: 0 } .bloc-texte>*.aligncenter,.bloc-texte>*[style*="text-align: center"] { margin-left: auto; margin-right: auto } .bloc-texte>*.alignright,.bloc-texte>*[style*="text-align: right"] { margin-left: auto; margin-right: 0 } .bloc-texte>*[style*="text-align: justify"] { margin-left: 0; margin-right: 0; max-width: 100% !important } .bloc-texte li[style*="text-align: center"],.bloc-texte blockquote p[style*="text-align: center"] { margin-left: auto; margin-right: auto } .bloc-texte li[style*="text-align: right"],.bloc-texte blockquote p[style*="text-align: right"] { margin-left: auto; margin-right: 0 } .bloc-texte>*:first-child { margin-top: 0 !important } .bloc-texte>*:last-child { margin-bottom: 0 !important } .bloc-texte .surtitre { color: #000; margin-top: 35px } @media screen and (max-width: 599px) { .bloc-texte .surtitre { margin-top:25px } } .bloc-texte .surtitre+h2,.bloc-texte .surtitre+.title-h2,.bloc-texte .surtitre+h3,.bloc-texte .surtitre+.title-h3 { margin-top: -10px } @media screen and (max-width: 599px) { .bloc-texte .surtitre+h2,.bloc-texte .surtitre+.title-h2,.bloc-texte .surtitre+h3,.bloc-texte .surtitre+.title-h3 { margin-top:-5px } } .bloc-texte .surtitre+.special-link { margin-top: -10px } .bloc-texte .special-link { display: block } .bloc-texte .special-link h2 { margin-top: 0 } .bloc-texte h2,.bloc-texte .h2 { font-family: "Roboto",Sans-Serif; font-size: 40px; font-weight: 700; color: #000; line-height: 40px; margin: 40px 0 20px 0 } .bloc-texte h2.titre-intermediaire,.bloc-texte .h2.titre-intermediaire { font-size: 34px; line-height: 30px } @media screen and (max-width: 599px) { .bloc-texte h2,.bloc-texte .h2 { margin-top:25px; font-size: 1.875rem; line-height: 1.875rem } } .bloc-texte h2+.surtitre,.bloc-texte .h2+.surtitre { margin-top: -5px; margin-bottom: 25px } @media screen and (max-width: 599px) { .bloc-texte h2+.surtitre,.bloc-texte .h2+.surtitre { margin-bottom:20px } } .bloc-texte h2 a,.bloc-texte .h2 a { color: #000; text-decoration: underline } .bloc-texte h3 { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 28px; margin-top: 35px; margin-bottom: 20px } @media screen and (max-width: 599px) { .bloc-texte h3 { margin-top:20px; font-size: 1.5rem; line-height: 1.75rem } } .bloc-texte h3+.surtitre { margin-top: -5px; margin-bottom: 25px } @media screen and (max-width: 599px) { .bloc-texte h3+.surtitre { margin-bottom:20px } } .bloc-texte h3 a { color: #000; text-decoration: underline } .bloc-texte p { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 24px } .bloc-texte p a { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 300; color: #000; line-height: 25px; text-decoration: underline; position: relative; z-index: 50 } body:not(.no-hover) .bloc-texte p a:hover,body:not(.no-hover) .bloc-texte p a:focus { color: #1ec459 } .bloc-texte .btn { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; background-color: #1ec459; padding: 13px 40px; border: none; text-decoration: none; margin-top: 5px; margin-bottom: 20px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-texte .btn { margin-bottom:10px } } .bloc-texte .btn-wysiwyg { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; background-color: #1ec459; padding: 13px 40px; border: none; outline: none; text-decoration: none; display: inline-block; margin-top: 22px; margin-bottom: 0; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-texte .btn-wysiwyg:hover,body:not(.no-hover) .bloc-texte .btn-wysiwyg:focus { background: #000; color: #fff } .bloc-texte .txt-spe { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 700; color: #1ec459; line-height: 19px; text-transform: uppercase; margin-bottom: 20px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-texte .txt-spe:hover,.bloc-texte .txt-spe:focus { text-decoration: none; color: #000 } .bloc-texte figure { position: relative } .bloc-texte iframe { width: 100%; height: 430px; margin-bottom: -6px } .bloc-texte ul { padding: 0; margin-bottom: 15px; list-style-type: none } .bloc-texte ul:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .bloc-texte ul li { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 300; color: #000; line-height: 22px; padding-left: 22px } .bloc-texte ul li:before { content: ''; position: absolute; left: 0; top: 11px; width: 10px; height: 1px; background: #000 } .bloc-texte ul li a { color: #000; text-decoration: underline; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-texte ul li a:hover,body:not(.no-hover) .bloc-texte ul li a:focus { color: #1ec459 } .bloc-texte ol { padding: 0; margin-bottom: 15px; list-style-type: decimal } .bloc-texte ol:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .bloc-texte ol li { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 300; color: #000; line-height: 22px; margin-left: 15px } .bloc-texte ol li a { color: #000; text-decoration: underline; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-texte ol li a:hover,body:not(.no-hover) .bloc-texte ol li a:focus { color: #1ec459 } .bloc-texte p { margin-bottom: 15px } .bloc-texte p img { height: 100% } .bloc-texte p img.alignnone { width: 100% } .bloc-texte p img.alignleft { float: left; margin-top: 0; padding-right: 40px } @media screen and (max-width: 599px) { .bloc-texte p img.alignleft { float:none; width: 100%; padding: 0; margin: 30px 0 } } .bloc-texte p img.aligncenter { display: block; margin: 30px auto } @media screen and (max-width: 599px) { .bloc-texte p img.aligncenter { width:100%; margin: 30px 0 } } .bloc-texte p img.alignright { float: right; padding-left: 40px; margin-top: 0 } @media screen and (max-width: 599px) { .bloc-texte p img.alignright { float:none; width: 100%; padding-left: 0; margin: 30px 0 } } .bloc-texte a { color: #000; text-decoration: underline; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-texte a:hover,body:not(.no-hover) .bloc-texte a:focus { color: #1ec459 } .bloc-texte iframe:not(.instagram-media) { width: 100%; height: 430px } @media screen and (max-width: 599px) { .bloc-texte iframe:not(.instagram-media) { height:100% } } .bloc-texte .instagram-media { margin: 30px auto !important } .bloc-texte .wp-caption { margin-bottom: 20px; overflow: hidden } .bloc-texte .wp-caption iframe { margin-bottom: 0 } .bloc-texte .wp-caption.alignleft { float: left; margin: 15px auto; margin-right: 40px } @media screen and (max-width: 599px) { .bloc-texte .wp-caption.alignleft { float:none; margin: 10px auto } } .bloc-texte .wp-caption.aligncenter { background: none; margin: 30px auto; display: inline-block; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .bloc-texte .wp-caption.aligncenter img { margin-left: auto; margin-right: auto } .bloc-texte .wp-caption.alignright { float: right; margin: 30px auto; margin-left: 40px } @media screen and (max-width: 599px) { .bloc-texte .wp-caption.alignright { float:none; margin: 10px auto } } .bloc-texte .wp-caption.alignnone { margin: 30px 0; display: inline-block } .bloc-texte .wp-caption img { height: auto; margin: 15px auto } .bloc-texte .wp-caption img.alignleft { float: left; padding-right: 40px } @media screen and (max-width: 599px) { .bloc-texte .wp-caption img.alignleft { float:none; margin: 10px 0; padding: 0 } } .bloc-texte .wp-caption img.aligncenter { margin: 30px auto } .bloc-texte .wp-caption img.alignright { float: right; padding-left: 40px } @media screen and (max-width: 599px) { .bloc-texte .wp-caption img.alignright { float:none; margin: 10px 0; padding-left: 0 } } .bloc-texte .wp-caption img.size-medium,.bloc-texte .wp-caption img.size-thumbnail { width: auto; max-width: inherit } .bloc-texte .wp-caption { overflow: hidden; background: none } .bloc-texte .wp-caption img { width: 100%; margin: 0; height: auto } .bloc-texte .wp-caption figcaption { left: auto !important } .bloc-texte figure.alignnone { background: none } .bloc-texte figure.alignleft { background: none; margin-bottom: 30px; margin-right: 40px } @media screen and (max-width: 599px) { .bloc-texte figure.alignleft { padding:0; margin: 10px 0 } } .bloc-texte figure.alignleft img { height: auto } .bloc-texte figure.aligncenter { background: none; margin: 30px auto; display: inline-block; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } @media screen and (max-width: 599px) { .bloc-texte figure.aligncenter { margin:10px auto } } .bloc-texte figure.aligncenter img { height: auto } .bloc-texte figure.alignright { background: none; float: right; padding-left: 40px; margin-bottom: 30px } @media screen and (max-width: 599px) { .bloc-texte figure.alignright { float:none; padding-left: 0; margin: 10px 0 } } .bloc-texte figure.alignright img { height: auto } @media screen and (min-width: 600px) { .bloc-texte.texte-with-accordeon .description-expand { height:auto !important } .bloc-texte.texte-with-accordeon .description-expand+.btn-expand { display: none !important } .bloc-texte.texte-with-accordeon .description-expand:before { content: none } } .bloc-image .wrapper-bloc-image { position: relative } .bloc-image figure { position: relative; height: 100% } .bloc-image figure img { height: 100% } .bloc-image .caption-image { -webkit-transform: none; -ms-transform: none; transform: none; width: auto } .bloc-image .caption-image>span,.bloc-image .caption-image>div { position: relative; width: 40px; height: 40px; border-radius: 50%; display: block; z-index: 2; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-image .caption-image>span:hover,.bloc-image .caption-image>span:focus,.bloc-image .caption-image>div:hover,.bloc-image .caption-image>div:focus { cursor: pointer } .bloc-image .caption-image>span:hover>span,.bloc-image .caption-image>span:focus>span,.bloc-image .caption-image>div:hover>span,.bloc-image .caption-image>div:focus>span { background: #1ec459; color: #fff } .bloc-image .caption-image>span>span,.bloc-image .caption-image>div>span { position: relative; z-index: 10; text-align: center; line-height: 2.5rem; display: block; border-radius: 50%; background: #fff; color: #1ec459; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-image .caption-image>span>div,.bloc-image .caption-image>div>div { background: #fff; padding: 35px 40px 30px; width: 405px } .bloc-image .caption-image>span>div:before,.bloc-image .caption-image>div>div:before { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: 4px; width: 100% } @media screen and (max-width: 599px) { .bloc-image .caption-image>span>div,.bloc-image .caption-image>div>div { width:270px; padding: 25px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0,0,0,0.3); max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch } } @media screen and (max-width: 360px) { .bloc-image .caption-image>span>div,.bloc-image .caption-image>div>div { width:220px } } .bloc-image .caption-image>span>div p,.bloc-image .caption-image>div>div p { font-family: "Roboto",Sans-Serif; font-size: 16px; font-weight: 300; color: #000; line-height: 24px; margin-bottom: 10px; position: relative } .bloc-image .caption-image>span>div p strong,.bloc-image .caption-image>div>div p strong { font-weight: 600 } .bloc-image .caption-image>span>div>*:last-child,.bloc-image .caption-image>div>div>*:last-child { margin: 0 } .bloc-image .caption-image.open>span>span,.bloc-image .caption-image.open div>span { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .bloc-image .caption-image.caption-right-bottom { right: 100px; bottom: 100px; left: auto; top: auto } @media screen and (max-width: 980px) { .bloc-image .caption-image.caption-right-bottom { right:70px; bottom: 100px } } @media screen and (max-width: 599px) { .bloc-image .caption-image.caption-right-bottom { right:40px; bottom: 60px } } .bloc-image .caption-image.caption-right-bottom>span>div,.bloc-image .caption-image.caption-right-bottom>div>div { position: absolute; bottom: 15px; right: 15px; -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-image .caption-image.caption-right-bottom.open>span>div,.bloc-image .caption-image.caption-right-bottom.open>div>div { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .bloc-image .caption-image.caption-left-bottom { left: 100px; bottom: 100px; right: auto; top: auto } @media screen and (max-width: 980px) { .bloc-image .caption-image.caption-left-bottom { left:70px; bottom: 100px } } @media screen and (max-width: 599px) { .bloc-image .caption-image.caption-left-bottom { left:40px; bottom: 60px } } .bloc-image .caption-image.caption-left-bottom>span>div,.bloc-image .caption-image.caption-left-bottom>div>div { position: absolute; bottom: 15px; left: 15px; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-image .caption-image.caption-left-bottom.open>span>div,.bloc-image .caption-image.caption-left-bottom.open>div>div { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .bloc-image .caption-image.caption-left-top { left: 70px; bottom: auto; right: auto; top: 70px } @media screen and (max-width: 980px) { .bloc-image .caption-image.caption-left-top { left:70px; top: 70px } } @media screen and (max-width: 599px) { .bloc-image .caption-image.caption-left-top { left:40px; top: 40px } } .bloc-image .caption-image.caption-left-top>span>div,.bloc-image .caption-image.caption-left-top>div>div { position: absolute; left: 15px; top: 15px; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: -1; visibility: hidden; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-image .caption-image.caption-left-top>span>div a,.bloc-image .caption-image.caption-left-top>div>div a { color: #000 } .bloc-image .caption-image.caption-left-top.open>span>div,.bloc-image .caption-image.caption-left-top.open>div>div { visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .bloc-image .caption-image.caption-left-top.open .btn-plus [class^="icon-"],.bloc-image .caption-image.caption-left-top.open .btn-plus [class*=" icon-"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .bloc-image .caption-image.caption-right-top { right: 100px; bottom: auto; left: auto; top: 100px } @media screen and (max-width: 980px) { .bloc-image .caption-image.caption-right-top { top:70px; right: 70px } } @media screen and (max-width: 599px) { .bloc-image .caption-image.caption-right-top { right:40px; top: 40px } } .bloc-image .caption-image.caption-right-top>span>div,.bloc-image .caption-image.caption-right-top>div>div { position: absolute; right: 15px; top: 15px; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-image .caption-image.caption-right-top.open>span>div,.bloc-image .caption-image.caption-right-top.open>div>div { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .bloc-iframe iframe { width: 100%; height: 100%; min-height: 300px } .page-contact .bloc-form .frm_message p,.page-contact .bloc-form .frm_error_style p { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 30px; display: block; text-align: center; padding: 20px 0; margin: 0 } .contact { background: #fff; padding-top: 20px } .contact h2 { font-family: "Roboto",Sans-Serif; font-size: 34px; font-weight: 700; color: #000; line-height: 30px } .contact-map { position: relative; height: 450px; margin: 20px 0 } .contact-map .custom-popup-thuria .leaflet-popup-content-wrapper { max-width: 280px; max-height: 260px; overflow: auto; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-overflow-scrolling: touch } .contact-map .custom-popup-thuria .leaflet-popup-content { padding: 30px; width: 265px !important; overflow: hidden } .contact-map .custom-popup-thuria p { margin-top: 0; font-size: 13px; line-height: 19px; margin-bottom: 10px } .contact-map .custom-popup-thuria .btn { margin-top: 0; display: inline-block; margin-bottom: 10px; padding: 8px 15px; color: #fff } .contact-map .custom-popup-thuria .link { font-family: "Roboto", Sans-Serif; font-size: 15px; font-weight: 700; color: #1ec459; line-height: 19px } .contact-map .custom-popup-thuria .leaflet-popup-close-button { position: absolute; z-index: 10000000; top: -15px !important; right: -15px !important; width: 30px !important; height: 30px !important; background: white !important; opacity: 1; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease; font-size: 23px; line-height: 28px; color: black } .bloc-form .bloc-texte+.frm_forms { margin-top: 20px } @media screen and (max-width: 599px) { .bloc-form .bloc-texte+.frm_forms { margin-top:10px } } .bloc-form .frm_message p,.bloc-form .frm_error_style p { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 30px; display: block; text-align: center; padding: 20px 0; margin: 0 } .bloc-form .frm_forms .input-is-checkbox .frm_primary_label { font-size: 14px; margin-bottom: 20px; font-weight: bold } .bloc-form .frm_forms .frm_checkbox { position: relative; width: 100% } .bloc-form .frm_forms .frm_checkbox label { word-wrap: normal; white-space: normal !important; text-overflow: initial !important } .bloc-form .frm_forms .frm_checkbox input[type=checkbox] { position: absolute; display: block; opacity: 0; cursor: pointer; height: 18px; width: 18px } .bloc-form .frm_forms .frm_checkbox input[type=checkbox]:checked ~ .personalized-input:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .bloc-form .frm_forms .frm_checkbox input[type=checkbox]:focus ~ .personalized-input { outline: 1px dashed #000 } .bloc-form .frm_forms .frm_checkbox .personalized-input { position: absolute; top: 0; left: 0; height: 18px; width: 18px; display: inline-block; background-color: transparent; border: 2px solid #000; border-radius: 50% } .bloc-form .frm_forms .frm_checkbox .personalized-input:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; display: inline-block; vertical-align: middle; float: left; text-shadow: 0px 1px 0 #1ec459,0px 0px 0 #1ec459; position: absolute; top: -1px; left: 3px; right: 0; font-size: 14px; cursor: pointer; line-height: 0.8; -webkit-transition: all .2s; transition: all .2s; background: none; opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) } .bloc-form .frm_forms .frm_checkbox .frm_checkbox:hover input ~ .personalized-input { border: 2px solid #000 } .bloc-form .frm_forms .frm_radio { position: relative } .bloc-form .frm_forms .frm_radio input[type=radio] { position: absolute; display: block; opacity: 0; cursor: pointer; height: 14px; width: 14px } .bloc-form .frm_forms .frm_radio input[type=radio]:checked ~ .personalized-input:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .bloc-form .frm_forms .frm_radio input[type=radio]:focus ~ .personalized-input { outline: 1px dashed #000 } .bloc-form .frm_forms .frm_radio .personalized-input { position: absolute; top: 0; left: 0; height: 18px; width: 18px; display: inline-block; background-color: transparent; border: 2px solid #000; border-radius: 50% } .bloc-form .frm_forms .frm_radio .personalized-input:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; display: inline-block; vertical-align: middle; float: left; text-shadow: 0px 1px 0 #1ec459,0px 0px 0 #1ec459; position: absolute; top: -1px; left: 3px; right: 0; font-size: 14px; cursor: pointer; line-height: 0.8; -webkit-transition: all .2s; transition: all .2s; background: none; opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) } .bloc-form .frm_forms .frm_radio .frm_checkbox:hover input ~ .personalized-input { border: 2px solid #000 } .bloc-form .frm_forms .frm_radio label { padding-left: 40px } .bloc-form .frm_forms form { margin: auto; position: relative } .bloc-form .frm_forms form fieldset>p { margin: 0 20px 20px 20px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form fieldset>p { margin:0 0 20px 0 } } .bloc-form .frm_forms form fieldset .pays_field .frm_primary_label { display: block !important; font-family: "Roboto",Sans-Serif; font-size: .9375rem; font-weight: 400; color: #000; line-height: 1.125rem; font-size: .9375rem !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; top: calc(50% - 25px) !important } .bloc-form .frm_forms form fieldset .pays_field .frm_primary_label.moved { font-family: "Roboto",Sans-Serif; font-size: 11px; font-weight: 400; color: #000; line-height: 18px; -webkit-transform: translate(0, -30px) !important; -ms-transform: translate(0, -30px) !important; transform: translate(0, -30px) !important } .bloc-form .frm_forms form * { -webkit-box-sizing: border-box; box-sizing: border-box } .bloc-form .frm_forms form label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 18px; display: block; padding-bottom: 4px; text-transform: uppercase; clear: both; visibility: visible } .bloc-form .frm_forms form label.frm_primary_label { padding-bottom: 15px; pointer-events: none } .bloc-form .frm_forms form input,.bloc-form .frm_forms form select,.bloc-form .frm_forms form textarea,.bloc-form .frm_forms form button { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 15px; width: 100%; display: block; resize: none; -webkit-box-shadow: none; box-shadow: none; height: 56px; border: none; border-radius: 0; border-bottom: 2px solid #000; background: none; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; visibility: visible !important; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form input ::-webkit-input-placeholder,.bloc-form .frm_forms form select ::-webkit-input-placeholder,.bloc-form .frm_forms form textarea ::-webkit-input-placeholder,.bloc-form .frm_forms form button ::-webkit-input-placeholder { color: rgba(0,0,0,0.5) } .bloc-form .frm_forms form input :-moz-placeholder,.bloc-form .frm_forms form select :-moz-placeholder,.bloc-form .frm_forms form textarea :-moz-placeholder,.bloc-form .frm_forms form button :-moz-placeholder { color: rgba(0,0,0,0.5); opacity: 1 } .bloc-form .frm_forms form input ::-moz-placeholder,.bloc-form .frm_forms form select ::-moz-placeholder,.bloc-form .frm_forms form textarea ::-moz-placeholder,.bloc-form .frm_forms form button ::-moz-placeholder { color: rgba(0,0,0,0.5); opacity: 1 } .bloc-form .frm_forms form input :-ms-input-placeholder,.bloc-form .frm_forms form select :-ms-input-placeholder,.bloc-form .frm_forms form textarea :-ms-input-placeholder,.bloc-form .frm_forms form button :-ms-input-placeholder { color: rgba(0,0,0,0.5) } .bloc-form .frm_forms form input ::-ms-input-placeholder,.bloc-form .frm_forms form select ::-ms-input-placeholder,.bloc-form .frm_forms form textarea ::-ms-input-placeholder,.bloc-form .frm_forms form button ::-ms-input-placeholder { color: rgba(0,0,0,0.5) } body:not(.no-hover) .bloc-form .frm_forms form input:hover,body:not(.no-hover) .bloc-form .frm_forms form input:focus,body:not(.no-hover) .bloc-form .frm_forms form select:hover,body:not(.no-hover) .bloc-form .frm_forms form select:focus,body:not(.no-hover) .bloc-form .frm_forms form textarea:hover,body:not(.no-hover) .bloc-form .frm_forms form textarea:focus,body:not(.no-hover) .bloc-form .frm_forms form button:hover,body:not(.no-hover) .bloc-form .frm_forms form button:focus { background: rgba(28,28,28,0.05); border-color: #1ec459 !important } .bloc-form .frm_forms form input ~ .frm_description,.bloc-form .frm_forms form select ~ .frm_description,.bloc-form .frm_forms form textarea ~ .frm_description,.bloc-form .frm_forms form button ~ .frm_description { display: none } .bloc-form .frm_forms form input:-webkit-autofill { -webkit-text-fill-color: #000 } .bloc-form .frm_forms form input:-webkit-autofill,.bloc-form .frm_forms form input:-webkit-autofill:hover,.bloc-form .frm_forms form input:-webkit-autofill:focus,.bloc-form .frm_forms form input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 56px #fff inset !important } .bloc-form .frm_forms form select:hover,.bloc-form .frm_forms form select:focus { cursor: pointer } .bloc-form .frm_forms form textarea { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 15px; height: 294px; background: #f2f2f2; padding: 20px } .bloc-form .frm_forms form textarea::-webkit-input-placeholder { display: none; opacity: 0; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 15px; text-transform: uppercase } .bloc-form .frm_forms form textarea::-moz-placeholder { display: none; opacity: 0; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 15px; text-transform: uppercase } .bloc-form .frm_forms form textarea:-ms-input-placeholder { display: none; opacity: 0; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 15px; text-transform: uppercase } .bloc-form .frm_forms form textarea::-ms-input-placeholder { display: none; opacity: 0; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 15px; text-transform: uppercase } .bloc-form .frm_forms form textarea::placeholder { display: none; opacity: 0; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 15px; text-transform: uppercase } .bloc-form .frm_forms form textarea+.frm_error { bottom: 5px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form textarea+.frm_error { padding-left:0px } } .bloc-form .frm_forms form .frm_inside_container label { display: block !important } .bloc-form .frm_forms form .frm_inside_container input[type=email]::-webkit-input-placeholder { opacity: 0 } .bloc-form .frm_forms form .frm_inside_container input[type=email]::-moz-placeholder { opacity: 0 } .bloc-form .frm_forms form .frm_inside_container input[type=email]:-ms-input-placeholder { opacity: 0 } .bloc-form .frm_forms form .frm_inside_container input[type=email]::-ms-input-placeholder { opacity: 0 } .bloc-form .frm_forms form .frm_inside_container input[type=email]::placeholder { opacity: 0 } .bloc-form .frm_forms form .frm_conf_field input[type=email]::-webkit-input-placeholder { opacity: 1 } .bloc-form .frm_forms form .frm_conf_field input[type=email]::-moz-placeholder { opacity: 1 } .bloc-form .frm_forms form .frm_conf_field input[type=email]:-ms-input-placeholder { opacity: 1 } .bloc-form .frm_forms form .frm_conf_field input[type=email]::-ms-input-placeholder { opacity: 1 } .bloc-form .frm_forms form .frm_conf_field input[type=email]::placeholder { opacity: 1 } .bloc-form .frm_forms form .g-recaptcha { margin: 0 10px 25px 10px; width: 100%; position: relative; display: block; overflow: hidden } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .g-recaptcha { margin:0 0 25px 0 } } @media screen and (max-width: 360px) { .bloc-form .frm_forms form .g-recaptcha { max-width:260px } } .bloc-form .frm_forms form h3 { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 18px; display: block; padding: 15px 0; margin: 0 0 30px 0; text-transform: uppercase } @media screen and (max-width: 599px) { .bloc-form .frm_forms form h3 { margin:0 0 30px 0 } } .bloc-form .frm_forms form .frm_section_heading { padding: 0 } .bloc-form .frm_forms form .frm_section_heading:after { content: ''; display: block; clear: both } @media screen and (max-width: 980px) { .bloc-form .frm_forms form .frm_section_heading.frm_half { width:100% } } .bloc-form .frm_forms form .frm_section_heading.frm_half h3 { margin-bottom: 40px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_section_heading.frm_half h3 { margin-bottom:25px } } .bloc-form .frm_forms form .frm_section_heading.frm_half .frm_description { position: relative; right: 0; top: 0; margin-bottom: 25px; width: calc(100% - 20px); margin-left: 10px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_section_heading.frm_half .frm_description { width:100%; margin-left: 0 } } .bloc-form .frm_forms form .frm_section_heading .frm_description { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #000; line-height: 18px; position: absolute; right: 0; top: 15px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_section_heading .frm_description { position:relative; right: 0px; top: -20px; margin-bottom: 15px } } .bloc-form .frm_forms form .frm_error { border: none; position: absolute; right: 0; bottom: 35px; text-align: right; display: block; width: calc(100% - 20px); color: #e91741; font-size: 10px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_error { width:100% } } .bloc-form .frm_forms form .frm_error_style { display: none } .bloc-form .frm_forms form .frm_hidden { display: none } .bloc-form .frm_forms form .frm_required { color: #000 } .bloc-form .frm_forms form .frm_none_container label { display: none } .bloc-form .frm_forms form .frm12 label { display: block } .bloc-form .frm_forms form .frm_form_fields fieldset { font-size: 0 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field { position: relative; margin-left: 0; padding: 0 10px 25px 10px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_form_fields fieldset .form-field { padding-left:0; padding-right: 0 } } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field label { position: absolute; z-index: 1; top: calc(50% - 12px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(10px, -50%, 0); transform: translate3d(10px, -50%, 0); padding: 0; white-space: nowrap; overflow: hidden; width: calc(100% - 40px); text-overflow: ellipsis; visibility: visible; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_form_fields fieldset .form-field label { width:calc(100% - 20px) } } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.field-is-focus label { font-family: "Roboto",Sans-Serif; font-size: 11px; font-weight: 400; color: #000; line-height: 18px; -webkit-transform: translate(0, -45px); -ms-transform: translate(0, -45px); transform: translate(0, -45px) } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.full_optin .frm_opt_container { margin-top: 10px } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.full_optin .frm_opt_container .frm_checkbox { width: 100%; margin: 0 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.full_optin .frm_opt_container .frm_checkbox>label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 18px; display: block; padding-left: 30px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.full_optin .frm_opt_container .frm_checkbox>label:hover,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field.full_optin .frm_opt_container .frm_checkbox>label:focus { color: #000 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.full_optin .frm_opt_container .frm_checkbox>label span { position: absolute; top: 0; left: 0 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin { position: absolute; left: 275px; right: 0; width: calc(100% - 285px); bottom: 15px } @media screen and (max-width: 1024px) { .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin { position:absolute; left: 0; right: 0; width: 100%; bottom: 70px } } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin>.frm_primary_label { display: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin .frm_opt_container .frm_checkbox { width: 100%; margin: 0 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin .frm_opt_container .frm_checkbox>label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 18px; display: block; padding-left: 30px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin .frm_opt_container .frm_checkbox>label:hover,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin .frm_opt_container .frm_checkbox>label:focus { color: #000 } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin .frm_opt_container .frm_checkbox>label { padding-left:30px } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.newsletter_optin .frm_opt_container .frm_checkbox>label span { position: absolute; top: 0; left: 0 } } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file.field-is-focus .jfilestyle label:before { content: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file>label { width: calc(100% - 80px); z-index: 1000; pointer-events: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .fallback { width: 100% } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle { position: relative } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle>input { width: 100% !important; padding-right: 70px; border: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle>input::-webkit-input-placeholder { color: #000 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle>input::-moz-placeholder { color: #000 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle>input:-ms-input-placeholder { color: #000 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle>input::-ms-input-placeholder { color: #000 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle>input::placeholder { color: #000 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label { right: 0; -webkit-transform: none; -ms-transform: none; transform: none; top: 0; width: 100%; line-height: 56px; font-size: 20px; background: none; text-align: right; border-bottom: 2px solid #000; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label:before { content: ''; z-index: -1; background: none; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label:hover,body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label:focus { cursor: pointer; border-color: #1ec459 } body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label:hover:before,body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label:focus:before { background: #f2f2f2 } body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label:hover span,body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label:focus span { background: #1ec459 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field.input-type-file .jfilestyle label span { color: #fff; background: #000; padding: 0 20px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper.selectric-open { background: #F2F2F2 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric { height: 56px; background: none; border: none; border-bottom: 2px solid #000; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric:hover,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric:focus { background: #f2f2f2 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric .button { display: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric:after { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; right: 10px; line-height: 56px; font-size: 16px; top: 0 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric .label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 15px; height: 56px; line-height: 56px; padding: 0 0 0 10px; text-transform: uppercase } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-items { background: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); box-shadow: 0 0 20px rgba(0,0,0,0.2); border: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-items .selectric-scroll ul li { padding: 8px 10px } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-items .selectric-scroll ul li.selected { background-color: #1ec459 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-items .selectric-scroll ul li.highlighted { display: block !important } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-items .selectric-scroll ul li:before { display: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-items .selectric-scroll ul li.highlighted { display: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-items .selectric-scroll ul li:hover,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-items .selectric-scroll ul li:focus { background: #f2f2f2 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .selectric-wrapper .selectric-hide-select { overflow: visible } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field:not(.frm_half).frm_civi { padding-top: 10px; padding-bottom: 30px } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field:not(.frm_half).frm_civi .frm_primary_label { display: none } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_third { clear: none; padding-bottom: 25px } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_opt_container { display: block; width: 100%; margin: 0 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_opt_container>div { display: inline-block; margin-right: 40px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_opt_container>div { margin-right:20px } } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_opt_container .frm_checkbox label { padding-left: 30px } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale { display: inline-block; width: 40px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale { margin-bottom:10px } } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale label { padding: 0; text-align: center } body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale label:hover { cursor: pointer; color: #1ec459 } body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale label:hover input { border-color: #1ec459 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale input { position: relative; display: block !important; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 1px solid #b2b2b2; padding: 0; margin: 0 auto 4px auto; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: pointer; opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale input:after { content: ''; position: absolute; width: 6px; height: 6px; top: 3px; left: 3px; background: #1ec459; border-radius: 50%; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale input:checked:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale input:hover,body:not(.no-hover) .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_scale input:focus { border-color: #1ec459 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_checkbox label,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_radio label { -webkit-transform: none; -ms-transform: none; transform: none; padding-bottom: 2px; padding-left: 25px !important; font-size: 13px; line-height: 18px; cursor: pointer; position: relative; top: 0; margin: 0; text-indent: 0; padding-left: 25px; width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_checkbox label:hover,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_radio label:hover { cursor: pointer; color: #1ec459 } .bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_checkbox label input,.bloc-form .frm_forms form .frm_form_fields fieldset .form-field .frm_radio label input { position: relative; top: -1px } .bloc-form .frm_forms form .frm_form_fields fieldset .frm_inside_container label { top: 20px; font-weight: 700 } .bloc-form .frm_forms form .frm_form_fields fieldset .section-manif .form-field .frm_primary_label { display: block !important } .bloc-form .frm_forms form .frm_form_fields fieldset .section-manif .frm_full { padding-bottom: 25px } .bloc-form .frm_forms form .frm_form_fields fieldset .section-manif .horizontal_radio { padding: 0 20px 10px } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_form_fields fieldset .section-manif .horizontal_radio { padding:0 0 10px } } .bloc-form .frm_forms form .frm_form_fields fieldset .section-manif .horizontal_radio>label { position: relative; margin-bottom: 10px; top: 0; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none } .bloc-form .frm_forms form .frm_form_fields fieldset .section-manif .horizontal_radio .frm_opt_container>div { display: block } .bloc-form .frm_forms form .frm_submit { position: relative; clear: both; text-align: left } @media screen and (max-width: 980px) { .bloc-form .frm_forms form .frm_submit { padding-top:20px } } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_submit { margin:0 } } .bloc-form .frm_forms form .frm_submit button { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 22px; height: 48px; position: relative; width: 240px; right: 0; background: #1ec459; display: inline-block; vertical-align: middle; padding: 0 !important; border-radius: 0; border: none; margin: 25px 0; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-form .frm_forms form .frm_submit button:hover,body:not(.no-hover) .bloc-form .frm_forms form .frm_submit button:focus { cursor: pointer; color: #fff; background: #1C1C1C } body:not(.no-hover) .bloc-form .frm_forms form .frm_submit button:hover:after,body:not(.no-hover) .bloc-form .frm_forms form .frm_submit button:focus:after { opacity: 1 } @media screen and (max-width: 1024px) { .bloc-form .frm_forms form .frm_submit button { margin-top:60px } } @media screen and (max-width: 760px) { .bloc-form .frm_forms form .frm_submit button { margin-top:120px } } .bloc-form .frm_forms form input[type="radio"] { display: none } .bloc-form .frm_forms form input[type="radio"]+span { background-color: #fff; border: 2px solid #000; border-radius: 50px; display: inline-block; float: left; margin-right: 7px; padding: 7px; position: relative; -webkit-appearance: none } .bloc-form .frm_forms form input[type="radio"]:checked+span { color: #31AC5B } .bloc-form .frm_forms form input[type="radio"]:checked+span:after { background: #31AC5B; border-radius: 50px; content: " "; height: 8px; left: 3px; position: absolute; top: 3px; width: 8px; font-size: 0 } .bloc-form .frm_forms form .frm_hidden_container .frm_primary_label { display: none } .bloc-form .frm_forms form .frm_hidden_container .frm_conf_label { display: block } .bloc-form .frm_forms form .frm_opt_container>.frm_checkbox { margin: 0 0 10px 0 } @media screen and (max-width: 599px) { .bloc-form .frm_forms form .frm_opt_container>.frm_checkbox { width:100% } } .bloc-form .frm_forms form .frm_checkbox label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 15px; text-transform: none; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-form .frm_forms form .frm_checkbox label:hover { color: #1ec459 } .bloc-form .frm_forms form input[type="checkbox"] { display: none } .bloc-form .frm_forms form input[type="checkbox"]+span { content: ''; position: absolute; top: 0; left: 0; float: left; margin-right: 10px; -webkit-transform: none; -ms-transform: none; transform: none; width: 18px; height: 18px; border: 2px solid #000; background: #fff; border-radius: 50%; cursor: pointer } .bloc-form .frm_forms form input[type="checkbox"]+span:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; text-shadow: 1px 1px 0 #fff,0px -2px 0 #fff; font-size: 14px; position: absolute; left: 3px; top: -15%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; color: #1ec459; -webkit-transition: all .2s; transition: all .2s; background: none; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-form .frm_forms form input[type="checkbox"]:checked+span { color: #1ec459 } .bloc-form .frm_forms form input[type="checkbox"]:checked+span:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .bloc-form .frm_forms form .jfilestyle input:not([type='checkbox']):not([type='radio']),.bloc-form .frm_forms form .jfilestyle span { display: inline-block; vertical-align: top; border-radius: 0 } .bloc-form .frm_forms form .jfilestyle input:not([type='checkbox']):not([type='radio']) label,.bloc-form .frm_forms form .jfilestyle span label { padding: 0 20px; line-height: 36px; border: none; background: #1ec459; border-radius: 0; color: #fff; font-weight: 700 } .bloc-form .frm_forms form .rc-anchor-pt { display: none } @media screen and (min-width: 600px) { .bloc-form .frm_forms form .frm_half { width:50%; float: left; margin: 0; padding: 0 10px 25px 10px } .bloc-form .frm_forms form .frm_third { width: 33.33%; float: left; margin: 0; padding: 0 10px 25px 10px } .bloc-form .frm_forms form .frm_two_thirds { float: left; margin: 0; padding: 0 10px 25px 10px } } .bloc-form p a { color: #000 } .bloc-form #field_pays+.custom-a11yselect-container .custom-a11yselect-text::before,.bloc-form #field_pays+.custom-a11yselect-container .custom-a11yselect-text::after,.bloc-form .pays_field button .custom-a11yselect-text::before,.bloc-form .pays_field button .custom-a11yselect-text::after { display: none } .bloc-form #field_pays+.custom-a11yselect-container .custom-a11yselect-icon,.bloc-form .pays_field button .custom-a11yselect-icon { position: absolute; right: 15px; top: 50%; margin-top: -7px } .selectize-control { display: none } .selectize-input { position: relative; min-height: 56px; border-bottom: 2px solid #000; padding: 0 15px; -webkit-transition: all .2s ease; transition: all .2s ease; cursor: text } .selectize-input input { font-family: "Roboto", Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 56px; width: 100% !important; -webkit-transition: none !important; transition: none !important } .selectize-input .item { font-family: "Roboto", Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 54px; position: relative; display: inline-block } .selectize-input input { padding: 0 !important; display: inline-block !important; border-bottom: 0 !important; background-color: transparent !important; height: 54px !important } .selectize-input input::-webkit-input-placeholder { color: #000 !important; text-transform: uppercase !important } .selectize-input input::-moz-placeholder { color: #000 !important; text-transform: uppercase !important } .selectize-input input:-ms-input-placeholder { color: #000 !important; text-transform: uppercase !important } .selectize-input input::-ms-input-placeholder { color: #000 !important; text-transform: uppercase !important } .selectize-input input::placeholder { color: #000 !important; text-transform: uppercase !important } .selectize-input:hover { border-bottom-color: #1ec459; background-color: #f2f2f2 } .selectize-input.full { opacity: 0 } .selectize-dropdown { position: absolute; -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.35); box-shadow: 0 0 15px 2px rgba(0,0,0,0.35); background: white; z-index: 500000000; top: 50px !important } .selectize-dropdown-content { max-height: 250px; overflow: auto; padding: 10px } .selectize-dropdown-content .option { position: relative; padding: 10px 0; font-size: 15px; cursor: pointer } .selectize-dropdown-content .option:hover { background-color: rgba(30,196,89,0.1) } .selectize-dropdown-content .option .highlight { background-color: #1ec459; color: white } .selectize-dropdown-content .option:empty { padding: 0 } .autocomplete .frm_primary_label { display: none !important } .bloc-colonne { padding: 20px 0 } .bloc-colonne:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 1024px) { .bloc-colonne { margin:0 20px } } @media screen and (max-width: 599px) { .bloc-colonne { margin:0; padding: 10px 0 } } @media screen and (max-width: 599px) { .bloc-colonne [class^="col-"]:last-child { margin-bottom:0 } .bloc-colonne [class^="col-"] .wrapper { background: #fff } } .bloc-colonne h3 { margin-bottom: 0 } .bloc-actu { position: relative; padding: 20px } @media screen and (max-width: 599px) { .bloc-actu { padding:20px 0 } } .bloc-actu>* { position: relative } .bloc-actu>a { position: relative; display: block; text-decoration: none } .bloc-actu>a img { width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .bloc-actu>a:hover,.bloc-actu>a:focus { text-decoration: none } .bloc-actu>a:hover figure img,.bloc-actu>a:focus figure img { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04) } .bloc-actu>a:hover h3:after,.bloc-actu>a:focus h3:after { width: 100% } .bloc-actu>a:hover .btn,.bloc-actu>a:focus .btn { background: #000; color: #fff } .bloc-actu .btn { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; margin: 0; padding: 13px 40px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-actu figure { margin-bottom: 0; overflow: hidden; background: #000; position: relative; overflow: hidden; width: 100% } .bloc-actu figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 68.88889% } .bloc-actu figure>.content,.bloc-actu figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media screen and (max-width: 980px) { .bloc-actu figure { position:relative; overflow: hidden } .bloc-actu figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 75% } .bloc-actu figure>.content,.bloc-actu figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } } .bloc-actu figure img { width: 100%; height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-actu .bloc-content-actu { padding: 15px 0 0; text-decoration: none } @media screen and (max-width: 599px) { .bloc-actu .bloc-content-actu { padding:15px 0 0 } } .bloc-actu .bloc-content-actu h3 { position: relative; display: inline-block; margin-bottom: 10px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-actu .bloc-content-actu h3:after { content: ''; display: block; width: 0%; height: 3px; background-color: #1ec459; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-actu .bloc-content-actu>*:first-child { margin-top: 0 } .bloc-actu .bloc-content-actu>*:last-child { margin-bottom: 0 } .bloc-actu p { margin-bottom: 15px } .bloc-actu.bloc-actu-no-text a { -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-actu.bloc-actu-no-text a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: 4px; opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-actu.bloc-actu-no-text a>div.wrapper-price { position: absolute } .bloc-actu.bloc-actu-no-text a>div { position: relative } .bloc-actu.bloc-actu-no-text a>div .basic-link { position: absolute; left: 20px; bottom: 20px } .bloc-actu.bloc-actu-no-text a>div .wrapper-price { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } .bloc-actu.bloc-actu-no-text a>div figure { position: relative; overflow: hidden } .bloc-actu.bloc-actu-no-text a>div figure:after { content: "" } .bloc-actu.bloc-actu-no-text a>div figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 68.88889% } .bloc-actu.bloc-actu-no-text a>div figure>.content,.bloc-actu.bloc-actu-no-text a>div figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .bloc-actu.bloc-actu-no-text a>div figure img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; height: 100%; opacity: 1 } .bloc-actu.bloc-actu-no-text a:hover,.bloc-actu.bloc-actu-no-text a:focus { -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } .bloc-actu.bloc-actu-no-text a:hover:after,.bloc-actu.bloc-actu-no-text a:focus:after { opacity: 1 } .bloc-actu.bloc-actu-no-text a:hover .basic-link,.bloc-actu.bloc-actu-no-text a:focus .basic-link { color: #1ec459 } .bloc-actu.bloc-actu-no-text a:hover .wrapper-price,.bloc-actu.bloc-actu-no-text a:focus .wrapper-price { -webkit-transform: none; -ms-transform: none; transform: none } .bloc-actu .basic-link { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #fff; line-height: 22px; text-transform: uppercase; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .wrapper-video { overflow: hidden; text-align: center } .bloc-video { position: relative; margin: auto } .bloc-video .btn-transcription { text-align: center !important } .bloc-video .btn-transcription .btn { margin: 30px auto; display: inline-block; float: none } body:not(.no-hover) .bloc-video .mask-video:hover .btn-ytbe { background: #000 } body:not(.no-hover) .bloc-video .mask-video:hover .btn-ytbe [class^="icon-"],body:not(.no-hover) .bloc-video .mask-video:hover .btn-ytbe [class*=" icon-"] { color: #fff } body:not(.no-hover) .bloc-video .mask-video:hover .btn-ytbe:before { color: #fff } .bloc-video .mask-video.hide-mask figure { opacity: 0 } @media screen and (max-width: 750px) { .bloc-video .mask-video.hide-mask figure { opacity:1 } } .bloc-video .mask-video.hide-mask+.embed-container { opacity: 1; z-index: 100; pointer-events: auto } .bloc-video .mask-video ~ .embed-container { opacity: 0 } .bloc-video .mask-video figure { height: 100%; opacity: 1; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out } .bloc-video .mask-video figure img { -o-object-fit: cover; object-fit: cover } .bloc-video .mask-video .btn-ytbe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 56px; height: 56px; line-height: 56px; border-radius: 50%; text-align: center; background: #1ec459; outline: none; border: none; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-video .mask-video .btn-ytbe [class^="icon-"],.bloc-video .mask-video .btn-ytbe [class*=" icon-"] { font-size: 1.4375rem; color: #000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 2px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-video .mask-video .btn-ytbe:before { color: #1ec459; font-size: 17px; position: relative; left: 2px; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:hover,body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:focus { background: #000 } body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:hover [class^="icon-"],body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:hover [class*=" icon-"],body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:focus [class^="icon-"],body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:focus [class*=" icon-"] { color: #fff } body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:hover:before,body:not(.no-hover) .bloc-video .mask-video .btn-ytbe:focus:before { color: #fff } .bloc-video .link { display: block } .bloc-video .mask-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 10; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-video .mask-video figure { background-color: #000; margin: 0; width: 100%; height: 100% } .bloc-video .mask-video figure img { vertical-align: top; width: 100%; height: 100% } .bloc-video .mask-video a { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } body:not(.no-hover) .bloc-video .mask-video a:hover span.icon-ico-lecteur:before { color: rgba(255,255,255,0.8) } .vertical { padding: 0 !important; position: absolute; right: 0; left: 100%; width: 100%; bottom: 0 } @media screen and (max-width: 599px) { .vertical { position:relative; left: 0; right: auto } } .legend { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #444; line-height: 18px; display: inline-block; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 600px } @media screen and (max-width: 599px) { .legend { -webkit-transform:none; -ms-transform: none; transform: none; width: 100%; margin-top: 10px; margin-bottom: 0 } } .embed-container { position: relative; overflow: hidden; max-width: 100%; position: relative; overflow: hidden; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out } .embed-container:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 56.25% } .embed-container>.content,.embed-container>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } #zoombox .zoombox_gallery img { display: inline-block } .wrapper-gallery { position: relative; overflow: hidden } .bloc-gallery:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .bloc-gallery .wrapper-picture { font-size: 0; text-align: center } .bloc-gallery .wrapper-picture .col-1,.bloc-gallery .wrapper-picture .col-2,.bloc-gallery .wrapper-picture .col-3 { display: inline-block; vertical-align: top } .bloc-gallery .wrapper-picture .col-1>a,.bloc-gallery .wrapper-picture .col-2>a,.bloc-gallery .wrapper-picture .col-3>a { position: relative; display: block; z-index: 5 } .bloc-gallery .wrapper-picture .col-1>a figure,.bloc-gallery .wrapper-picture .col-2>a figure,.bloc-gallery .wrapper-picture .col-3>a figure { -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-gallery .wrapper-picture .col-1>a figure img,.bloc-gallery .wrapper-picture .col-2>a figure img,.bloc-gallery .wrapper-picture .col-3>a figure img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-gallery .wrapper-picture .col-1>a:hover,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-1>a:focus,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-2>a:hover,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-2>a:focus,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-3>a:hover,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-3>a:focus { z-index: 15 } body:not(.no-hover) .bloc-gallery .wrapper-picture .col-1>a:hover figure,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-1>a:focus figure,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-2>a:hover figure,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-2>a:focus figure,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-3>a:hover figure,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-3>a:focus figure { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } body:not(.no-hover) .bloc-gallery .wrapper-picture .col-1>a:hover>span,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-1>a:focus>span,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-2>a:hover>span,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-2>a:focus>span,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-3>a:hover>span,body:not(.no-hover) .bloc-gallery .wrapper-picture .col-3>a:focus>span { opacity: 1 } .no-hover .bloc-gallery .wrapper-picture .col-1>a figure,.no-hover .bloc-gallery .wrapper-picture .col-2>a figure,.no-hover .bloc-gallery .wrapper-picture .col-3>a figure { -webkit-transform: none; -ms-transform: none; transform: none } .bloc-gallery .wrapper-picture .col-1>a>span:not(.credits),.bloc-gallery .wrapper-picture .col-2>a>span:not(.credits),.bloc-gallery .wrapper-picture .col-3>a>span:not(.credits) { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 100; width: 2.8125rem; height: 2.8125rem; background: #fff; border-radius: 50%; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-gallery .wrapper-picture .col-1>a>span:not(.credits)>span,.bloc-gallery .wrapper-picture .col-2>a>span:not(.credits)>span,.bloc-gallery .wrapper-picture .col-3>a>span:not(.credits)>span { text-align: center; font-size: 1.25rem; line-height: 2.8125rem; color: #1ec459 } .bloc-gallery .wrapper-picture .col-1>a>span:not(.credits).more-picture,.bloc-gallery .wrapper-picture .col-2>a>span:not(.credits).more-picture,.bloc-gallery .wrapper-picture .col-3>a>span:not(.credits).more-picture { opacity: 1; background: transparent; color: #fff; font-size: 1.875rem; line-height: 2.8125rem; font-weight: bold } .bloc-gallery .wrapper-picture .col-1 { width: 45% } @media screen and (max-width: 980px) { .bloc-gallery .wrapper-picture .col-1 { width:100% } } .bloc-gallery .wrapper-picture .col-1 figure img { height: 265px } @media screen and (max-width: 980px) { .bloc-gallery .wrapper-picture .col-1>a { width:50%; float: left } } @media screen and (max-width: 599px) { .bloc-gallery .wrapper-picture .col-1>a { width:100%; float: none } } .bloc-gallery .wrapper-picture .col-2 { width: 35% } @media screen and (max-width: 980px) { .bloc-gallery .wrapper-picture .col-2 { width:35% } } @media screen and (max-width: 599px) { .bloc-gallery .wrapper-picture .col-2 { width:100% } } .bloc-gallery .wrapper-picture .col-2 figure img { height: 530px } @media screen and (max-width: 599px) { .bloc-gallery .wrapper-picture .col-2 figure img { height:265px } } .bloc-gallery .wrapper-picture .col-3 { width: 20% } @media screen and (max-width: 980px) { .bloc-gallery .wrapper-picture .col-3 { width:65% } } @media screen and (max-width: 599px) { .bloc-gallery .wrapper-picture .col-3 { width:100% } } .bloc-gallery .wrapper-picture .col-3 figure img { height: 265px } .bloc-txt-img .surtitre { color: #000 } .bloc-txt-img .credits { right: 40px } .bloc-txt-img .col-50>a:not(.btn) { display: block } .bloc-txt-img .col-50 .btn { display: inline-block } .bloc-txt-img>div { position: relative; margin-top: 40px; padding: 0 } @media screen and (max-width: 599px) { .bloc-txt-img>div { margin-top:20px } } .bloc-txt-img>div:first-child { margin-top: 0 } .bloc-txt-img>div:last-child { margin-bottom: 0 } @media screen and (max-width: 599px) { .bloc-txt-img>div:last-child { margin-bottom:0 } } .bloc-txt-img>div:after { content: ""; clear: both; display: block } .bloc-txt-img>div .btn { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; padding: 13px 40px } @media screen and (max-width: 599px) { .bloc-txt-img>div { padding:0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .bloc-txt-img>div>div:first-child { float: left } @media screen and (max-width: 599px) { .bloc-txt-img>div>div:first-child { position:relative; top: 0; float: none; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .bloc-txt-img>div>div:last-child { float: right; padding: 35px 0 0 0 } @media screen and (max-width: 599px) { .bloc-txt-img>div>div:last-child { padding:0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } .bloc-txt-img>div.bloc-align-right>div>* { clear: both } .bloc-txt-img>div.bloc-align-right>div ul,.bloc-txt-img>div.bloc-align-right>div ol { float: right; clear: both } .bloc-txt-img>div.bloc-align-right>div ul:after,.bloc-txt-img>div.bloc-align-right>div ol:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .bloc-txt-img>div.bloc-align-right>div:first-child { float: right; right: 0 } @media screen and (max-width: 599px) { .bloc-txt-img>div.bloc-align-right>div:first-child { position:relative; top: 0; float: none; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .bloc-txt-img>div.bloc-align-right>div:last-child { float: left; text-align: right; padding: 35px 20px 35px 0 } @media screen and (max-width: 599px) { .bloc-txt-img>div.bloc-align-right>div:last-child { -webkit-box-ordinal-group:3; -ms-flex-order: 2; order: 2; padding: 0; text-align: left } } @media screen and (max-width: 599px) { .bloc-txt-img>div figure { margin:0 0 20px } } @media screen and (max-width: 1240px) { .bloc-txt-img>div figure img { height:100%; width: 100% } } .bloc-testimonial>div { margin: 50px auto } @media screen and (max-width: 599px) { .bloc-testimonial>div { margin:50px auto } } .bloc-testimonial>div:before { top: 50px } @media screen and (max-width: 599px) { .bloc-testimonial>div:before { top:40px } } .bloc-testimonial>div:after { bottom: 50px } @media screen and (max-width: 599px) { .bloc-testimonial>div:after { bottom:40px } } .bloc-testimonial>div .wrapper-image { position: absolute; top: 25px; bottom: 25px; right: 30px; width: 230px; z-index: 10 } @media screen and (max-width: 599px) { .bloc-testimonial>div .wrapper-image { position:relative; top: auto; right: auto; bottom: auto; margin: 0 auto } } .bloc-testimonial>div .wrapper-image+.txt { margin: 0 !important } .bloc-testimonial>div .wrapper-image figure { background: none; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.15); box-shadow: 0 20px 40px rgba(0,0,0,0.15); height: 100% } .bloc-testimonial>div .wrapper-image figure img { height: 100% } .bloc-testimonial>div .wrapper-image figure figcaption { display: none } .bloc-testimonial>div .wrapper-image .credits { right: 20px; top: 20px } .bloc-testimonial>div>div:not(.wrapper-image) { padding: 15px 40px 5px 40px; position: relative } .bloc-testimonial>div>div:not(.wrapper-image):before { content: "«"; font-family: "Roboto",Sans-Serif; font-size: 132px; font-weight: 700; color: #1ec459; line-height: 132px; position: absolute; top: -50px; left: -20px; letter-spacing: -10px } .bloc-testimonial>div>div:not(.wrapper-image):after { content: "«"; font-family: "Roboto",Sans-Serif; font-size: 78px; font-weight: 700; color: #1ec459; line-height: 78px; position: absolute; bottom: 0; right: 0; font-size: 94px; font-weight: 700; letter-spacing: -10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } @media screen and (max-width: 980px) { .bloc-testimonial>div>div:not(.wrapper-image) { padding:40px 0px 40px 60px } .bloc-testimonial>div>div:not(.wrapper-image):before { left: 0 } .bloc-testimonial>div>div:not(.wrapper-image):after { right: 0 } } @media screen and (max-width: 599px) { .bloc-testimonial>div>div:not(.wrapper-image) { padding:40px 0 } .bloc-testimonial>div>div:not(.wrapper-image):before { top: 0px; font-size: 78px; line-height: 78px } .bloc-testimonial>div>div:not(.wrapper-image):after { bottom: -30px } } .bloc-testimonial>div>div:not(.wrapper-image)>* { display: inline-block; vertical-align: top } .bloc-testimonial>div>div:not(.wrapper-image).txt { width: calc(100% - 300px); margin: auto } @media screen and (max-width: 599px) { .bloc-testimonial>div>div:not(.wrapper-image).txt { width:100%; text-align: center; padding-bottom: 10px } } .bloc-testimonial>div>div:not(.wrapper-image).txt .name { font-family: "Roboto",Sans-Serif; font-size: 34px; font-weight: 700; color: #000; line-height: 26px; text-transform: uppercase; display: block; margin-bottom: 5px } .bloc-testimonial>div>div:not(.wrapper-image).txt .fonction { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 300; color: #000; line-height: 26px; text-transform: uppercase; letter-spacing: 3px; display: block; margin-bottom: 5px } .bloc-testimonial>div>div:not(.wrapper-image).txt p { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 300; color: #000; line-height: 22px; margin: 0 0 10px 0 } .bloc-testimonial>div>div:not(.wrapper-image).txt .link { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; background-color: #1ec459; padding: 13px 40px; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-testimonial>div>div:not(.wrapper-image).txt .link:hover,body:not(.no-hover) .bloc-testimonial>div>div:not(.wrapper-image).txt .link:focus { background-color: #000; color: #fff } .bloc-slider .owl-slider { height: calc(100vh - 80px) } @media screen and (max-width: 599px) { .bloc-slider .owl-slider { height:calc(100vh - 60px) } } .bloc-slider .owl-slider .owl-stage-outer { height: 100% } .bloc-slider .owl-slider .owl-stage-outer .owl-stage { height: 100% } .bloc-slider .owl-slider .owl-item { height: 100% } .bloc-slider .owl-slider .owl-item .item { height: 100% } .bloc-slider .owl-slider .owl-item .item figure { position: relative; height: 100% } .bloc-slider .owl-slider .owl-item .item figure img { height: 100% } .bloc-slider .owl-slider .owl-dots { bottom: 71px; top: auto } @media screen and (max-width: 980px) { .bloc-slider .owl-slider .owl-dots { right:30px } } @media screen and (max-width: 599px) { .bloc-slider .owl-slider .owl-dots { display:none !important } } .bloc-slider .owl-slider .owl-dots .owl-dot:before { left: 4px } .bloc-slider .owl-slider .owl-nav { position: absolute; right: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 999999; top: auto; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none } @media screen and (max-width: 980px) { .bloc-slider .owl-slider .owl-nav { right:27px } } @media screen and (max-width: 599px) { .bloc-slider .owl-slider .owl-nav { display:none !important } } .bloc-slider .owl-slider .owl-nav .owl-prev,.bloc-slider .owl-slider .owl-nav .owl-next { color: #fff; font-size: 20px; margin: 47px 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-slider .owl-slider .owl-nav .owl-prev,.bloc-slider .owl-slider .owl-nav .owl-next { font-size:14px; margin: 50px 0 } } .bloc-slider .owl-slider .owl-nav .owl-prev [class^="icon-"],.bloc-slider .owl-slider .owl-nav .owl-prev [class*=" icon-"],.bloc-slider .owl-slider .owl-nav .owl-next [class^="icon-"],.bloc-slider .owl-slider .owl-nav .owl-next [class*=" icon-"] { color: #fff; font-size: 19px } @media screen and (max-width: 599px) { .bloc-slider.bloc-image .owl-slider .owl-nav { display:-webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 20px; left: 20px; width: 100%; right: auto } .bloc-slider.bloc-image .owl-slider .owl-nav .owl-prev,.bloc-slider.bloc-image .owl-slider .owl-nav .owl-next { margin: 20px 0 } .bloc-slider.bloc-image .owl-slider .owl-nav .owl-prev button:focus,.bloc-slider.bloc-image .owl-slider .owl-nav .owl-next button:focus { -webkit-transform: none; -ms-transform: none; transform: none } .bloc-slider.bloc-image .owl-slider .owl-nav .owl-prev span,.bloc-slider.bloc-image .owl-slider .owl-nav .owl-next span { color: #fff; font-size: 25px !important } } @media screen and (max-width: 599px) { .bloc-slider.bloc-image .owl-slider .owl-dots { display:block !important; position: absolute; top: 90px; left: 20px; height: auto; bottom: auto } } .caption-image-full { position: absolute; top: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); text-align: center; margin: 0 auto; z-index: 40; width: 100% } @media screen and (max-width: calc(1200px + 80px + 80px)) { .caption-image-full { width:calc(100% - 220px) } } @media screen and (max-width: 980px) { .caption-image-full { width:calc(100% - 160px) } } @media screen and (max-width: 599px) { .caption-image-full { position:absolute; margin: 0; right: auto; width: calc(100% - 40px); margin-left: 0 !important; padding: 0 } } .caption-image-full ~ figure:before { content: ''; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000); background: linear-gradient(180deg, rgba(0,0,0,0), #000); z-index: 30 } .caption-image-full ~ figure:after { content: ''; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000); background: linear-gradient(180deg, rgba(0,0,0,0), #000); z-index: 30 } @media screen and (max-width: 599px) { .caption-image-full ~ figure:after { opacity:0.5; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), #000); background: linear-gradient(0deg, rgba(0,0,0,0), #000) } } .caption-image-full>* { max-width: 100% } .caption-image-full h2 { color: #fff; margin-top: 0 } .caption-image-full p { color: #fff; max-width: 100% } .caption-image-full .link { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #1ec459; line-height: 24px; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .caption-image-full .link:hover,body:not(.no-hover) .caption-image-full .link:focus { color: #fff } .caption-image-full .surtitre { color: #fff } .caption-image-full .intro-title { max-width: 65%; margin: auto; margin-bottom: 30px } @media screen and (max-width: calc(1200px + 80px + 80px)) { .caption-image-full .intro-title { max-width:45% } } @media screen and (max-width: 980px) { .caption-image-full .intro-title { max-width:100% } } .caption-image-full .intro-container { position: relative; background-color: #fff; padding: 40px 100px 26px 100px } @media screen and (max-width: calc(1200px + 80px + 80px)) { .caption-image-full .intro-container { padding:40px 200px 26px 200px } } @media screen and (max-width: 980px) { .caption-image-full .intro-container { padding:40px 80px 26px 80px } } @media screen and (max-width: 599px) { .caption-image-full .intro-container { padding:20px 20px } } .caption-image-full .intro-container p,.caption-image-full .intro-container a { color: #000 } .bloc-mosaique { overflow: hidden } .bloc-mosaique:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .bloc-mosaique .bloc-cover-img { position: absolute; top: -80px; right: 0; background: none } @media screen and (max-width: 1024px) { .bloc-mosaique .bloc-cover-img { max-width:330px; top: -60px } } @media screen and (max-width: 980px) { .bloc-mosaique .bloc-cover-img { position:relative; top: 0; width: 100%; margin-left: auto; margin-top: -80px; margin-bottom: -120px; max-width: 200px } } @media screen and (max-width: 599px) { .bloc-mosaique .bloc-cover-img { margin-right:-40px; margin-top: -60px; margin-bottom: -100px } } .bloc-mosaique .bloc-cover-img:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; height: 100%; width: 50%; z-index: 500; background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%, #fff 100%); background: linear-gradient(45deg, rgba(255,255,255,0) 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1) } .bloc-mosaique .bloc-cover-img img { height: 100% } .bloc-mosaique .txt { max-width: 800px } @media screen and (max-width: 1200px) { .bloc-mosaique .txt { max-width:600px } } .bloc-mosaique .wrapper-mosaique { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 980px) { .bloc-mosaique .wrapper-mosaique { -ms-flex-wrap:wrap; flex-wrap: wrap } } .bloc-mosaique .wrapper-mosaique__gauche,.bloc-mosaique .wrapper-mosaique__centre,.bloc-mosaique .wrapper-mosaique__droite { width: 494px; margin-right: 20px } @media screen and (max-width: calc(1200px + 80px + 80px)) { .bloc-mosaique .wrapper-mosaique__gauche,.bloc-mosaique .wrapper-mosaique__centre,.bloc-mosaique .wrapper-mosaique__droite { width:387px } } @media screen and (max-width: 980px) { .bloc-mosaique .wrapper-mosaique__gauche,.bloc-mosaique .wrapper-mosaique__centre,.bloc-mosaique .wrapper-mosaique__droite { width:calc(50% - 10px) } } @media screen and (max-width: 599px) { .bloc-mosaique .wrapper-mosaique__gauche,.bloc-mosaique .wrapper-mosaique__centre,.bloc-mosaique .wrapper-mosaique__droite { width:100%; margin-right: 0 } } .bloc-mosaique .wrapper-mosaique__gauche .large .wrapper-image,.bloc-mosaique .wrapper-mosaique__centre .large .wrapper-image,.bloc-mosaique .wrapper-mosaique__droite .large .wrapper-image { height: 540px } @media screen and (max-width: 980px) { .bloc-mosaique .wrapper-mosaique__gauche .large .wrapper-image,.bloc-mosaique .wrapper-mosaique__centre .large .wrapper-image,.bloc-mosaique .wrapper-mosaique__droite .large .wrapper-image { height:270px } } .bloc-mosaique .wrapper-mosaique__gauche .small .wrapper-image,.bloc-mosaique .wrapper-mosaique__centre .small .wrapper-image,.bloc-mosaique .wrapper-mosaique__droite .small .wrapper-image { height: 270px } @media screen and (max-width: 980px) { .bloc-mosaique .wrapper-mosaique__centre { margin-right:0 } } .bloc-mosaique .wrapper-mosaique__droite { margin-right: 0 } @media screen and (max-width: 980px) { .bloc-mosaique .wrapper-mosaique__droite { display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } } @media screen and (max-width: 980px) { .bloc-mosaique .wrapper-mosaique__droite .item { width:calc(50% - 10px) } } @media screen and (max-width: 599px) { .bloc-mosaique .wrapper-mosaique__droite .item { width:100% } } @media screen and (max-width: 980px) { .bloc-mosaique .wrapper-mosaique__droite .item.small { margin-right:20px } } @media screen and (max-width: 599px) { .bloc-mosaique .wrapper-mosaique__droite .item.small { margin-right:0 } } .bloc-mosaique .item { position: relative; margin-top: 20px; display: block; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-mosaique .item:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; height: 4px; opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } body:not(.no-hover) .bloc-mosaique .item:hover:after,body:not(.no-hover) .bloc-mosaique .item:focus:after { opacity: 1 } body:not(.no-hover) .bloc-mosaique .item:hover .wrapper-image,body:not(.no-hover) .bloc-mosaique .item:focus .wrapper-image { -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.35); box-shadow: 0 0 30px 0 rgba(0,0,0,0.35) } body:not(.no-hover) .bloc-mosaique .item:hover .wrapper-image figure:after,body:not(.no-hover) .bloc-mosaique .item:focus .wrapper-image figure:after { opacity: 1 } body:not(.no-hover) .bloc-mosaique .item:hover .wrapper-image .link,body:not(.no-hover) .bloc-mosaique .item:focus .wrapper-image .link { display: block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; text-align: center; right: 20px; text-transform: uppercase } .no-hover .bloc-mosaique .item { -webkit-box-shadow: none; box-shadow: none } .no-hover .bloc-mosaique .item:after { content: none } .no-hover .bloc-mosaique .item .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-mosaique .item .caption .link { opacity: 1 } @media screen and (max-width: 599px) { .no-hover .bloc-mosaique .item .caption .link { display:none } } .bloc-mosaique .item figure:after { content: ""; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { .bloc-mosaique .item figure img { -o-object-fit:cover; object-fit: cover; font-family: 'object-fit: cover'; width: 100% } } .bloc-mosaique .item.large .caption { bottom: 0 } .bloc-mosaique .item.large .caption h3 { max-width: calc(100% - 20px) } .bloc-mosaique .item.small .caption { bottom: -10px } .bloc-mosaique .item .caption { position: static; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-mosaique .item .caption>* { max-width: 75% } @media screen and (max-width: 980px) { .bloc-mosaique .item .caption>* { max-width:100% } } .bloc-mosaique .item .caption>*:last-child { margin: 0 } .bloc-mosaique .item .caption>span { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 400; color: #000; line-height: 26px; text-transform: uppercase; display: block; letter-spacing: 4px } .bloc-mosaique .item .caption h3 { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #000; line-height: 26px; margin-bottom: 10px; margin-top: -4px } .bloc-mosaique .item .caption p { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #fff; line-height: 18px; margin-bottom: 8px } .bloc-mosaique .item .caption .link { display: block; font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #1ec459; line-height: 25px; letter-spacing: 0; text-align: center; right: 20px; text-transform: uppercase; opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-mosaique .item .wrapper-image { position: relative; margin-bottom: 10px; overflow: hidden } .bloc-mosaique .item .wrapper-image .link { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; display: block; background-color: #1ec459; text-align: center; padding: 13px 40px; position: absolute; left: 20px; right: 20px; bottom: 20px; opacity: 0; -webkit-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%); -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-tiers { overflow: hidden } .bloc-tiers h2 { font-family: "Roboto",Sans-Serif; font-size: 60px; font-weight: 700; color: #000; line-height: 64px; text-align: center } .bloc-tiers p { width: 70%; margin: auto; text-align: center } @media screen and (max-width: 599px) { .bloc-tiers p { width:100% } } .bloc-tiers .content-wrapper+.wrapper { margin-top: 35px } .bloc-tiers .wrapper:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .bloc-tiers .col-33 a { position: relative; display: block; height: 620px; z-index: 1 } @media screen and (min-width: 1600px) { .bloc-tiers .col-33 a { height:800px } } @media screen and (max-width: 1024px) { .bloc-tiers .col-33 a { height:500px } } @media screen and (max-width: 980px) { .bloc-tiers .col-33 a { height:400px } } .bloc-tiers .col-33 a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; width: 100%; background: #fff; z-index: 10; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-tiers .col-33 a:hover,body:not(.no-hover) .bloc-tiers .col-33 a:focus { z-index: 1000 } body:not(.no-hover) .bloc-tiers .col-33 a:hover:before,body:not(.no-hover) .bloc-tiers .col-33 a:focus:before { opacity: 1; top: -20px; left: -20px; right: -20px; bottom: -20px; width: calc(100% + 40px); z-index: 5 } body:not(.no-hover) .bloc-tiers .col-33 a:hover figure,body:not(.no-hover) .bloc-tiers .col-33 a:focus figure { left: -20px; right: -20px; bottom: -20px; width: calc(100% + 40px); height: calc(100% + 40px); position: relative; top: -20px } body:not(.no-hover) .bloc-tiers .col-33 a:hover .caption .btn,body:not(.no-hover) .bloc-tiers .col-33 a:focus .caption .btn { background: #fff; color: #000 !important } .no-hover .bloc-tiers .col-33 a:before { content: none } .no-hover .bloc-tiers .col-33 a figure { position: relative } .bloc-tiers .col-33 a figure { z-index: 50; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-tiers .col-33 a figure:after { content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000); background: linear-gradient(180deg, rgba(0,0,0,0), #000); z-index: 50 } .bloc-tiers .col-33 a figure img { width: 100%; height: 100% } .bloc-tiers .col-33 a .caption { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; left: 25px; right: 25px; bottom: 40px; z-index: 1000 } @media screen and (max-width: 980px) { .bloc-tiers .col-33 a .caption { bottom:20px } } @media screen and (max-width: 599px) { .bloc-tiers .col-33 a .caption { left:20px; right: 20px } } .bloc-tiers .col-33 a .caption>* { max-width: 80%; text-align: left } @media screen and (max-width: 1024px) { .bloc-tiers .col-33 a .caption>* { max-width:100% } } .bloc-tiers .col-33 a .caption h3 { font-family: "Roboto",Sans-Serif; font-size: 40px; font-weight: 700; color: #fff; line-height: 38px; margin-bottom: 20px } @media screen and (max-width: 980px) { .bloc-tiers .col-33 a .caption h3 { font-size:1.875rem; line-height: 1.75rem } } .bloc-tiers .col-33 a .caption p { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #fff; line-height: 19px; width: 100%; margin: 0 0 20px 0 } .bloc-tiers .col-33 a .caption .btn { margin: 0 } body:not(.no-hover) .bloc-tiers .col-33 a .caption .btn:hover,body:not(.no-hover) .bloc-tiers .col-33 a .caption .btn:focus { color: #000 } .bloc-instagram { overflow: hidden } @media screen and (max-width: 599px) { .bloc-instagram .owl-social { padding-left:40px !important } } .bloc-instagram .owl-social .owl-stage-outer { margin-left: 40px } @media screen and (max-width: 599px) { .bloc-instagram .owl-social .owl-stage-outer { margin-left:0 } } .bloc-instagram .owl-social .owl-item .item iframe { width: 100%; min-width: auto !important } @media screen and (max-width: 420px) { .bloc-instagram .owl-social .owl-item .item iframe { width:280px !important } } .bloc-instagram .owl-social .owl-item .item iframe a:focus { outline: 1px dashed #000 !important } .bloc-instagram .owl-social .owl-nav { display: block; position: absolute; left: -40px; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } @media screen and (max-width: 1280px) { .bloc-instagram .owl-social .owl-nav { left:-20px } } @media screen and (max-width: 1024px) { .bloc-instagram .owl-social .owl-nav { left:10px } } @media screen and (max-width: 599px) { .bloc-instagram .owl-social .owl-nav { left:5px } } .bloc-instagram .owl-social .owl-nav .owl-prev,.bloc-instagram .owl-social .owl-nav .owl-next { color: #1ec459; font-size: 14px; margin: 50px 0; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-instagram .owl-social .owl-nav .owl-prev button [class^="icon-"],.bloc-instagram .owl-social .owl-nav .owl-prev button [class*=" icon-"],.bloc-instagram .owl-social .owl-nav .owl-next button [class^="icon-"],.bloc-instagram .owl-social .owl-nav .owl-next button [class*=" icon-"] { font-size: 19px } .bloc-instagram .owl-social .owl-nav .owl-prev:hover,.bloc-instagram .owl-social .owl-nav .owl-prev:focus,.bloc-instagram .owl-social .owl-nav .owl-next:hover,.bloc-instagram .owl-social .owl-nav .owl-next:focus { color: #000 } .bloc-instagram .owl-social .owl-dots { left: -40px; right: auto; top: 40%; display: block } @media screen and (max-width: 1280px) { .bloc-instagram .owl-social .owl-dots { left:-20px } } @media screen and (max-width: 1024px) { .bloc-instagram .owl-social .owl-dots { left:10px } } @media screen and (max-width: 599px) { .bloc-instagram .owl-social .owl-dots { left:5px } } .bloc-instagram .owl-social .owl-dots:after { color: #000 } .bloc-instagram .owl-social .owl-dot.active:before { color: #000 } .bloc-social-wall h3 { font-family: "Roboto",Sans-Serif; font-size: 320px; font-weight: 700; color: rgba(0,0,0,0.1); line-height: 150px; text-align: center; text-transform: uppercase; margin: 0; margin-bottom: -120px } @media screen and (max-width: 1280px) { .bloc-social-wall h3 { font-size:17.5rem; line-height: 6.25rem; margin-bottom: -60px } } @media screen and (max-width: 1100px) { .bloc-social-wall h3 { font-size:13.75rem } } @media screen and (max-width: 1024px) { .bloc-social-wall h3 { font-size:12.5rem; line-height: 3.125rem; margin-bottom: -60px } } @media screen and (max-width: 980px) { .bloc-social-wall h3 { font-size:11.5625rem } } @media screen and (max-width: 800px) { .bloc-social-wall h3 { font-size:4.6875rem; line-height: 6.25rem; margin: 0; margin-top: -40px } } .bloc-social-wall .content-wrapper:after { content: ''; display: block; clear: both } .bloc-social-wall .content-wrapper>div { float: left; width: 50%; padding: 0 40px } @media screen and (max-width: 980px) { .bloc-social-wall .content-wrapper>div { padding:0 20px } } @media screen and (max-width: 599px) { .bloc-social-wall .content-wrapper>div { float:none; padding: 0; width: 100% } .bloc-social-wall .content-wrapper>div.facebook { margin-bottom: 20px } } .bloc-social-wall .content-wrapper>div.facebook span:before { content: "\e906"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; color: #2d3f9a; margin-right: 10px; font-size: 1.5rem; line-height: 1.875rem } .bloc-social-wall .content-wrapper>div.facebook figure { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .bloc-social-wall .content-wrapper>div.facebook figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .bloc-social-wall .content-wrapper>div.facebook figure>.content,.bloc-social-wall .content-wrapper>div.facebook figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .bloc-social-wall .content-wrapper>div.facebook figure img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .bloc-social-wall .content-wrapper>div span { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 30px; display: block; text-transform: uppercase; margin-bottom: 15px } @media screen and (max-width: 980px) { .bloc-social-wall .content-wrapper>div span { font-size:1.5625rem } } @media (orientation: landscape) and (max-width: 730px) { .bloc-social-wall .content-wrapper>div span { font-size:1.375rem } } .bloc-social-wall .content-wrapper>div span a { color: #1ec459 } body:not(.no-hover) .bloc-social-wall .content-wrapper>div span a:hover,body:not(.no-hover) .bloc-social-wall .content-wrapper>div span a:focus { color: #000 } .bloc-social-wall .content-wrapper>div span img { float: left; margin-right: 10px; line-height: 30px } body:not(.no-hover) .bloc-social-wall .content-wrapper>div a:hover img,body:not(.no-hover) .bloc-social-wall .content-wrapper>div a:focus img { opacity: 0.6 } .bloc-social-wall .content-wrapper>div a figure img { -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-social-wall .content-wrapper>div .wrapper>* { width: 33.33%; float: left; position: relative } .bloc-social-wall .content-wrapper>div .wrapper>* figure { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .bloc-social-wall .content-wrapper>div .wrapper>* figure:before { display: block; content: ""; width: 100%; padding-bottom: 0px; padding-top: 100% } .bloc-social-wall .content-wrapper>div .wrapper>* figure>.content,.bloc-social-wall .content-wrapper>div .wrapper>* figure>.wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .bloc-social-wall .content-wrapper>div .wrapper>* figure img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .bloc-agenda { overflow: hidden } .bloc-agenda>div>div { position: relative } .bloc-agenda>div>div .txt { max-width: 800px } @media screen and (max-width: 1024px) { .bloc-agenda>div>div .txt { max-width:50% } } @media screen and (max-width: 980px) { .bloc-agenda>div>div .txt { max-width:100% } } .bloc-agenda>div>div .btn { position: absolute; right: 0; margin: 0; bottom: -10px } @media screen and (max-width: 980px) { .bloc-agenda>div>div .btn { position:relative; bottom: 0; margin-bottom: 20px } } .bloc-agenda>div>div .btn:focus { outline: 1px dashed #000 } .bloc-agenda .owl-cards { padding: 20px 0 20px 40px } .bloc-agenda .owl-cards:not(.owl-loaded) { display: block } .bloc-agenda .owl-cards:not(.owl-loaded) .item { display: none } .bloc-agenda .owl-cards:not(.owl-loaded) .item:first-child { display: block } .bloc-agenda .owl-cards .owl-stage-outer { overflow: visible } .bloc-agenda .owl-cards .owl-stage-outer .owl-item { -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .bloc-agenda .owl-cards .owl-stage-outer .owl-item:not(.active) { opacity: 0; visibility: hidden } .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify { opacity: 0; -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover,body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus { cursor: default; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none } body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover:after,body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus:after { opacity: 0 } body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover .event-date,body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus .event-date { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover .caption,body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus .caption { -webkit-transform: none; -ms-transform: none; transform: none } body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:hover .caption .link,body:not(.no-hover) .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda:focus .caption .link { opacity: 0 } .no-hover .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda .caption { -webkit-transform: none; -ms-transform: none; transform: none } .no-hover .bloc-agenda .owl-cards .owl-stage-outer .owl-item.opacify .bloc-card-agenda .caption .link { opacity: 1 } .bloc-agenda .owl-cards .owl-stage-outer .owl-item.active { opacity: 1 } .bloc-agenda .owl-cards .item { padding-top: 20px; width: 300px } @media screen and (max-width: 599px) { .bloc-agenda .owl-cards .item { min-width:auto; width: 250px } } .bloc-agenda .owl-cards .item figure img { height: auto } .bloc-agenda .owl-cards .owl-nav { display: block; position: absolute; left: 0px; top: calc(50% - 57px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 99999 } .bloc-agenda .owl-cards .owl-nav .owl-prev,.bloc-agenda .owl-cards .owl-nav .owl-next { z-index: 99999 } .bloc-agenda .owl-cards .owl-nav .owl-prev button,.bloc-agenda .owl-cards .owl-nav .owl-next button { color: #000; font-size: 14px; margin: 25px 0; border: none; outline: none; background: none; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 99999 } body:not(.no-hover) .bloc-agenda .owl-cards .owl-nav .owl-prev button:hover,body:not(.no-hover) .bloc-agenda .owl-cards .owl-nav .owl-prev button:focus,body:not(.no-hover) .bloc-agenda .owl-cards .owl-nav .owl-next button:hover,body:not(.no-hover) .bloc-agenda .owl-cards .owl-nav .owl-next button:focus { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } .bloc-agenda .owl-cards .owl-dots { left: 0; right: auto; top: calc(50% - 60px) } .bloc-agenda .owl-cards .owl-dots:after { font-family: "Roboto",Sans-Serif; font-size: 18px; font-weight: 700; color: #000; line-height: 24px } .bloc-agenda .owl-cards .owl-dots.disabled { display: block } .bloc-agenda .owl-cards .owl-dot { margin-right: 3px } @media screen and (min-width: 1600px) { .bloc-agenda .owl-cards .owl-dot { margin-right:5px } } @media screen and (max-width: 1024px) { .bloc-agenda .owl-cards .owl-dot { margin-right:2px } } @media screen and (max-width: 599px) { .bloc-agenda .owl-cards .owl-dot { margin-right:3px } } .bloc-agenda .owl-cards .owl-dot.active:before { padding-left: 0px; font-family: "Roboto",Sans-Serif; font-size: 1.125rem; font-weight: 700; color: #000; line-height: 1.5rem } @media screen and (max-width: 599px) { .bloc-agenda .owl-cards .owl-dot.active:before { padding-left:2px } } .bloc-agenda .caption { position: static } .facette-exp>* { float: left; line-height: 35px; height: 2.3125rem; margin-right: 10px } @media screen and (max-width: 599px) { .facette-exp>* { width:100%; height: auto } } .facette-exp .text-sup,.facette-exp .text-prec { font-family: "Roboto",Sans-Serif; text-transform: uppercase; font-weight: 700; line-height: 24px; font-size: 1.625rem; vertical-align: middle; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 2.3125rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 599px) { .facette-exp .text-sup,.facette-exp .text-prec { font-size:1.5rem; height: auto } } @media screen and (max-width: calc(1200px + 80px + 80px)) { .facette-exp .text-sup { width:100% } } @media screen and (max-width: 599px) { .facette-date { margin:10px 0 } } .facette-date .wrapper-date { margin-right: 10px; position: relative; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .facette-date .wrapper-date:hover input,body:not(.no-hover) .facette-date .wrapper-date:focus input { cursor: pointer; color: #000 } .facette-date .reset-reserv { font-size: 10px !important } body:not(.no-hover) .facette-date .reset-reserv:hover { color: #1ec459 } .facette-date input { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 24px; border: none; border-radius: 0; width: 70px; background: none; -webkit-transition: all .2s ease; transition: all .2s ease } .facette-date input::-webkit-input-placeholder { color: #1ec459 } .facette-date input::-moz-placeholder { color: #1ec459 } .facette-date input:-ms-input-placeholder { color: #1ec459 } .facette-date input::-ms-input-placeholder { color: #1ec459 } .facette-date input::placeholder { color: #1ec459 } .facette-date input::-webkit-input-placeholder { opacity: 1 } .facette-date input::-moz-placeholder { opacity: 1 } .facette-date input:-ms-input-placeholder { opacity: 1 } .facette-date input:focus { cursor: default } .facette-date .icon-calendar { margin-right: 5px; position: relative; top: 2px; font-size: 20px; -webkit-transition: all .2s ease; transition: all .2s ease } .facette-date span,.facette-date label { display: inline-block; vertical-align: middle; font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase } @media screen and (max-width: 599px) { .facette-date span,.facette-date label { font-size:20px } } .facette-date span.label,.facette-date label.label { font-weight: 700; margin: 0 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .2s ease; transition: all .2s ease } .facette-date span.label:after,.facette-date label.label:after { content: "\e908"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; margin-left: 5px } body:not(.no-hover) .facette-date span.label:hover,body:not(.no-hover) .facette-date span.label:focus,body:not(.no-hover) .facette-date label.label:hover,body:not(.no-hover) .facette-date label.label:focus { color: #1ec459 } .facette-select label { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -ms-flex-item-align: start; align-self: flex-start } .facette-select .selectric-wrapper { display: inline-block; vertical-align: middle } .facette-select .selectric-wrapper .selectric { border: none; background: none } .facette-select .selectric-wrapper .selectric:after { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; float: right; position: absolute; right: 0; z-index: 100; top: 0; line-height: 38px; font-size: 24px } .facette-select .selectric-wrapper .selectric .label { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #1ec459; line-height: 38px; text-transform: uppercase; margin-left: 2px; margin-right: 28px; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .facette-select .selectric-wrapper .selectric .label:hover { color: #000 } .facette-select .selectric-wrapper .selectric .button { display: none } .facette-select .selectric-wrapper .selectric-items { width: 200px !important; border: none; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); background: #fff; border-radius: 8px } .facette-select .selectric-wrapper .selectric-items .selectric-scroll>ul { float: none } .facette-select .selectric-wrapper .selectric-items .selectric-scroll>ul li { display: block; margin: 0; height: auto; padding: 8px 15px; font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .facette-select .selectric-wrapper .selectric-items .selectric-scroll>ul li:hover { color: #1ec459; background: #F2F2F2 } .facette-select .selectric-wrapper .selectric-items .selectric-scroll>ul li.highlighted,.facette-select .selectric-wrapper .selectric-items .selectric-scroll>ul li.selected { background: #F2F2F2 } .wrapper-progressbar { position: relative; bottom: 86px; z-index: 1000; height: 2px; background: #6f787c; opacity: 0; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition: all .2s ease; transition: all .2s ease } .wrapper-progressbar.fade-display { opacity: 1 } @media screen and (max-width: 599px) { .wrapper-progressbar { display:none } } .wrapper-progressbar span { position: absolute; left: 0; top: 0; bottom: 0; background: #1ec459 } .section-wrapper-facette { position: relative; z-index: 1500; background: #fff; margin-top: -87px; opacity: 0; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition: all .2s ease; transition: all .2s ease } .section-wrapper-facette.fade-display { opacity: 1 } @media screen and (max-width: 599px) { .section-wrapper-facette { margin-top:0 } } .section-wrapper-facette:after { content: ''; clear: both; display: block } @media screen and (max-width: 599px) { .section-wrapper-facette { margin-bottom:0 } } .section-wrapper-facette+.bloc-mosaique { padding-top: 100px !important } @media screen and (max-width: 980px) { .section-wrapper-facette+.bloc-mosaique { padding-top:60px !important } } .section-wrapper-facette .choices { position: relative; float: left; padding: 0 25px 0 20px; margin: 18px 0; width: auto; text-align: center; font-size: 0 } @media screen and (max-width: 1100px) { .section-wrapper-facette .choices:after { content:none } } @media screen and (max-width: 1100px) { .section-wrapper-facette .choices { width:100% } } .section-wrapper-facette .choices>a { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 24px; display: inline-block; vertical-align: middle; width: 95px; height: 24px; text-align: center; text-transform: uppercase; padding: 10px 15px; border: 2px solid #cccccc; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .section-wrapper-facette .choices>a:hover,body:not(.no-hover) .section-wrapper-facette .choices>a:focus,body:not(.no-hover) .section-wrapper-facette .choices>a.active { background: #1ec459; color: #fff; border-color: #1ec459 } @media screen and (max-width: 1100px) { .section-wrapper-facette .choices>a { width:calc(50% - 60px) } } @media screen and (max-width: 360px) { .section-wrapper-facette .choices>a { font-size:15px } } .section-wrapper-facette .choices span { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 24px; display: inline-block; vertical-align: middle; margin: 0 15px } .section-wrapper-facette form,.section-wrapper-facette #outoverlay { float: left; height: 85px; padding: 0 25px; display: none } @media screen and (max-width: 1100px) { .section-wrapper-facette form,.section-wrapper-facette #outoverlay { float:none; height: 100%; padding: 30px } } .section-wrapper-facette form>*,.section-wrapper-facette #outoverlay>* { line-height: 85px } .section-wrapper-facette form>*>*,.section-wrapper-facette #outoverlay>*>* { display: inline-block; vertical-align: middle } .section-wrapper-facette form.form-inspire,.section-wrapper-facette form.form-reserve,.section-wrapper-facette #outoverlay.form-inspire,.section-wrapper-facette #outoverlay.form-reserve { display: none } .section-wrapper-facette form.form-inspire.display-form,.section-wrapper-facette form.form-reserve.display-form,.section-wrapper-facette #outoverlay.form-inspire.display-form,.section-wrapper-facette #outoverlay.form-reserve.display-form { display: block } @media screen and (max-width: 1100px) { .section-wrapper-facette form.form-inspire,.section-wrapper-facette form.form-reserve,.section-wrapper-facette #outoverlay.form-inspire,.section-wrapper-facette #outoverlay.form-reserve { position:absolute; left: 0; right: 0; bottom: 155px; background: #fff; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); width: calc(100% - 60px); margin: auto; padding: 15px 30px } } @media screen and (max-width: 599px) { .section-wrapper-facette form.form-inspire,.section-wrapper-facette form.form-reserve,.section-wrapper-facette #outoverlay.form-inspire,.section-wrapper-facette #outoverlay.form-reserve { width:calc(100% - 60px); height: 100% } } @media screen and (max-width: 599px) { .section-wrapper-facette form.form-reserve,.section-wrapper-facette #outoverlay.form-reserve { height:170px; bottom: 120px; padding-bottom: 25px } } @media screen and (max-width: 599px) { .section-wrapper-facette form.form-reserve .wrap-submit,.section-wrapper-facette #outoverlay.form-reserve .wrap-submit { bottom:-10px } } @media screen and (max-width: 599px) { .section-wrapper-facette form.form-inspire,.section-wrapper-facette #outoverlay.form-inspire { padding-bottom:26px } } @media screen and (max-width: 599px) { .section-wrapper-facette form.form-inspire .wrap-submit,.section-wrapper-facette #outoverlay.form-inspire .wrap-submit { bottom:-10px } } @media screen and (max-width: 599px) { .section-wrapper-facette form .facette-date,.section-wrapper-facette form .facette-select,.section-wrapper-facette #outoverlay .facette-date,.section-wrapper-facette #outoverlay .facette-select { height:100%; line-height: 50px; display: block } } @media screen and (max-width: 1170px) { .section-wrapper-facette form .facette-date .wrapper-date:after,.section-wrapper-facette form .facette-select .wrapper-date:after,.section-wrapper-facette #outoverlay .facette-date .wrapper-date:after,.section-wrapper-facette #outoverlay .facette-select .wrapper-date:after { top:46% } } @media screen and (max-width: 1170px) { .section-wrapper-facette form .facette-date input,.section-wrapper-facette form .facette-date label,.section-wrapper-facette form .facette-select input,.section-wrapper-facette form .facette-select label,.section-wrapper-facette #outoverlay .facette-date input,.section-wrapper-facette #outoverlay .facette-date label,.section-wrapper-facette #outoverlay .facette-select input,.section-wrapper-facette #outoverlay .facette-select label { font-size:22px } } @media screen and (max-width: 1170px) { .section-wrapper-facette form .facette-date input,.section-wrapper-facette form .facette-select input,.section-wrapper-facette #outoverlay .facette-date input,.section-wrapper-facette #outoverlay .facette-select input { width:75px } } @media screen and (max-width: 1170px) { .section-wrapper-facette form .facette-date .selectric-wrapper .selectric .label,.section-wrapper-facette form .facette-select .selectric-wrapper .selectric .label,.section-wrapper-facette #outoverlay .facette-date .selectric-wrapper .selectric .label,.section-wrapper-facette #outoverlay .facette-select .selectric-wrapper .selectric .label { font-size:22px } } .section-wrapper-facette form .wrap-submit,.section-wrapper-facette #outoverlay .wrap-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 170px; z-index: 10 } .section-wrapper-facette form .wrap-submit span,.section-wrapper-facette #outoverlay .wrap-submit span { display: none } @media screen and (max-width: 1280px) { .section-wrapper-facette form .wrap-submit,.section-wrapper-facette #outoverlay .wrap-submit { width:100px } .section-wrapper-facette form .wrap-submit span,.section-wrapper-facette #outoverlay .wrap-submit span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-size: 30px; line-height: 85px; text-align: center; display: block !important; pointer-events: none; -webkit-transition: all .2s ease; transition: all .2s ease } } @media screen and (max-width: 1280px) and (max-width: 1100px) { .section-wrapper-facette form .wrap-submit span,.section-wrapper-facette #outoverlay .wrap-submit span { line-height:50px; font-size: 30px } } @media screen and (max-width: 1280px) { .section-wrapper-facette form .wrap-submit input,.section-wrapper-facette #outoverlay .wrap-submit input { font-size:0 } } @media screen and (max-width: 1100px) { .section-wrapper-facette form .wrap-submit,.section-wrapper-facette #outoverlay .wrap-submit { position:relative; width: calc(100% + 60px); margin: auto; left: -30px; right: 0; top: auto; bottom: 1px } .section-wrapper-facette form .wrap-submit:after,.section-wrapper-facette #outoverlay .wrap-submit:after { content: "\e916"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); color: #1ec459; margin: auto; display: block; width: 100%; text-align: center; font-size: 40px; position: absolute; bottom: 20px; z-index: -1 } } .section-wrapper-facette form .submit,.section-wrapper-facette #outoverlay .submit { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #fff; line-height: 24px; text-transform: uppercase; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border: none; background: #1ec459; text-align: center; width: 100%; height: 85px; padding: 0 !important; top: 0; vertical-align: top; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .section-wrapper-facette form .submit:hover,body:not(.no-hover) .section-wrapper-facette form .submit:focus,body:not(.no-hover) .section-wrapper-facette #outoverlay .submit:hover,body:not(.no-hover) .section-wrapper-facette #outoverlay .submit:focus { cursor: pointer; background: #14823b } @media screen and (max-width: 1100px) { .section-wrapper-facette form .submit,.section-wrapper-facette #outoverlay .submit { height:50px } } .wrapper-facette { position: -webkit-sticky; position: sticky; -ms-position: sticky; top: 0; padding: 17px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 5500; background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease } .scrolldir-top .wrapper-facette { top: 80px } .ie .wrapper-facette { position: relative } .wrapper-facette .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .wrapper-facette .content-wrapper:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 599px) { .wrapper-facette .content-wrapper { display:block } } .wrapper-facette form,.wrapper-facette .form,.wrapper-facette .form-reserve { position: relative; z-index: 1000; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } @media screen and (max-width: 599px) { .wrapper-facette form,.wrapper-facette .form,.wrapper-facette .form-reserve { padding-right:20px } } .wrapper-facette form>div,.wrapper-facette form>a,.wrapper-facette .form>div,.wrapper-facette .form>a,.wrapper-facette .form-reserve>div,.wrapper-facette .form-reserve>a { display: inline-block; vertical-align: middle; padding: 10px 20px; position: relative } @media screen and (max-width: 980px) { .wrapper-facette form>div:after,.wrapper-facette form>a:after,.wrapper-facette .form>div:after,.wrapper-facette .form>a:after,.wrapper-facette .form-reserve>div:after,.wrapper-facette .form-reserve>a:after { content:none } } .wrapper-facette form>div:first-child,.wrapper-facette form>a:first-child,.wrapper-facette .form>div:first-child,.wrapper-facette .form>a:first-child,.wrapper-facette .form-reserve>div:first-child,.wrapper-facette .form-reserve>a:first-child { padding-left: 0 } @media screen and (max-width: 1024px) { .wrapper-facette form>div,.wrapper-facette form>a,.wrapper-facette .form>div,.wrapper-facette .form>a,.wrapper-facette .form-reserve>div,.wrapper-facette .form-reserve>a { padding:10px } } @media screen and (max-width: 599px) { .wrapper-facette form>div.dropdown,.wrapper-facette form>a.dropdown,.wrapper-facette .form>div.dropdown,.wrapper-facette .form>a.dropdown,.wrapper-facette .form-reserve>div.dropdown,.wrapper-facette .form-reserve>a.dropdown { width:100% } } .wrapper-facette form>div.dropdown-limited-width fieldset,.wrapper-facette form>a.dropdown-limited-width fieldset,.wrapper-facette .form>div.dropdown-limited-width fieldset,.wrapper-facette .form>a.dropdown-limited-width fieldset,.wrapper-facette .form-reserve>div.dropdown-limited-width fieldset,.wrapper-facette .form-reserve>a.dropdown-limited-width fieldset { width: 160px } .wrapper-facette form>div>span,.wrapper-facette form>div a,.wrapper-facette form>a>span,.wrapper-facette form>a a,.wrapper-facette .form>div>span,.wrapper-facette .form>div a,.wrapper-facette .form>a>span,.wrapper-facette .form>a a,.wrapper-facette .form-reserve>div>span,.wrapper-facette .form-reserve>div a,.wrapper-facette .form-reserve>a>span,.wrapper-facette .form-reserve>a a { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; position: relative; display: block; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .wrapper-facette form>div>span:hover,body:not(.no-hover) .wrapper-facette form>div>span:focus,body:not(.no-hover) .wrapper-facette form>div a:hover,body:not(.no-hover) .wrapper-facette form>div a:focus,body:not(.no-hover) .wrapper-facette form>a>span:hover,body:not(.no-hover) .wrapper-facette form>a>span:focus,body:not(.no-hover) .wrapper-facette form>a a:hover,body:not(.no-hover) .wrapper-facette form>a a:focus,body:not(.no-hover) .wrapper-facette .form>div>span:hover,body:not(.no-hover) .wrapper-facette .form>div>span:focus,body:not(.no-hover) .wrapper-facette .form>div a:hover,body:not(.no-hover) .wrapper-facette .form>div a:focus,body:not(.no-hover) .wrapper-facette .form>a>span:hover,body:not(.no-hover) .wrapper-facette .form>a>span:focus,body:not(.no-hover) .wrapper-facette .form>a a:hover,body:not(.no-hover) .wrapper-facette .form>a a:focus,body:not(.no-hover) .wrapper-facette .form-reserve>div>span:hover,body:not(.no-hover) .wrapper-facette .form-reserve>div>span:focus,body:not(.no-hover) .wrapper-facette .form-reserve>div a:hover,body:not(.no-hover) .wrapper-facette .form-reserve>div a:focus,body:not(.no-hover) .wrapper-facette .form-reserve>a>span:hover,body:not(.no-hover) .wrapper-facette .form-reserve>a>span:focus,body:not(.no-hover) .wrapper-facette .form-reserve>a a:hover,body:not(.no-hover) .wrapper-facette .form-reserve>a a:focus { cursor: pointer; color: #1ec459 } body:not(.no-hover) .wrapper-facette form>div>span:hover:after,body:not(.no-hover) .wrapper-facette form>div>span:focus:after,body:not(.no-hover) .wrapper-facette form>div a:hover:after,body:not(.no-hover) .wrapper-facette form>div a:focus:after,body:not(.no-hover) .wrapper-facette form>a>span:hover:after,body:not(.no-hover) .wrapper-facette form>a>span:focus:after,body:not(.no-hover) .wrapper-facette form>a a:hover:after,body:not(.no-hover) .wrapper-facette form>a a:focus:after,body:not(.no-hover) .wrapper-facette .form>div>span:hover:after,body:not(.no-hover) .wrapper-facette .form>div>span:focus:after,body:not(.no-hover) .wrapper-facette .form>div a:hover:after,body:not(.no-hover) .wrapper-facette .form>div a:focus:after,body:not(.no-hover) .wrapper-facette .form>a>span:hover:after,body:not(.no-hover) .wrapper-facette .form>a>span:focus:after,body:not(.no-hover) .wrapper-facette .form>a a:hover:after,body:not(.no-hover) .wrapper-facette .form>a a:focus:after,body:not(.no-hover) .wrapper-facette .form-reserve>div>span:hover:after,body:not(.no-hover) .wrapper-facette .form-reserve>div>span:focus:after,body:not(.no-hover) .wrapper-facette .form-reserve>div a:hover:after,body:not(.no-hover) .wrapper-facette .form-reserve>div a:focus:after,body:not(.no-hover) .wrapper-facette .form-reserve>a>span:hover:after,body:not(.no-hover) .wrapper-facette .form-reserve>a>span:focus:after,body:not(.no-hover) .wrapper-facette .form-reserve>a a:hover:after,body:not(.no-hover) .wrapper-facette .form-reserve>a a:focus:after { color: #000 } @media screen and (max-width: 1024px) { .wrapper-facette form>div>span,.wrapper-facette form>div a,.wrapper-facette form>a>span,.wrapper-facette form>a a,.wrapper-facette .form>div>span,.wrapper-facette .form>div a,.wrapper-facette .form>a>span,.wrapper-facette .form>a a,.wrapper-facette .form-reserve>div>span,.wrapper-facette .form-reserve>div a,.wrapper-facette .form-reserve>a>span,.wrapper-facette .form-reserve>a a { font-size:16px } } @media screen and (max-width: 980px) { .wrapper-facette form>div>span,.wrapper-facette form>div a,.wrapper-facette form>a>span,.wrapper-facette form>a a,.wrapper-facette .form>div>span,.wrapper-facette .form>div a,.wrapper-facette .form>a>span,.wrapper-facette .form>a a,.wrapper-facette .form-reserve>div>span,.wrapper-facette .form-reserve>div a,.wrapper-facette .form-reserve>a>span,.wrapper-facette .form-reserve>a a { font-size:20px } } .wrapper-facette form>div>span.sort-choice,.wrapper-facette form>div a.sort-choice,.wrapper-facette form>a>span.sort-choice,.wrapper-facette form>a a.sort-choice,.wrapper-facette .form>div>span.sort-choice,.wrapper-facette .form>div a.sort-choice,.wrapper-facette .form>a>span.sort-choice,.wrapper-facette .form>a a.sort-choice,.wrapper-facette .form-reserve>div>span.sort-choice,.wrapper-facette .form-reserve>div a.sort-choice,.wrapper-facette .form-reserve>a>span.sort-choice,.wrapper-facette .form-reserve>a a.sort-choice { color: #000 } .wrapper-facette form>div fieldset,.wrapper-facette form>a fieldset,.wrapper-facette .form>div fieldset,.wrapper-facette .form>a fieldset,.wrapper-facette .form-reserve>div fieldset,.wrapper-facette .form-reserve>a fieldset { position: absolute; top: 50px; width: 250px; z-index: 200; list-style-type: none; -webkit-box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2); background: #fff; padding: 25px 20px; border-radius: 8px; opacity: 0; pointer-events: none; max-height: 300px; overflow: auto; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 1280px) { .wrapper-facette form>div fieldset,.wrapper-facette form>a fieldset,.wrapper-facette .form>div fieldset,.wrapper-facette .form>a fieldset,.wrapper-facette .form-reserve>div fieldset,.wrapper-facette .form-reserve>a fieldset { left:0 } } @media screen and (max-width: 980px) { .wrapper-facette form>div fieldset,.wrapper-facette form>a fieldset,.wrapper-facette .form>div fieldset,.wrapper-facette .form>a fieldset,.wrapper-facette .form-reserve>div fieldset,.wrapper-facette .form-reserve>a fieldset { position:relative; top: 0; left: 0; right: 0; width: 100%; padding: 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 10px; display: none } } .wrapper-facette form>div fieldset:before,.wrapper-facette form>a fieldset:before,.wrapper-facette .form>div fieldset:before,.wrapper-facette .form>a fieldset:before,.wrapper-facette .form-reserve>div fieldset:before,.wrapper-facette .form-reserve>a fieldset:before { content: "\e910"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; position: absolute; top: -9px; left: 40px; pointer-events: none; width: 10px; height: 10px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-left: 4px solid #F5F5F5; border-top: 4px solid #F5F5F5; opacity: 0.99; color: #fff; text-shadow: 0px 0px 12px rgba(0,0,0,0.4); -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { .wrapper-facette form>div fieldset:before,.wrapper-facette form>a fieldset:before,.wrapper-facette .form>div fieldset:before,.wrapper-facette .form>a fieldset:before,.wrapper-facette .form-reserve>div fieldset:before,.wrapper-facette .form-reserve>a fieldset:before { display:none } } .wrapper-facette form>div fieldset label,.wrapper-facette form>a fieldset label,.wrapper-facette .form>div fieldset label,.wrapper-facette .form>a fieldset label,.wrapper-facette .form-reserve>div fieldset label,.wrapper-facette .form-reserve>a fieldset label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 18px; display: block; padding: 7px 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .2s ease; transition: all .2s ease } .wrapper-facette form>div fieldset label:before,.wrapper-facette form>a fieldset label:before,.wrapper-facette .form>div fieldset label:before,.wrapper-facette .form>a fieldset label:before,.wrapper-facette .form-reserve>div fieldset label:before,.wrapper-facette .form-reserve>a fieldset label:before { content: ''; position: relative; float: left; margin-right: 10px; -webkit-transform: none; -ms-transform: none; transform: none; width: 14px; height: 14px; border: 2px solid #000; background: #fff; border-radius: 50%; cursor: pointer } .wrapper-facette form>div fieldset label:after,.wrapper-facette form>a fieldset label:after,.wrapper-facette .form>div fieldset label:after,.wrapper-facette .form>a fieldset label:after,.wrapper-facette .form-reserve>div fieldset label:after,.wrapper-facette .form-reserve>a fieldset label:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; text-shadow: 1px 1px 0 #fff,0px -2px 0 #fff; font-size: 14px; position: absolute; left: 5px; top: 23%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; color: #1ec459; -webkit-transition: all .2s; transition: all .2s; background: none; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } body:not(.no-hover) .wrapper-facette form>div fieldset label:hover,body:not(.no-hover) .wrapper-facette form>div fieldset label:focus,body:not(.no-hover) .wrapper-facette form>a fieldset label:hover,body:not(.no-hover) .wrapper-facette form>a fieldset label:focus,body:not(.no-hover) .wrapper-facette .form>div fieldset label:hover,body:not(.no-hover) .wrapper-facette .form>div fieldset label:focus,body:not(.no-hover) .wrapper-facette .form>a fieldset label:hover,body:not(.no-hover) .wrapper-facette .form>a fieldset label:focus,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset label:hover,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset label:focus,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset label:hover,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset label:focus { color: #1ec459; cursor: pointer } .wrapper-facette form>div fieldset label span[class^="icon-"]:not(.icon-cross),.wrapper-facette form>a fieldset label span[class^="icon-"]:not(.icon-cross),.wrapper-facette .form>div fieldset label span[class^="icon-"]:not(.icon-cross),.wrapper-facette .form>a fieldset label span[class^="icon-"]:not(.icon-cross),.wrapper-facette .form-reserve>div fieldset label span[class^="icon-"]:not(.icon-cross),.wrapper-facette .form-reserve>a fieldset label span[class^="icon-"]:not(.icon-cross) { font-size: 18px } .wrapper-facette form>div fieldset input,.wrapper-facette form>a fieldset input,.wrapper-facette .form>div fieldset input,.wrapper-facette .form>a fieldset input,.wrapper-facette .form-reserve>div fieldset input,.wrapper-facette .form-reserve>a fieldset input { display: none } .wrapper-facette form>div fieldset input[type="checkbox"]:checked+label:after,.wrapper-facette form>a fieldset input[type="checkbox"]:checked+label:after,.wrapper-facette .form>div fieldset input[type="checkbox"]:checked+label:after,.wrapper-facette .form>a fieldset input[type="checkbox"]:checked+label:after,.wrapper-facette .form-reserve>div fieldset input[type="checkbox"]:checked+label:after,.wrapper-facette .form-reserve>a fieldset input[type="checkbox"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .wrapper-facette form>div fieldset input[type="radio"]:checked+label:after,.wrapper-facette form>a fieldset input[type="radio"]:checked+label:after,.wrapper-facette .form>div fieldset input[type="radio"]:checked+label:after,.wrapper-facette .form>a fieldset input[type="radio"]:checked+label:after,.wrapper-facette .form-reserve>div fieldset input[type="radio"]:checked+label:after,.wrapper-facette .form-reserve>a fieldset input[type="radio"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .wrapper-facette form>div fieldset .classement-chk,.wrapper-facette form>a fieldset .classement-chk,.wrapper-facette .form>div fieldset .classement-chk,.wrapper-facette .form>a fieldset .classement-chk,.wrapper-facette .form-reserve>div fieldset .classement-chk,.wrapper-facette .form-reserve>a fieldset .classement-chk { font-size: 0; margin: 9px 45px 9px 0; display: inline-block; -webkit-transition: all .2s ease; transition: all .2s ease } .wrapper-facette form>div fieldset .classement-chk:nth-child(4),.wrapper-facette form>a fieldset .classement-chk:nth-child(4),.wrapper-facette .form>div fieldset .classement-chk:nth-child(4),.wrapper-facette .form>a fieldset .classement-chk:nth-child(4),.wrapper-facette .form-reserve>div fieldset .classement-chk:nth-child(4),.wrapper-facette .form-reserve>a fieldset .classement-chk:nth-child(4) { margin-bottom: -7px } body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-star,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-star { opacity: 1 } body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-key:before { opacity: 1 } body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk:hover p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk:focus p input[type="checkbox"]:not(:checked)+label span.icon-cs-epis:before { opacity: 1 } @media screen and (max-width: 599px) { .wrapper-facette form>div fieldset .classement-chk,.wrapper-facette form>a fieldset .classement-chk,.wrapper-facette .form>div fieldset .classement-chk,.wrapper-facette .form>a fieldset .classement-chk,.wrapper-facette .form-reserve>div fieldset .classement-chk,.wrapper-facette .form-reserve>a fieldset .classement-chk { display:block; margin: 0 0 10px 0 } .wrapper-facette form>div fieldset .classement-chk:last-child,.wrapper-facette form>a fieldset .classement-chk:last-child,.wrapper-facette .form>div fieldset .classement-chk:last-child,.wrapper-facette .form>a fieldset .classement-chk:last-child,.wrapper-facette .form-reserve>div fieldset .classement-chk:last-child,.wrapper-facette .form-reserve>a fieldset .classement-chk:last-child { margin: 0 } } body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk:hover label,body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk:focus label,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk:hover label,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk:focus label,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk:hover label,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk:focus label,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk:hover label,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk:focus label,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk:hover label,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk:focus label,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk:hover label,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk:focus label { opacity: 1 !important; cursor: pointer } .wrapper-facette form>div fieldset .classement-chk label,.wrapper-facette form>a fieldset .classement-chk label,.wrapper-facette .form>div fieldset .classement-chk label,.wrapper-facette .form>a fieldset .classement-chk label,.wrapper-facette .form-reserve>div fieldset .classement-chk label,.wrapper-facette .form-reserve>a fieldset .classement-chk label { padding: 0 4px 0 0; margin: 0; display: inline-block; -webkit-transition: all .2s ease; transition: all .2s ease } .wrapper-facette form>div fieldset .classement-chk label:before,.wrapper-facette form>div fieldset .classement-chk label:after,.wrapper-facette form>a fieldset .classement-chk label:before,.wrapper-facette form>a fieldset .classement-chk label:after,.wrapper-facette .form>div fieldset .classement-chk label:before,.wrapper-facette .form>div fieldset .classement-chk label:after,.wrapper-facette .form>a fieldset .classement-chk label:before,.wrapper-facette .form>a fieldset .classement-chk label:after,.wrapper-facette .form-reserve>div fieldset .classement-chk label:before,.wrapper-facette .form-reserve>div fieldset .classement-chk label:after,.wrapper-facette .form-reserve>a fieldset .classement-chk label:before,.wrapper-facette .form-reserve>a fieldset .classement-chk label:after { content: none } .wrapper-facette form>div fieldset .classement-chk label.unselect,.wrapper-facette form>a fieldset .classement-chk label.unselect,.wrapper-facette .form>div fieldset .classement-chk label.unselect,.wrapper-facette .form>a fieldset .classement-chk label.unselect,.wrapper-facette .form-reserve>div fieldset .classement-chk label.unselect,.wrapper-facette .form-reserve>a fieldset .classement-chk label.unselect { position: absolute; right: 15px; font-size: 10px; line-height: 20px } @media screen and (max-width: 599px) { .wrapper-facette form>div fieldset .classement-chk label.unselect,.wrapper-facette form>a fieldset .classement-chk label.unselect,.wrapper-facette .form>div fieldset .classement-chk label.unselect,.wrapper-facette .form>a fieldset .classement-chk label.unselect,.wrapper-facette .form-reserve>div fieldset .classement-chk label.unselect,.wrapper-facette .form-reserve>a fieldset .classement-chk label.unselect { right:-30px } } .wrapper-facette form>div fieldset .classement-chk label.unselect span,.wrapper-facette form>a fieldset .classement-chk label.unselect span,.wrapper-facette .form>div fieldset .classement-chk label.unselect span,.wrapper-facette .form>a fieldset .classement-chk label.unselect span,.wrapper-facette .form-reserve>div fieldset .classement-chk label.unselect span,.wrapper-facette .form-reserve>a fieldset .classement-chk label.unselect span { font-weight: 700 } @media screen and (max-width: 599px) { .wrapper-facette form>div fieldset .classement-chk label,.wrapper-facette form>a fieldset .classement-chk label,.wrapper-facette .form>div fieldset .classement-chk label,.wrapper-facette .form>a fieldset .classement-chk label,.wrapper-facette .form-reserve>div fieldset .classement-chk label,.wrapper-facette .form-reserve>a fieldset .classement-chk label { padding:0 8px 0 0 } } .wrapper-facette form>div fieldset .classement-chk label span,.wrapper-facette form>a fieldset .classement-chk label span,.wrapper-facette .form>div fieldset .classement-chk label span,.wrapper-facette .form>a fieldset .classement-chk label span,.wrapper-facette .form-reserve>div fieldset .classement-chk label span,.wrapper-facette .form-reserve>a fieldset .classement-chk label span { line-height: 16px; padding: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .wrapper-facette form>div fieldset .classement-chk label span.icon-star,.wrapper-facette form>a fieldset .classement-chk label span.icon-star,.wrapper-facette .form>div fieldset .classement-chk label span.icon-star,.wrapper-facette .form>a fieldset .classement-chk label span.icon-star,.wrapper-facette .form-reserve>div fieldset .classement-chk label span.icon-star,.wrapper-facette .form-reserve>a fieldset .classement-chk label span.icon-star { color: #fdc411 } .wrapper-facette form>div fieldset .classement-chk label span.icon-cs-epis,.wrapper-facette form>a fieldset .classement-chk label span.icon-cs-epis,.wrapper-facette .form>div fieldset .classement-chk label span.icon-cs-epis,.wrapper-facette .form>a fieldset .classement-chk label span.icon-cs-epis,.wrapper-facette .form-reserve>div fieldset .classement-chk label span.icon-cs-epis,.wrapper-facette .form-reserve>a fieldset .classement-chk label span.icon-cs-epis { color: #81a52a } .wrapper-facette form>div fieldset .classement-chk label span.icon-cs-key,.wrapper-facette form>a fieldset .classement-chk label span.icon-cs-key,.wrapper-facette .form>div fieldset .classement-chk label span.icon-cs-key,.wrapper-facette .form>a fieldset .classement-chk label span.icon-cs-key,.wrapper-facette .form-reserve>div fieldset .classement-chk label span.icon-cs-key,.wrapper-facette .form-reserve>a fieldset .classement-chk label span.icon-cs-key { color: #f95e24 } body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk label:hover,body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk label:focus,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk label:hover,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk label:focus,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk label:hover,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk label:focus,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk label:hover,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk label:focus,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk label:hover,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk label:focus,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk label:hover,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk label:focus { opacity: 0.9 !important } body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk label:hover ~ label,body:not(.no-hover) .wrapper-facette form>div fieldset .classement-chk label:focus ~ label,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk label:hover ~ label,body:not(.no-hover) .wrapper-facette form>a fieldset .classement-chk label:focus ~ label,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk label:hover ~ label,body:not(.no-hover) .wrapper-facette .form>div fieldset .classement-chk label:focus ~ label,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk label:hover ~ label,body:not(.no-hover) .wrapper-facette .form>a fieldset .classement-chk label:focus ~ label,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk label:hover ~ label,body:not(.no-hover) .wrapper-facette .form-reserve>div fieldset .classement-chk label:focus ~ label,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk label:hover ~ label,body:not(.no-hover) .wrapper-facette .form-reserve>a fieldset .classement-chk label:focus ~ label { opacity: 0.4 !important } .wrapper-facette form>div fieldset .classement-chk input,.wrapper-facette form>a fieldset .classement-chk input,.wrapper-facette .form>div fieldset .classement-chk input,.wrapper-facette .form>a fieldset .classement-chk input,.wrapper-facette .form-reserve>div fieldset .classement-chk input,.wrapper-facette .form-reserve>a fieldset .classement-chk input { display: none } .wrapper-facette form>div fieldset .classement-chk input:checked+label,.wrapper-facette form>a fieldset .classement-chk input:checked+label,.wrapper-facette .form>div fieldset .classement-chk input:checked+label,.wrapper-facette .form>a fieldset .classement-chk input:checked+label,.wrapper-facette .form-reserve>div fieldset .classement-chk input:checked+label,.wrapper-facette .form-reserve>a fieldset .classement-chk input:checked+label { opacity: 1 } .wrapper-facette form>div fieldset .classement-chk input:checked+label ~ label,.wrapper-facette form>a fieldset .classement-chk input:checked+label ~ label,.wrapper-facette .form>div fieldset .classement-chk input:checked+label ~ label,.wrapper-facette .form>a fieldset .classement-chk input:checked+label ~ label,.wrapper-facette .form-reserve>div fieldset .classement-chk input:checked+label ~ label,.wrapper-facette .form-reserve>a fieldset .classement-chk input:checked+label ~ label { opacity: 0.4 } .wrapper-facette form>div.open fieldset,.wrapper-facette form>a.open fieldset,.wrapper-facette .form>div.open fieldset,.wrapper-facette .form>a.open fieldset,.wrapper-facette .form-reserve>div.open fieldset,.wrapper-facette .form-reserve>a.open fieldset { opacity: 1; pointer-events: auto; z-index: 1000 } @media screen and (max-width: 980px) { .wrapper-facette form>div.open fieldset,.wrapper-facette form>a.open fieldset,.wrapper-facette .form>div.open fieldset,.wrapper-facette .form>a.open fieldset,.wrapper-facette .form-reserve>div.open fieldset,.wrapper-facette .form-reserve>a.open fieldset { display:block; z-index: 1000 } } .wrapper-facette form>div.facette-date .wrapper-date:after,.wrapper-facette form>a.facette-date .wrapper-date:after,.wrapper-facette .form>div.facette-date .wrapper-date:after,.wrapper-facette .form>a.facette-date .wrapper-date:after,.wrapper-facette .form-reserve>div.facette-date .wrapper-date:after,.wrapper-facette .form-reserve>a.facette-date .wrapper-date:after { font-size: 15px } @media screen and (max-width: 1024px) { .wrapper-facette form>div.facette-date .wrapper-date:after,.wrapper-facette form>a.facette-date .wrapper-date:after,.wrapper-facette .form>div.facette-date .wrapper-date:after,.wrapper-facette .form>a.facette-date .wrapper-date:after,.wrapper-facette .form-reserve>div.facette-date .wrapper-date:after,.wrapper-facette .form-reserve>a.facette-date .wrapper-date:after { font-size:13px } } @media screen and (max-width: 980px) { .wrapper-facette form>div.facette-date .wrapper-date:after,.wrapper-facette form>a.facette-date .wrapper-date:after,.wrapper-facette .form>div.facette-date .wrapper-date:after,.wrapper-facette .form>a.facette-date .wrapper-date:after,.wrapper-facette .form-reserve>div.facette-date .wrapper-date:after,.wrapper-facette .form-reserve>a.facette-date .wrapper-date:after { font-size:15px } } body:not(.no-hover) .wrapper-facette form>div.facette-date .wrapper-date:hover input,body:not(.no-hover) .wrapper-facette form>div.facette-date .wrapper-date:focus input,body:not(.no-hover) .wrapper-facette form>a.facette-date .wrapper-date:hover input,body:not(.no-hover) .wrapper-facette form>a.facette-date .wrapper-date:focus input,body:not(.no-hover) .wrapper-facette .form>div.facette-date .wrapper-date:hover input,body:not(.no-hover) .wrapper-facette .form>div.facette-date .wrapper-date:focus input,body:not(.no-hover) .wrapper-facette .form>a.facette-date .wrapper-date:hover input,body:not(.no-hover) .wrapper-facette .form>a.facette-date .wrapper-date:focus input,body:not(.no-hover) .wrapper-facette .form-reserve>div.facette-date .wrapper-date:hover input,body:not(.no-hover) .wrapper-facette .form-reserve>div.facette-date .wrapper-date:focus input,body:not(.no-hover) .wrapper-facette .form-reserve>a.facette-date .wrapper-date:hover input,body:not(.no-hover) .wrapper-facette .form-reserve>a.facette-date .wrapper-date:focus input { cursor: pointer; color: #1ec459 } body:not(.no-hover) .wrapper-facette form>div.facette-date .wrapper-date:hover:after,body:not(.no-hover) .wrapper-facette form>div.facette-date .wrapper-date:focus:after,body:not(.no-hover) .wrapper-facette form>a.facette-date .wrapper-date:hover:after,body:not(.no-hover) .wrapper-facette form>a.facette-date .wrapper-date:focus:after,body:not(.no-hover) .wrapper-facette .form>div.facette-date .wrapper-date:hover:after,body:not(.no-hover) .wrapper-facette .form>div.facette-date .wrapper-date:focus:after,body:not(.no-hover) .wrapper-facette .form>a.facette-date .wrapper-date:hover:after,body:not(.no-hover) .wrapper-facette .form>a.facette-date .wrapper-date:focus:after,body:not(.no-hover) .wrapper-facette .form-reserve>div.facette-date .wrapper-date:hover:after,body:not(.no-hover) .wrapper-facette .form-reserve>div.facette-date .wrapper-date:focus:after,body:not(.no-hover) .wrapper-facette .form-reserve>a.facette-date .wrapper-date:hover:after,body:not(.no-hover) .wrapper-facette .form-reserve>a.facette-date .wrapper-date:focus:after { color: #1ec459 } .wrapper-facette form>div.facette-date input,.wrapper-facette form>a.facette-date input,.wrapper-facette .form>div.facette-date input,.wrapper-facette .form>a.facette-date input,.wrapper-facette .form-reserve>div.facette-date input,.wrapper-facette .form-reserve>a.facette-date input { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #1ec459; line-height: 20px; width: 67px } @media screen and (max-width: 1024px) { .wrapper-facette form>div.facette-date input,.wrapper-facette form>a.facette-date input,.wrapper-facette .form>div.facette-date input,.wrapper-facette .form>a.facette-date input,.wrapper-facette .form-reserve>div.facette-date input,.wrapper-facette .form-reserve>a.facette-date input { font-size:16px } } @media screen and (max-width: 980px) { .wrapper-facette form>div.facette-date input,.wrapper-facette form>a.facette-date input,.wrapper-facette .form>div.facette-date input,.wrapper-facette .form>a.facette-date input,.wrapper-facette .form-reserve>div.facette-date input,.wrapper-facette .form-reserve>a.facette-date input { font-size:20px } } .wrapper-facette form>div.facette-date .icon-calendar,.wrapper-facette form>a.facette-date .icon-calendar,.wrapper-facette .form>div.facette-date .icon-calendar,.wrapper-facette .form>a.facette-date .icon-calendar,.wrapper-facette .form-reserve>div.facette-date .icon-calendar,.wrapper-facette .form-reserve>a.facette-date .icon-calendar { font-size: 14px } .wrapper-facette form>div.facette-date span,.wrapper-facette form>div.facette-date label,.wrapper-facette form>a.facette-date span,.wrapper-facette form>a.facette-date label,.wrapper-facette .form>div.facette-date span,.wrapper-facette .form>div.facette-date label,.wrapper-facette .form>a.facette-date span,.wrapper-facette .form>a.facette-date label,.wrapper-facette .form-reserve>div.facette-date span,.wrapper-facette .form-reserve>div.facette-date label,.wrapper-facette .form-reserve>a.facette-date span,.wrapper-facette .form-reserve>a.facette-date label { position: relative; display: inline-block; vertical-align: middle; font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase } @media screen and (max-width: 1024px) { .wrapper-facette form>div.facette-date span,.wrapper-facette form>div.facette-date label,.wrapper-facette form>a.facette-date span,.wrapper-facette form>a.facette-date label,.wrapper-facette .form>div.facette-date span,.wrapper-facette .form>div.facette-date label,.wrapper-facette .form>a.facette-date span,.wrapper-facette .form>a.facette-date label,.wrapper-facette .form-reserve>div.facette-date span,.wrapper-facette .form-reserve>div.facette-date label,.wrapper-facette .form-reserve>a.facette-date span,.wrapper-facette .form-reserve>a.facette-date label { font-size:16px } } @media screen and (max-width: 980px) { .wrapper-facette form>div.facette-date span,.wrapper-facette form>div.facette-date label,.wrapper-facette form>a.facette-date span,.wrapper-facette form>a.facette-date label,.wrapper-facette .form>div.facette-date span,.wrapper-facette .form>div.facette-date label,.wrapper-facette .form>a.facette-date span,.wrapper-facette .form>a.facette-date label,.wrapper-facette .form-reserve>div.facette-date span,.wrapper-facette .form-reserve>div.facette-date label,.wrapper-facette .form-reserve>a.facette-date span,.wrapper-facette .form-reserve>a.facette-date label { font-size:20px } } .wrapper-facette form>div.facette-date span.label,.wrapper-facette form>div.facette-date label.label,.wrapper-facette form>a.facette-date span.label,.wrapper-facette form>a.facette-date label.label,.wrapper-facette .form>div.facette-date span.label,.wrapper-facette .form>div.facette-date label.label,.wrapper-facette .form>a.facette-date span.label,.wrapper-facette .form>a.facette-date label.label,.wrapper-facette .form-reserve>div.facette-date span.label,.wrapper-facette .form-reserve>div.facette-date label.label,.wrapper-facette .form-reserve>a.facette-date span.label,.wrapper-facette .form-reserve>a.facette-date label.label { font-weight: 700; margin: 0 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .2s ease; transition: all .2s ease } .wrapper-facette form>div.facette-date span.label:after,.wrapper-facette form>div.facette-date label.label:after,.wrapper-facette form>a.facette-date span.label:after,.wrapper-facette form>a.facette-date label.label:after,.wrapper-facette .form>div.facette-date span.label:after,.wrapper-facette .form>div.facette-date label.label:after,.wrapper-facette .form>a.facette-date span.label:after,.wrapper-facette .form>a.facette-date label.label:after,.wrapper-facette .form-reserve>div.facette-date span.label:after,.wrapper-facette .form-reserve>div.facette-date label.label:after,.wrapper-facette .form-reserve>a.facette-date span.label:after,.wrapper-facette .form-reserve>a.facette-date label.label:after { content: "\e908"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; margin-left: 5px } body:not(.no-hover) .wrapper-facette form>div.facette-date span.label:hover,body:not(.no-hover) .wrapper-facette form>div.facette-date span.label:focus,body:not(.no-hover) .wrapper-facette form>div.facette-date label.label:hover,body:not(.no-hover) .wrapper-facette form>div.facette-date label.label:focus,body:not(.no-hover) .wrapper-facette form>a.facette-date span.label:hover,body:not(.no-hover) .wrapper-facette form>a.facette-date span.label:focus,body:not(.no-hover) .wrapper-facette form>a.facette-date label.label:hover,body:not(.no-hover) .wrapper-facette form>a.facette-date label.label:focus,body:not(.no-hover) .wrapper-facette .form>div.facette-date span.label:hover,body:not(.no-hover) .wrapper-facette .form>div.facette-date span.label:focus,body:not(.no-hover) .wrapper-facette .form>div.facette-date label.label:hover,body:not(.no-hover) .wrapper-facette .form>div.facette-date label.label:focus,body:not(.no-hover) .wrapper-facette .form>a.facette-date span.label:hover,body:not(.no-hover) .wrapper-facette .form>a.facette-date span.label:focus,body:not(.no-hover) .wrapper-facette .form>a.facette-date label.label:hover,body:not(.no-hover) .wrapper-facette .form>a.facette-date label.label:focus,body:not(.no-hover) .wrapper-facette .form-reserve>div.facette-date span.label:hover,body:not(.no-hover) .wrapper-facette .form-reserve>div.facette-date span.label:focus,body:not(.no-hover) .wrapper-facette .form-reserve>div.facette-date label.label:hover,body:not(.no-hover) .wrapper-facette .form-reserve>div.facette-date label.label:focus,body:not(.no-hover) .wrapper-facette .form-reserve>a.facette-date span.label:hover,body:not(.no-hover) .wrapper-facette .form-reserve>a.facette-date span.label:focus,body:not(.no-hover) .wrapper-facette .form-reserve>a.facette-date label.label:hover,body:not(.no-hover) .wrapper-facette .form-reserve>a.facette-date label.label:focus { color: #1ec459 } .wrapper-facette form>div.facette-date .facette-checkbox,.wrapper-facette form>a.facette-date .facette-checkbox,.wrapper-facette .form>div.facette-date .facette-checkbox,.wrapper-facette .form>a.facette-date .facette-checkbox,.wrapper-facette .form-reserve>div.facette-date .facette-checkbox,.wrapper-facette .form-reserve>a.facette-date .facette-checkbox { display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; padding: 0 } @media screen and (max-width: 360px) { .wrapper-facette form>div.facette-date .facette-checkbox,.wrapper-facette form>a.facette-date .facette-checkbox,.wrapper-facette .form>div.facette-date .facette-checkbox,.wrapper-facette .form>a.facette-date .facette-checkbox,.wrapper-facette .form-reserve>div.facette-date .facette-checkbox,.wrapper-facette .form-reserve>a.facette-date .facette-checkbox { margin-left:0 } } .wrapper-facette form>div.facette-date .facette-checkbox input,.wrapper-facette form>a.facette-date .facette-checkbox input,.wrapper-facette .form>div.facette-date .facette-checkbox input,.wrapper-facette .form>a.facette-date .facette-checkbox input,.wrapper-facette .form-reserve>div.facette-date .facette-checkbox input,.wrapper-facette .form-reserve>a.facette-date .facette-checkbox input { display: none } .wrapper-facette form>div.facette-select,.wrapper-facette form>a.facette-select,.wrapper-facette .form>div.facette-select,.wrapper-facette .form>a.facette-select,.wrapper-facette .form-reserve>div.facette-select,.wrapper-facette .form-reserve>a.facette-select { line-height: 44px; padding: 0 5px 0 0 } .wrapper-facette form>div.facette-select:after,.wrapper-facette form>a.facette-select:after,.wrapper-facette .form>div.facette-select:after,.wrapper-facette .form>a.facette-select:after,.wrapper-facette .form-reserve>div.facette-select:after,.wrapper-facette .form-reserve>a.facette-select:after { content: none } .wrapper-facette form .facette-checkbox,.wrapper-facette .form .facette-checkbox,.wrapper-facette .form-reserve .facette-checkbox { position: relative; display: inline-block; vertical-align: middle; margin-left: 0; padding: 10px 20px } @media screen and (max-width: 980px) { .wrapper-facette form .facette-checkbox,.wrapper-facette .form .facette-checkbox,.wrapper-facette .form-reserve .facette-checkbox { display:block; padding: 10px 0 } } .wrapper-facette form .facette-checkbox input,.wrapper-facette .form .facette-checkbox input,.wrapper-facette .form-reserve .facette-checkbox input { display: none } .wrapper-facette form .facette-checkbox>label,.wrapper-facette form .facette-checkbox>span,.wrapper-facette .form .facette-checkbox>label,.wrapper-facette .form .facette-checkbox>span,.wrapper-facette .form-reserve .facette-checkbox>label,.wrapper-facette .form-reserve .facette-checkbox>span { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: middle; font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; -webkit-transition: all .2s ease; transition: all .2s ease } .wrapper-facette form .facette-checkbox>label:before,.wrapper-facette form .facette-checkbox>span:before,.wrapper-facette .form .facette-checkbox>label:before,.wrapper-facette .form .facette-checkbox>span:before,.wrapper-facette .form-reserve .facette-checkbox>label:before,.wrapper-facette .form-reserve .facette-checkbox>span:before { content: ''; position: relative; float: left; margin-right: 5px; -webkit-transform: none; -ms-transform: none; transform: none; width: 14px; height: 14px; border: 2px solid #000; background: #fff; border-radius: 50%; cursor: pointer; top: 3px } .wrapper-facette form .facette-checkbox>label:after,.wrapper-facette form .facette-checkbox>span:after,.wrapper-facette .form .facette-checkbox>label:after,.wrapper-facette .form .facette-checkbox>span:after,.wrapper-facette .form-reserve .facette-checkbox>label:after,.wrapper-facette .form-reserve .facette-checkbox>span:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; text-shadow: 1px 1px 0 #fff,0px -2px 0 #fff; font-size: 14px; position: absolute; left: 5px; top: 3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; color: #1ec459; -webkit-transition: all .2s; transition: all .2s; background: none; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } body:not(.no-hover) .wrapper-facette form .facette-checkbox>label:hover,body:not(.no-hover) .wrapper-facette form .facette-checkbox>label:focus,body:not(.no-hover) .wrapper-facette form .facette-checkbox>span:hover,body:not(.no-hover) .wrapper-facette form .facette-checkbox>span:focus,body:not(.no-hover) .wrapper-facette .form .facette-checkbox>label:hover,body:not(.no-hover) .wrapper-facette .form .facette-checkbox>label:focus,body:not(.no-hover) .wrapper-facette .form .facette-checkbox>span:hover,body:not(.no-hover) .wrapper-facette .form .facette-checkbox>span:focus,body:not(.no-hover) .wrapper-facette .form-reserve .facette-checkbox>label:hover,body:not(.no-hover) .wrapper-facette .form-reserve .facette-checkbox>label:focus,body:not(.no-hover) .wrapper-facette .form-reserve .facette-checkbox>span:hover,body:not(.no-hover) .wrapper-facette .form-reserve .facette-checkbox>span:focus { color: #1ec459; cursor: pointer } .wrapper-facette form .facette-checkbox input,.wrapper-facette .form .facette-checkbox input,.wrapper-facette .form-reserve .facette-checkbox input { display: none } .wrapper-facette form .facette-checkbox input[type="checkbox"]:checked+label:after,.wrapper-facette form .facette-checkbox input[type="radio"]:checked+label:after,.wrapper-facette .form .facette-checkbox input[type="checkbox"]:checked+label:after,.wrapper-facette .form .facette-checkbox input[type="radio"]:checked+label:after,.wrapper-facette .form-reserve .facette-checkbox input[type="checkbox"]:checked+label:after,.wrapper-facette .form-reserve .facette-checkbox input[type="radio"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .wrapper-facette form .facette-checkbox.active span:after,.wrapper-facette .form .facette-checkbox.active span:after,.wrapper-facette .form-reserve .facette-checkbox.active span:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .wrapper-facette form .facette-checkbox.facette-categorie label:before,.wrapper-facette form .facette-checkbox.facette-categorie>span:before,.wrapper-facette .form .facette-checkbox.facette-categorie label:before,.wrapper-facette .form .facette-checkbox.facette-categorie>span:before,.wrapper-facette .form-reserve .facette-checkbox.facette-categorie label:before,.wrapper-facette .form-reserve .facette-checkbox.facette-categorie>span:before { float: right; margin-left: 10px } .wrapper-facette form .facette-checkbox.facette-categorie label:after,.wrapper-facette form .facette-checkbox.facette-categorie>span:after,.wrapper-facette .form .facette-checkbox.facette-categorie label:after,.wrapper-facette .form .facette-checkbox.facette-categorie>span:after,.wrapper-facette .form-reserve .facette-checkbox.facette-categorie label:after,.wrapper-facette .form-reserve .facette-checkbox.facette-categorie>span:after { left: auto; right: 5px } @media screen and (max-width: calc(1200px + 80px + 80px)) { .wrapper-facette form .facette-exp,.wrapper-facette .form .facette-exp,.wrapper-facette .form-reserve .facette-exp { display:-webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .wrapper-facette .wrapper-cta { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wrapper-facette .wrapper-cta>ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wrapper-facette .cta { margin: 0 15px 0 0 } @media screen and (max-width: 599px) { .wrapper-facette .cta { margin:0; display: block; width: 100% } } .wrapper-facette ul { z-index: 1000; font-size: 0 } @media screen and (max-width: 980px) { .wrapper-facette ul { position:relative; -webkit-transform: none; -ms-transform: none; transform: none; top: 0; right: auto; left: 0; float: none } } .wrapper-facette ul.sort-tri { z-index: 1000 } @media screen and (max-width: 980px) { .wrapper-facette ul.sort-tri { position:relative; background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 0 20px 0 } } .wrapper-facette ul.sort-tri:before { right: 43px } @media screen and (max-width: 980px) { .wrapper-facette ul.sort-tri:before { content:none } } .wrapper-facette ul.sort-tri li { display: block; margin: 0 } .wrapper-facette ul.sort-tri li a { border: none; height: auto; margin: 0; padding: 10px 0; display: block; width: 100%; text-align: left } body:not(.no-hover) .wrapper-facette ul.sort-tri li a:hover,body:not(.no-hover) .wrapper-facette ul.sort-tri li a:focus,body:not(.no-hover) .wrapper-facette ul.sort-tri li a.active { background: none; color: #000 } body:not(.no-hover) .wrapper-facette ul.sort-tri li a:hover:after,body:not(.no-hover) .wrapper-facette ul.sort-tri li a:focus:after,body:not(.no-hover) .wrapper-facette ul.sort-tri li a.active:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .wrapper-facette ul.sort-tri li a:before { content: ''; position: relative; float: left; margin-right: 5px; -webkit-transform: none; -ms-transform: none; transform: none; width: 14px; height: 14px; border: 2px solid #000; background: #fff; border-radius: 50%; cursor: pointer; top: 3px } .wrapper-facette ul.sort-tri li a:after { content: "\e904"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; text-shadow: 1px 1px 0 #fff,0px -2px 0 #fff; font-size: 14px; position: absolute; left: 0; top: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; color: #1ec459; -webkit-transition: all .2s; transition: all .2s; background: none; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s cubic-bezier(0.77, 0, 0.175, 1); transition: all .3s cubic-bezier(0.77, 0, 0.175, 1) } .wrapper-facette ul li { position: relative; display: inline-block; vertical-align: middle; margin-left: 15px; height: 40px } .wrapper-facette ul li:first-child { margin-left: 0 } @media screen and (max-width: 980px) { .wrapper-facette ul li:first-child { display:none } } @media screen and (max-width: 980px) { .wrapper-facette ul li.btn-loc { display:none } } .wrapper-facette ul li.active>a { background: #1ec459; border-color: #1ec459 } .wrapper-facette ul li.active>a>span { color: #fff } @media screen and (max-width: 980px) { .wrapper-facette ul li { margin-left:0 } } .wrapper-facette ul li span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #000; font-size: 20px; pointer-events: none } .wrapper-facette ul li .tooltiptext { font-family: "Roboto",Sans-Serif; font-size: .8125rem; font-weight: 400; color: #fff; line-height: 1.5rem; visibility: hidden; width: 120px; top: 180%; left: 50%; margin-left: -25px; background: #1C1C1C; color: #fff; text-align: center; border-radius: 10px; padding: 5px 0; pointer-events: auto; position: absolute; z-index: 1 } .wrapper-facette ul li .tooltiptext:after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: 17px; border-width: 8px; border-style: solid; border-color: transparent transparent rgba(0,0,0,0.7) transparent } .wrapper-facette ul li:hover .tooltiptext { visibility: visible } .wrapper-facette ul li>a,.wrapper-facette ul li>button { padding: 0; margin: 0; display: block; width: 40px; height: 40px; border: 2px solid #cccccc; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .wrapper-facette ul li>a:hover,body:not(.no-hover) .wrapper-facette ul li>a:focus,body:not(.no-hover) .wrapper-facette ul li>button:hover,body:not(.no-hover) .wrapper-facette ul li>button:focus { cursor: pointer; border-color: #1ec459 } .wrapper-facette .form-reserve { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .wrapper-facette .form-reserve .facette-exp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto } @media screen and (max-width: 599px) { .wrapper-facette .form-reserve .facette-exp { margin-bottom:20px } } .wrapper-facette .form-reserve .facette-exp .facette-date { -webkit-box-flex: initial; -ms-flex: initial; flex: initial } @media screen and (max-width: 360px) { .wrapper-facette .form-reserve .facette-exp .facette-date { -ms-flex-wrap:wrap; flex-wrap: wrap } } @media screen and (max-width: 599px) { .wrapper-facette .form-reserve .facette-exp .facette-date [class^="icon-"],.wrapper-facette .form-reserve .facette-exp .facette-date [class*=" icon-"] { margin-top:-5px } } @media screen and (max-width: 360px) { .wrapper-facette .form-reserve .facette-exp .facette-date .title-group { width:10% } } @media screen and (max-width: 360px) { .wrapper-facette .form-reserve .facette-exp .facette-date .wrapper-date { width:80% } } .wrapper-facette .form-reserve .facette-select { height: auto; margin-top: 2px } .wrapper-facette .form-reserve .facette-select .custom-a11yselect-container .custom-a11yselect-btn { padding-bottom: 0; overflow: visible } .wrapper-facette .form-reserve .facette-select .custom-a11yselect-container .custom-a11yselect-btn .custom-a11yselect-text:before { display: none } .wrapper-facette .form-reserve .facette-select .custom-a11yselect-container .custom-a11yselect-btn .custom-a11yselect-text:after { content: ""; display: block; width: 100%; height: 4px; background-color: #1ec459; position: absolute; bottom: -10px; left: 0 } .wrapper-facette .form-reserve .facette-select .custom-a11yselect-container .custom-a11yselect-menu li { margin-left: 0 } .wrapper-facette .form-reserve .facette-select .custom-a11yselect-container .custom-a11yselect-menu li button { border-radius: 0 } .bloc-download:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .bloc-download ul { margin-bottom: 0 } .bloc-download ul li { width: 50%; float: left; padding: 0; margin-bottom: 20px } .bloc-download ul li:before { content: none } .bloc-download ul li:after { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #000), color-stop(0%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, #000 40%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to bottom, #000 40%, rgba(255,255,255,0) 0%) } .bloc-download ul li:last-child { margin: 0 } @media screen and (max-width: 1024px) { .bloc-download ul li { width:100%; float: none } } .bloc-download ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 30px 8px 20px; color: #000; cursor: pointer } @media screen and (max-width: 599px) { .bloc-download ul li a { padding-right:10px } } body:not(.no-hover) .bloc-download ul li a:hover,body:not(.no-hover) .bloc-download ul li a:focus { color: #1ec459 } body:not(.no-hover) .bloc-download ul li a:hover .title:after,body:not(.no-hover) .bloc-download ul li a:focus .title:after { opacity: 1; width: 100% } .bloc-download ul li a:focus { outline: 1px dashed #000 } .bloc-download ul li a .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: 0 } .bloc-download ul li a .container span { margin-right: 15px } .bloc-download ul li a .container span:last-of-type { margin-right: 0 } .bloc-download ul li a .title { position: relative; font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #000; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-download ul li a .title { width:55% } } .bloc-download ul li a .title:after { content: ''; display: block; width: 0; height: 3px; background-color: #000; opacity: 0; position: absolute; bottom: 0; left: 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-download ul li a .type { margin-right:5px } } .bloc-download ul li a .poids { color: #000 } @media screen and (max-width: 599px) { .bloc-download ul li a .poids { white-space:nowrap } } .bloc-download ul li a .icon-ico-download { color: #000; line-height: 24px; margin-left: 15px } .bloc-download.bloc-texte a { text-decoration: none } .bloc-parallax { position: relative; background-attachment: fixed !important; background-size: cover !important; height: calc(100vh - 80px) } @media screen and (max-width: 599px) { .bloc-parallax { height:calc(100vh - 60px) } } .bloc-parallax:before { content: ''; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000); background: linear-gradient(180deg, rgba(0,0,0,0), #000); z-index: 30 } .bloc-parallax:after { content: ''; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000); background: linear-gradient(180deg, rgba(0,0,0,0), #000); z-index: 30 } @media screen and (max-width: 599px) { .bloc-parallax:after { opacity:0.5; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), #000); background: linear-gradient(0deg, rgba(0,0,0,0), #000) } } .no-hover .bloc-parallax { background-attachment: inherit !important } @media screen and (max-width: 1024px) { .bloc-parallax .caption .intro-title { max-width:60% } } @media screen and (max-width: 980px) { .bloc-parallax .caption .intro-title { max-width:90% } } .bloc-parallax .caption .intro-title:last-child { margin-bottom: 100px } .bloc-parallax .intro-container { margin: auto } @media screen and (max-width: 1024px) { .bloc-parallax .intro-container { padding:40px 80px 26px 80px } } @media screen and (max-width: 980px) { .bloc-parallax .intro-container { padding:40px 40px 26px 40px } } .no-hover .bloc-sejour .link { opacity: 1; visibility: visible; position: relative; bottom: -5px } .bloc-sejour h2 { font-family: "Roboto",Sans-Serif; font-size: 60px; font-weight: 700; color: #000; line-height: 54px } .bloc-sejour h3 { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 28px } .bloc-sejour p { width: 60%; margin: 0 auto 60px auto } @media screen and (max-width: 980px) { .bloc-sejour p { width:80% } } @media screen and (max-width: 599px) { .bloc-sejour p { width:calc(100% - 40px) } } .bloc-sejour .link { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #000; line-height: 22px; width: auto; display: inline-block; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-sejour .link { opacity:1 } } .bloc-sejour .link:after { content: ''; display: block; width: 0px; height: 4px; background-color: #1ec459; margin-top: 10px; -webkit-transition: all .2s ease; transition: all .2s ease } .no-hover .bloc-sejour .link  { opacity: 1; visibility: visible } .bloc-sejour>[class^="col-"] { position: relative; height: 25.625rem } @media screen and (max-width: 599px) { .bloc-sejour>[class^="col-"] { height:100% } } .bloc-sejour>[class^="col-"]:before { content: none; left: 20px; right: 20px; width: calc(100% - 40px) } @media screen and (max-width: 599px) { .bloc-sejour>[class^="col-"]:before { content:'' } } @media screen and (max-width: 599px) { .bloc-sejour>[class^="col-"]:after { content:none } } @media screen and (max-width: 980px) { .bloc-sejour>[class^="col-"]:nth-child(4):after { content:none } } .bloc-sejour>[class^="col-"]:last-child:after { content: none } .bloc-sejour>[class^="col-"]:last-child:before { content: none } .bloc-sejour>[class^="col-"] a { display: block; height: 100% } @media screen and (max-width: 599px) { .bloc-sejour>[class^="col-"] a { padding-bottom:30px } } .bloc-sejour>[class^="col-"] a:before { content: ''; position: absolute; z-index: 1; top: -40px; bottom: -40px; left: -1px; right: -1px; background: #fff; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; transition: all .2s ease } .no-hover .bloc-sejour>[class^="col-"] a:before { content: none } .bloc-sejour>[class^="col-"] a:after { content: ''; position: absolute; top: -40px; left: 0; right: 0; height: 4px; background: #1ec459; opacity: 0; visibility: hidden; z-index: 1000; -webkit-transition: all .2s ease; transition: all .2s ease } .no-hover .bloc-sejour>[class^="col-"] a:after { content: none } body:not(.no-hover) .bloc-sejour>[class^="col-"] a:hover,body:not(.no-hover) .bloc-sejour>[class^="col-"] a:focus { z-index: 10 } body:not(.no-hover) .bloc-sejour>[class^="col-"] a:hover:before,body:not(.no-hover) .bloc-sejour>[class^="col-"] a:hover:after,body:not(.no-hover) .bloc-sejour>[class^="col-"] a:focus:before,body:not(.no-hover) .bloc-sejour>[class^="col-"] a:focus:after { opacity: 1; visibility: visible } body:not(.no-hover) .bloc-sejour>[class^="col-"] a:hover .link,body:not(.no-hover) .bloc-sejour>[class^="col-"] a:focus .link { opacity: 1; visibility: visible } body:not(.no-hover) .bloc-sejour>[class^="col-"] a:hover .link:after,body:not(.no-hover) .bloc-sejour>[class^="col-"] a:focus .link:after { width: 100% } .bloc-sejour>[class^="col-"] a>div { position: absolute; left: 0; top: 56%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 100 } @media (max-width: 1279px) { .bloc-sejour>[class^="col-"] a>div { top:50% } } @media screen and (max-width: 599px) { .bloc-sejour>[class^="col-"] a>div { position:relative; top: auto; -webkit-transform: none; -ms-transform: none; transform: none } } .bloc-sejour>[class^="col-"] a>div figure { position: relative; background: none; height: 100px; margin-bottom: 50px } @media screen and (max-width: 599px) { .bloc-sejour>[class^="col-"] a>div figure { margin:30px auto } } .bloc-sejour>[class^="col-"] a>div figure img { width: auto; height: auto; display: block; margin: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .bloc-sejour>[class^="col-"] a>div .credits,.bloc-sejour>[class^="col-"] a>div figcaption { display: none } .bloc-sejour>[class^="col-"] a>div p { width: 75%; margin-bottom: 15px } @media screen and (max-width: 1024px) { .bloc-sejour>[class^="col-"] a>div p { width:90% } } @media screen and (max-width: 980px) { .bloc-sejour>[class^="col-"] a>div p { width:75% } } @media screen and (max-width: 599px) { .bloc-sejour>[class^="col-"] a>div p { width:calc(100% - 40px) } } .wrapper-main { overflow: hidden } .top10 { margin-bottom: 40px; padding-top: 0 } @media screen and (max-width: 599px) { .top10 { margin-bottom:0 } } .top10 .bloc-texte .special-link h2,.top10 .bloc-texte .special-link h3 { -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .top10 .bloc-texte .special-link:hover,body:not(.no-hover) .top10 .bloc-texte .special-link:focus { text-decoration: none } body:not(.no-hover) .top10 .bloc-texte .special-link:hover h2,body:not(.no-hover) .top10 .bloc-texte .special-link:hover h3,body:not(.no-hover) .top10 .bloc-texte .special-link:focus h2,body:not(.no-hover) .top10 .bloc-texte .special-link:focus h3 { color: #1ec459 !important } .top10 div:first-of-type:after { bottom: -20px } .top10>div { padding: 40px 0; position: relative } .top10>div:after { content: ''; display: block; clear: both; height: 80px; width: 4px; background: #1ec459; position: absolute; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } @media screen and (max-width: 599px) { .top10>div:after { content:none } } .top10>div:before { content: ''; position: absolute; top: 24px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 16px; height: 16px; background: #1ec459; border-radius: 50%; border: 10px solid #fff; z-index: 1000 } .top10>div:nth-child(even) .img { float: right } .top10>div:nth-child(even) .txt { padding-right: 50px; text-align: right; padding-left: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width: 599px) { .top10>div:nth-child(even) .txt { padding:0 } } .top10>div:nth-child(even) .txt .number { margin-top: -8px } .top10>div:last-child>div:before { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; color: #1ec459; position: absolute; top: calc(100% + 22px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); font-size: 28px } .top10>div .content { position: absolute; bottom: -70px; left: 0; right: 0; z-index: 0; background-color: transparent; letter-spacing: 2px; text-transform: uppercase; width: 100%; text-align: right } .top10>div .content span { font-family: "Roboto",Sans-Serif; font-size: 168px; font-weight: 700; color: rgba(0,0,0,0.1); line-height: 168px } @media screen and (max-width: 1024px) { .top10>div .content span { font-size:120px; line-height: 120px } } @media screen and (max-width: 980px) { .top10>div .content span { font-size:100px; line-height: 100px } } @media screen and (max-width: 599px) { .top10>div .content span { font-size:60px; line-height: 60px } } @media screen and (max-width: 599px) { .top10>div .content { position:relative; bottom: -30px; width: calc(100% + 40px); padding-right: 40px } } @media screen and (max-width: 599px) { .top10>div .content { width:calc(100% + 20px); padding-right: 20px } } .top10>div>div:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } .top10>div .img { position: relative; width: 736px; float: left; z-index: 100 } .top10>div .img:after { content: ''; display: block; clear: both } @media screen and (max-width: 1024px) { .top10>div .img { width:60% } } @media screen and (max-width: 980px) { .top10>div .img { width:55% } } @media screen and (max-width: 599px) { .top10>div .img { width:100% } } .top10>div .img figure img { height: auto } .top10>div .img.has-legend:before { content: ""; display: block; width: 100%; height: 140px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000); background: linear-gradient(180deg, rgba(0,0,0,0), #000); position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; pointer-events: none } .top10>div .img span.credits:before { right: 4px } .top10>div .img>a { display: block } body:not(.no-hover) .top10>div .img>a:hover figure img,body:not(.no-hover) .top10>div .img>a:focus figure img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); opacity: 0.7 } .top10>div .img>a figure { overflow: hidden } .top10>div .img>a figure img { height: auto } .top10>div .img>a figure span.credits:before { right: 5px } .top10>div .img>a figure figcaption.credits:before { right: 0px } .top10>div .img>a figure:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 140px; z-index: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000); background: linear-gradient(180deg, rgba(0,0,0,0), #000) } .top10>div .img>a figure img { opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .top10>div .img>a figure img { height:300px } } .top10>div .img .legende { position: absolute; top: auto; bottom: 20px; color: #fff; left: 20px; right: 20px; line-height: 1.125rem; font-size: .875rem; overflow: visible; max-width: none; white-space: normal; text-align: left } .top10>div .img .legende:before,.top10>div .img .legende:after { display: none } .top10>div .txt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: calc(100% - 736px); float: left; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); padding-left: 50px; z-index: 100 } .top10>div .txt:after { content: ' '; visibility: hidden; display: block; font-size: 0; clear: both; height: 0 } @media screen and (max-width: 1024px) { .top10>div .txt { width:40% } } @media screen and (max-width: 980px) { .top10>div .txt { width:45% } } @media screen and (max-width: 599px) { .top10>div .txt { width:100%; padding-left: 0; margin-top: 20px } } .top10>div .txt .number { font-family: "Roboto",Sans-Serif; font-size: 120px; font-weight: 700; color: #000; line-height: 100px; display: block; width: 100%; white-space: nowrap; margin-bottom: 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } @media screen and (max-width: 1024px) { .top10>div .txt .number { font-size:90px; line-height: 80px } } @media screen and (max-width: 980px) { .top10>div .txt .number { font-size:70px; line-height: 60px; -webkit-transform: none; -ms-transform: none; transform: none } } @media screen and (max-width: 599px) { .top10>div .txt .number { white-space:normal; word-break: break-all; font-size: 60px; line-height: 50px; -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 10px } } .top10>div .txt .number+.surtitre { margin-top: 10px } .top10>div .txt .surtitre { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .top10>div .txt .special-link { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .top10>div .txt>* { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .top10>div .txt a:not(.link):not(.btn) { width: 100%; color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .top10>div .txt a:not(.link):not(.btn):hover,body:not(.no-hover) .top10>div .txt a:not(.link):not(.btn):focus { color: #000 } body:not(.no-hover) .top10>div .txt a:not(.link):not(.btn):hover h2,body:not(.no-hover) .top10>div .txt a:not(.link):not(.btn):focus h2 { color: #000 } @media screen and (max-width: 599px) { .top10>div { overflow:hidden } } .bloc-pub { clear: both; margin: 40px auto 20px auto; position: relative; padding: 0; display: block !important; max-width: 1520px !important; width: 1200px; height: 250px } @media screen and (min-width: 1600px) { .bloc-pub { width:1520px; height: 318px } } @media screen and (max-width: 1279px) { .bloc-pub { width:calc(100% - 80px) } } @media screen and (max-width: 1280px) { .bloc-pub { margin:40px !important } } .bloc-pub a { display: block; padding: 0 !important; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease } .bloc-pub a:after { display: block; content: ''; height: 4px; position: absolute; top: 0; left: 0; right: 0; background: #1ec459; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease } body:not(.no-hover) .bloc-pub a:hover { -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35) } body:not(.no-hover) .bloc-pub a:hover:after { opacity: 1 } @media screen and (max-width: 1280px) { .bloc-pub a { height:250px } } .bloc-pub a figure { width: 100%; height: 100%; min-height: 250px } @media screen and (min-width: 1600px) { .bloc-pub a figure { height:318px } } @media screen and (max-width: 1280px) { .bloc-pub a figure { height:250px } } .bloc-pub a figure:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(215deg, rgba(0,0,0,0), rgba(0,0,0,0.7)); background: linear-gradient(-125deg, rgba(0,0,0,0), rgba(0,0,0,0.7)); z-index: 1 } .bloc-pub a figure img { position: absolute; width: 100%; top: 0; left: 0; height: 100%; -o-object-fit: cover; object-fit: cover } .bloc-pub .caption { position: absolute; left: 40px; right: 40px; height: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2 } .bloc-pub .caption h2 { font-size: 3.75rem; line-height: 3.125rem; color: #fff; margin-bottom: 0 } .bloc-pub .caption span:not(.basic-link) { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 700; color: #fff; line-height: 27px; text-transform: uppercase; display: block } .bloc-pub .caption .basic-link { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #1ec459; line-height: 27px } @media screen and (max-width: 600px) { .bloc-pub { width:300px !important; height: 250px !important; position: relative; margin: 40px auto !important; overflow: hidden } .bloc-pub a { width: 300px !important; height: 250px !important; position: relative; overflow: hidden } .bloc-pub a figure { width: 300px !important; height: 250px !important; position: relative; overflow: hidden } .bloc-pub a figure img { width: 300px !important; height: 250px !important } .bloc-pub .caption { position: absolute; bottom: 20px; left: 20px; right: 20px; height: auto; top: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .bloc-pub .caption h2 { font-size: 1.875rem; line-height: 1.875rem; color: #fff; margin-bottom: 0; padding: 5px 0 10px 0 } .bloc-pub .caption span:not(.basic-link) { text-transform: uppercase; color: #fff; font-size: .9375rem; line-height: .9375rem; font-weight: 200; display: block; padding-bottom: 8px } .bloc-pub .caption .basic-link { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #1ec459; line-height: 24px } } .bloc-tableau.bloc-texte .h2 { margin-top: 0 } .bloc-tableau table { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; position: relative; border: 1px solid rgba(0,0,0,0.2); text-align: center } .bloc-tableau table tr th { position: relative; font-weight: 700; color: #fff; background: #1ec459; padding: 18px 20px } .bloc-tableau table tr th:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 100%; background: rgba(0,0,0,0.2) } @media screen and (max-width: 599px) { .bloc-tableau table tr th:after { content:none } } @media screen and (max-width: 599px) { .bloc-tableau table tr th { min-width:150px } } .bloc-tableau table tr th:last-child:after { content: none } .bloc-tableau table tr td { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #000; line-height: 24px; position: relative; padding: 20px } .bloc-tableau table tr td:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 100%; background: rgba(0,0,0,0.2) } @media screen and (max-width: 599px) { .bloc-tableau table tr td:after { content:none } } .bloc-tableau table tr td:last-child:after { content: none } .bloc-tableau table tbody tr { background: #fff } .bloc-tableau table tbody tr:nth-child(odd) { background: #eeeeee } .bloc-tableau.bloc-tableau-dispo h3 { margin-bottom: 10px } .bloc-tableau.bloc-tableau-dispo table tr th:first-child { width: 227px } @media screen and (max-width: 599px) { .bloc-tableau.bloc-tableau-dispo table tr th:first-child { min-width:150px } } @media screen and (max-width: 599px) { .bloc-tableau.bloc-tableau-dispo table tr th { min-width:auto } } .bloc-tableau.bloc-tableau-dispo table tr th.tooltip:last-child .tooltiptext { right: 20px; left: auto; -webkit-transform: none; -ms-transform: none; transform: none } .bloc-tableau.bloc-tableau-dispo table tr th.tooltip:last-child .tooltiptext:after { left: auto; right: 15px } .bloc-tableau.bloc-tableau-dispo table tr th.tooltip .tooltiptext { font-family: "Roboto",Sans-Serif; font-size: 13px; font-weight: 400; color: #000; line-height: 20px; padding: 6px 5px 8px 5px; width: calc(100% + 10px); height: auto; background: #474747; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); margin: 0 } .bloc-tableau.bloc-tableau-dispo table tr th.tooltip .tooltiptext:after { border-color: transparent transparent #474747 transparent } .bloc-tableau.bloc-tableau-dispo table tr th span:not(.tooltiptext) { font-size: 20px } .bloc-tableau.bloc-tableau-dispo table tr td:first-child { width: 227px } @media screen and (max-width: 599px) { .bloc-tableau.bloc-tableau-dispo table tr td:first-child { min-width:100% } } @media screen and (max-width: 599px) { .bloc-tableau.bloc-tableau-dispo table tr td { min-width:auto } } @media screen and (max-width: 599px) { .bloc-tableau.bloc-tableau-dispo table tr td [class^="icon-"],.bloc-tableau.bloc-tableau-dispo table tr td [class*=" icon-"] { font-size:17px; display: inline-block; vertical-align: middle; position: relative; top: -3px; margin-right: 5px } } .bloc-follow { border-top: 1px solid #ccc; padding: 60px 0 0; text-align: center } .bloc-follow .title-bloc { font-family: "Roboto",Sans-Serif; font-size: 50px; font-weight: 700; color: #000; line-height: 50px; text-transform: uppercase; display: block; margin-bottom: 5px } @media screen and (max-width: 599px) { .bloc-follow .title-bloc { font-size:2.1875rem; line-height: 2.1875rem } } .bloc-follow p { font-size: .9375rem; line-height: 1.5rem; max-width: 540px; margin: 0 auto } .bloc-follow ul { font-size: 0; text-align: center; margin: 25px 0 } .bloc-follow ul>* { display: inline-block; vertical-align: middle } .bloc-follow ul>*:last-of-type a:after { content: none } .bloc-follow ul>* a { position: relative; display: block; padding: 0 20px } @media screen and (max-width: 599px) { .bloc-follow ul>* a { padding:0 15px } } @media screen and (max-width: 320px) { .bloc-follow ul>* a { padding:0 10px } } .bloc-follow ul>* a:after { content: ''; position: absolute; top: 50%; right: 0; bottom: 0; margin-top: -11px; width: 1px; height: 22px; background: #ccc } .bloc-follow ul>* a figure { background: none } .bloc-follow ul>* a figure img { width: auto; height: 45px } .bloc-follow .list-hashtags { margin-bottom: 8px } .bloc-follow .list-hashtags span { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 36px; position: relative; display: block; margin-bottom: 4px } .bloc-follow .list-hashtags span:last-of-type { margin-bottom: 0 } .bloc-html>*:last-child { margin-bottom: 0 !important } .bloc-html div#mb_module.mb-css.mb_module .cdf_outsideCircle .mb_option-color-texte-btn svg.mb_svg-icon [fill]:not([fill=none]),.bloc-html div#mb_module.mb-css.mb_module .label-cloud-tags.mb_option-color-texte-btn svg.mb_svg-icon [fill]:not([fill=none]) { fill: #000 !important } .bloc-html div#mb_module.mb-css.mb_module div.cdf_Objet a { display: block } body:not(.no-hover) .bloc-html div#mb_module.mb-css.mb_module div.cdf_Objet a:hover { text-decoration: underline !important } .bloc-html div#mb_module.mb-css.mb_module div.cdf_Objet a:focus { outline: 1px dashed #000 !important } .bloc-bandeau-information { position: relative; z-index: 1 } .bloc-bandeau-information>div { position: relative; font-size: 0; background: #1ec459; padding: 32px 40px } .bloc-bandeau-information>div:after { content: ''; display: block; clear: both } @media screen and (max-width: 980px) { .bloc-bandeau-information>div { padding:20px } } .bloc-bandeau-information>div>* { position: relative; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box } .bloc-bandeau-information>div h3 { position: relative; text-transform: uppercase; width: 310px; padding-right: 40px; margin: 0; color: #000; line-height: 1.875rem } @media screen and (max-width: 980px) { .bloc-bandeau-information>div h3 { width:100%; padding-right: 0 } } .bloc-bandeau-information>div h3+.txt { width: calc(100% - 310px); padding: 0 40px } @media screen and (max-width: 980px) { .bloc-bandeau-information>div h3+.txt { width:100%; margin-top: 20px; padding: 0 } } .bloc-bandeau-information>div h3+.txt:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; height: 100%; background: rgba(0,0,0,0.15) } @media screen and (max-width: 980px) { .bloc-bandeau-information>div h3+.txt:before { content:none } } .bloc-bandeau-information>div .txt { padding: 0 40px } .bloc-bandeau-information>div .txt>*:last-child { margin-bottom: 0 } .bloc-bandeau-information>div .txt p { position: relative; font-size: .875rem; line-height: 1.25rem; color: #000 } .bloc-bandeau-information>div .txt p a { color: #000; text-decoration: underline; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-bandeau-information>div .txt p a:hover,body:not(.no-hover) .bloc-bandeau-information>div .txt p a:focus { color: #fff } .bloc-bandeau-information>div .txt .link { font-family: "Roboto",Sans-Serif; font-size: 24px; font-weight: 700; color: #000; line-height: 24px; position: relative; display: inline-block; margin-top: 10px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-bandeau-information>div .txt .link:after { content: ''; display: block; width: 0; height: 3px; background-color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-bandeau-information>div .txt .link:hover,body:not(.no-hover) .bloc-bandeau-information>div .txt .link:focus { color: #000 } body:not(.no-hover) .bloc-bandeau-information>div .txt .link:hover:after,body:not(.no-hover) .bloc-bandeau-information>div .txt .link:focus:after { width: 100% } .bloc-faq:not(.texte-with-accordeon) h2 { text-align: center } .bloc-faq .tab-buttons { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px } @media screen and (max-width: 599px) { .bloc-faq .tab-buttons { margin-top:20px } } .bloc-faq .tab-buttons button { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; position: relative; background: #e5e5e5; -webkit-box-flex: 1; -ms-flex: 1 0 33.33%; flex: 1 0 33.33%; padding: 18px 20px; margin: 0; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 980px) { .bloc-faq .tab-buttons button { -webkit-box-flex:1; -ms-flex: 1 0 50%; flex: 1 0 50% } } @media screen and (max-width: 599px) { .bloc-faq .tab-buttons button { -webkit-box-flex:0; -ms-flex: none; flex: none; right: 0; width: 100% } } .bloc-faq .tab-buttons button:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.2) } body:not(.no-hover) .bloc-faq .tab-buttons button:hover,body:not(.no-hover) .bloc-faq .tab-buttons button:focus { cursor: pointer; color: #fff; background: #000 } .bloc-faq .tab-buttons button[aria-selected="true"] { cursor: pointer; color: #000; background: #1ec459 } .bloc-faq .wrapper-accordeons { display: block } .bloc-faq .wrapper-accordeons[hidden="hidden"] { display: none !important } .bloc-faq .wrapper-accordeons h3 { color: #000 } .bloc-faq .wrapper-accordeons .accordeon.open { background: rgba(229,229,229,0.2) } .bloc-faq .wrapper-accordeons .accordeon.open .title-accordeon button { color: #000 } .bloc-faq .wrapper-accordeons .accordeon.open .title-accordeon button:before { opacity: 0 } .bloc-faq .wrapper-accordeons .accordeon.open .title-accordeon button:after { color: #000; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .bloc-faq .wrapper-accordeons .accordeon .title-accordeon { margin: 0 } .bloc-faq .wrapper-accordeons .accordeon .title-accordeon button { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 18px; right: 0; text-transform: uppercase; position: relative; display: block; text-align: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 26px 60px 26px 30px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-faq .wrapper-accordeons .accordeon .title-accordeon button { font-size:.875rem; padding: 18px 35px 18px 20px } } body:not(.no-hover) .bloc-faq .wrapper-accordeons .accordeon .title-accordeon button:hover,body:not(.no-hover) .bloc-faq .wrapper-accordeons .accordeon .title-accordeon button:focus { cursor: pointer; background: rgba(229,229,229,0.2) } .bloc-faq .wrapper-accordeons .accordeon .title-accordeon button:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0,0,0,0.2); -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-faq .wrapper-accordeons .accordeon .title-accordeon button:after { content: "\e90f"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: 16px; position: absolute; right: 30px; top: 50%; color: #000; margin-top: -8px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-faq .wrapper-accordeons .accordeon .title-accordeon button:after { right:20px } } .bloc-faq .wrapper-accordeons .accordeon .item { max-height: 0; overflow: hidden } .bloc-faq .wrapper-accordeons .accordeon .item.anim { -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-faq .wrapper-accordeons .accordeon .item .bloc-texte { padding: 20px 30px 35px 30px } @media screen and (max-width: 599px) { .bloc-faq .wrapper-accordeons .accordeon .item .bloc-texte { padding:20px 30px 30px 30px } } .bloc-faq .wrapper-accordeons .accordeon .item .bloc-texte a { color: #000; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-faq .wrapper-accordeons .accordeon .item .bloc-texte a:hover,body:not(.no-hover) .bloc-faq .wrapper-accordeons .accordeon .item .bloc-texte a:focus { color: #000; font-weight: 700 } .bloc-faq .wrapper-accordeons .accordeon .item .bloc-texte a:focus { outline: 1px dashed #000 } .bloc-relation-apidae-contact .title-responsive { display: none; visibility: hidden } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .title-responsive { display:block; visibility: visible; font-family: "Roboto",Sans-Serif; font-size: 40px; font-weight: 700; color: #000; line-height: 44px; text-transform: uppercase; margin: 0 0 35px 0 } } .bloc-relation-apidae-contact__container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border: 1px solid #b2b2b2 } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact__container { -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: none; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2) } } .bloc-relation-apidae-contact .wrapper-maps { position: absolute; top: 0; left: 0; height: 100%; width: 60%; z-index: 2 } @media screen and (max-width: 980px) { .bloc-relation-apidae-contact .wrapper-maps { width:50% } } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .wrapper-maps { position:relative; top: auto; left: auto; width: 100%; height: 245px } } .bloc-relation-apidae-contact .wrapper-maps .static-map img { max-height: 200px } .bloc-relation-apidae-contact .wrapper-maps .wrapper-price { -webkit-transform: none; -ms-transform: none; transform: none; left: 40px; width: 90px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-relation-apidae-contact .wrapper-maps .wrapper-price .price>span { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 30px; text-transform: uppercase } .bloc-relation-apidae-contact .wrapper-maps .wrapper-price .price>span .prix { font-size: 32px } .bloc-relation-apidae-contact .wrapper-maps .wrapper-price .price>span .prix span { font-family: "Roboto",Sans-Serif; font-size: 22px; font-weight: 700; color: #000; line-height: 30px } .bloc-relation-apidae-contact .wrapper-maps .btn-small { font-family: "Roboto",Sans-Serif; font-size: 14px; font-weight: 400; color: #fff; line-height: 24px; background: #000; position: absolute; bottom: 15px; right: 15px; padding: 5px 15px; border-radius: 10px; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 500 } body:not(.no-hover) .bloc-relation-apidae-contact .wrapper-maps .btn-small:hover,body:not(.no-hover) .bloc-relation-apidae-contact .wrapper-maps .btn-small:focus { background: #1ec459; color: #fff } .bloc-relation-apidae-contact .sticky-bar { width: 40%; position: relative; z-index: 1; overflow: hidden } @media screen and (max-width: 980px) { .bloc-relation-apidae-contact .sticky-bar { width:50% } } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .sticky-bar { width:100% } } .bloc-relation-apidae-contact .sticky-bar .wrapper-content { padding: 25px 20px 40px 20px } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .sticky-bar .wrapper-content { padding:30px } } .bloc-relation-apidae-contact .sticky-bar h2 { font-size: 42px; line-height: 46px } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .sticky-bar h2 { display:none } } .bloc-relation-apidae-contact .sticky-bar h2+p:first-line { font-weight: 700 } .bloc-relation-apidae-contact .sticky-bar a { color: #000; font-weight: 700 } .bloc-relation-apidae-contact .sticky-bar a:not(.btn) { margin-top: 10px; margin-right: 15px; display: inline-block } body:not(.no-hover) .bloc-relation-apidae-contact .sticky-bar a:not(.btn):hover,body:not(.no-hover) .bloc-relation-apidae-contact .sticky-bar a:not(.btn):focus { color: #000; text-decoration: none } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .sticky-bar>* { margin-left:0 } } .bloc-relation-apidae-contact .sticky-bar .surtitre { font-size: 18px; color: #1ec459 } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .sticky-bar .surtitre { font-family:"Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 28px; margin-bottom: 12px; text-transform: none; letter-spacing: 0px } } .bloc-relation-apidae-contact .sticky-bar p { margin-bottom: 15px } .bloc-relation-apidae-contact .sticky-bar p strong { display: block } .bloc-relation-apidae-contact .sticky-bar p a:nth-child(2) { padding-left: 15px } .bloc-relation-apidae-contact .sticky-bar .btn { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; margin: 15px 0; float: none } body:not(.no-hover) .bloc-relation-apidae-contact .sticky-bar .btn:hover,body:not(.no-hover) .bloc-relation-apidae-contact .sticky-bar .btn:focus { background: #000; color: #fff } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .sticky-bar .btn { width:100%; margin: 15px 0; padding: 12px 0 } } .bloc-relation-apidae-contact .sticky-bar>.btn { margin-left: 40px } .bloc-relation-apidae-contact .sticky-bar .btn-telephone { margin-top: 0; margin-bottom: 0 } .bloc-relation-apidae-contact .sticky-bar .btn-telephone:last-child { margin-top: 5px } .bloc-relation-apidae-contact .sticky-bar .reserv { text-align: left; min-height: 50px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAACCAIAAAA4pgDiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTZCODRDMjlFMkYxMUU4QTZEMkEzMEY2N0Q3RTFDQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTZCODRDMzlFMkYxMUU4QTZEMkEzMEY2N0Q3RTFDQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFNkI4NEMwOUUyRjExRThBNkQyQTMwRjY3RDdFMUNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFNkI4NEMxOUUyRjExRThBNkQyQTMwRjY3RDdFMUNCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XHK8TgAAADRJREFUeNpilJeXZ0ACJ06ckJCQYMANXrx4YWFhAecyoUmXl5e/fv0al2agFFABsghAgAEAVFEOrescdPYAAAAASUVORK5CIIA="); background-size: 21px 2px; background-position: top left; background-repeat: repeat-x; background-color: #1f1f1f; padding: 32px 20px 20px 20px } @media screen and (max-width: 599px) { .bloc-relation-apidae-contact .sticky-bar .reserv { padding:32px 20px 20px 20px } } .bloc-relation-apidae-contact .sticky-bar .reserv p { color: #fff; font-size: .75rem; line-height: 1.25rem } @media screen and (max-width: 980px) { .bloc-relation-apidae-contact .sticky-bar .reserv p { font-size:.875rem } } .bloc-relation-apidae-contact .sticky-bar .reserv a { margin-top: 0; text-transform: uppercase; font-size: 1.875rem } .bloc-relation-apidae-contact .sticky-bar .reserv a.btn-telephone { font-size: 1.375rem } .bloc-relation-apidae-contact .sticky-bar .reserv a:not(:last-child) { margin-right: 25px } .bloc-relation-apidae-contact .sticky-bar .reserv .btn { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; text-transform: none; margin: 0 } body:not(.no-hover) .bloc-relation-apidae-contact .sticky-bar .reserv .btn:hover,body:not(.no-hover) .bloc-relation-apidae-contact .sticky-bar .reserv .btn:focus { background: #fff; color: #000 !important } .bloc-relation-apidae-contact .toFiche .btn { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 16px 15px } .bloc-reservation .intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 42px } @media screen and (max-width: 1024px) { .bloc-reservation .intro { -ms-flex-wrap:wrap; flex-wrap: wrap; margin-bottom: 20px } } @media screen and (max-width: 980px) { .bloc-reservation .intro { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .bloc-reservation .intro .titre { -ms-flex-preferred-size: 55%; flex-basis: 55%; font-size: 3.125rem; line-height: 3.75rem; font-weight: 600; margin-bottom: 0; margin-top: -5px } @media screen and (max-width: calc(1200px + 80px + 80px)) { .bloc-reservation .intro .titre { -ms-flex-preferred-size:70%; flex-basis: 70% } } @media screen and (max-width: 1024px) { .bloc-reservation .intro .titre { -ms-flex-preferred-size:50%; flex-basis: 50% } } .bloc-reservation .intro p { margin-bottom: 0 } @media screen and (max-width: 1024px) { .bloc-reservation .intro p { -ms-flex-preferred-size:50%; flex-basis: 50% } } .bloc-reservation .wrapper-btn-tab { position: relative; margin: 0 0 -0.1em; font-size: 0; overflow: visible } .bloc-reservation .wrapper-btn-tab:after { content: ''; display: block; width: 100%; height: 1px; background-color: rgba(0,0,0,0.2); position: absolute; bottom: 1px; left: 0; right: 0; z-index: 3 } .bloc-reservation .wrapper-btn-tab [role="tab"] { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 36px; text-transform: uppercase; position: relative; z-index: 5; margin: 0; padding: 18px 32px; overflow: visible; background: #F2F2F2; outline: none; border: none; cursor: pointer } @media screen and (max-width: 599px) { .bloc-reservation .wrapper-btn-tab [role="tab"] { right:0; width: 100% } } .bloc-reservation .wrapper-btn-tab [role="tab"][aria-selected="true"] { background: #fff; border: 1px solid rgba(0,0,0,0.2); border-bottom: #fff } @media screen and (max-width: 599px) { .bloc-reservation .wrapper-btn-tab [role="tab"][aria-selected="true"] { background-color:#1ec459; border: none } } body:not(.no-hover) .bloc-reservation .wrapper-btn-tab [role="tab"]:focus,body:not(.no-hover) .bloc-reservation .wrapper-btn-tab [role="tab"]:active { position: relative; z-index: 10 } .bloc-reservation [role="tabpanel"] { position: relative; z-index: 6; padding: 36px 30px 30px 40px; border: 1px solid rgba(0,0,0,0.2); border-top: none; background-color: #fff } @media screen and (max-width: 599px) { .bloc-reservation [role="tabpanel"] { padding-top:0 } } .bloc-reservation [role="tabpanel"] .filtres { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 842px) { .bloc-reservation [role="tabpanel"] .filtres { -ms-flex-wrap:wrap; flex-wrap: wrap } } .bloc-reservation [role="tabpanel"] .filtres .date { position: relative } .bloc-reservation [role="tabpanel"] .filtres .date .field-title { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 22px; display: block } .bloc-reservation [role="tabpanel"] .filtres .date .input-intro,.bloc-reservation [role="tabpanel"] .filtres .date input { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 26px; text-transform: uppercase } .bloc-reservation [role="tabpanel"] .filtres .date [class^="icon-"],.bloc-reservation [role="tabpanel"] .filtres .date [class*=" icon-"] { font-size: 1.3125rem } .bloc-reservation [role="tabpanel"] .filtres .date input { position: relative; border: none; width: 80px; margin-right: 1px } body:not(.no-hover) .bloc-reservation [role="tabpanel"] .filtres .date input:focus { outline: 1px dashed #000 } .bloc-reservation [role="tabpanel"] .filtres .date ::-webkit-input-placeholder { color: #000 } .bloc-reservation [role="tabpanel"] .filtres .date ::-moz-placeholder { color: #000 } .bloc-reservation [role="tabpanel"] .filtres .date :-ms-input-placeholder { color: #000 } .bloc-reservation [role="tabpanel"] .filtres .date ::-ms-input-placeholder { color: #000 } .bloc-reservation [role="tabpanel"] .filtres .date ::placeholder { color: #000 } .bloc-reservation [role="tabpanel"] .filtres .people-number .input-wrapper { position: relative } .bloc-reservation [role="tabpanel"] .filtres .people-number .input-wrapper:before { content: ''; display: block; width: 0%; opacity: 0; height: 4px; background-color: #000; position: absolute; bottom: -8px; z-index: 2; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-reservation [role="tabpanel"] .filtres .people-number .input-wrapper:after { content: ''; display: block; width: 100%; height: 4px; background-color: #1ec459; position: absolute; bottom: -8px } body:not(.no-hover) .bloc-reservation [role="tabpanel"] .filtres .people-number .input-wrapper:hover:before,body:not(.no-hover) .bloc-reservation [role="tabpanel"] .filtres .people-number .input-wrapper:focus:before { width: 100%; opacity: 1 } .bloc-reservation [role="tabpanel"] .filtres .hebergement .input-intro,.bloc-reservation [role="tabpanel"] .filtres .hebergement input { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase } .bloc-reservation [role="tabpanel"] .filtres .field-title { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 22px; display: block } .bloc-reservation [role="tabpanel"] .filtres select { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 700; color: #000; line-height: 24px; text-transform: uppercase; border: none } .bloc-reservation [role="tabpanel"] .filtres select optgroup { font-size: 10px !important } .bloc-reservation [role="tabpanel"] .filtres .input-number-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .bloc-reservation [role="tabpanel"] .filtres .input-number-group input[type=number]::-webkit-inner-spin-button,.bloc-reservation [role="tabpanel"] .filtres .input-number-group input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none } .bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number { font-family: "Roboto",Sans-Serif; font-size: 26px; font-weight: 600; color: #000; line-height: 24px; width: 25px; padding: 0 12px; vertical-align: top; text-align: center; outline: none; display: block; margin: 0 } .bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number,.bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number-decrement,.bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number-increment { border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 0; margin: 0; padding: 0 } .bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number-decrement,.bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number-increment { display: inline-block; background: none; cursor: pointer; margin: 0; padding: 7px 10px } .bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number-decrement [class^="icon-"],.bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number-decrement [class*=" icon-"],.bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number-increment [class^="icon-"],.bloc-reservation [role="tabpanel"] .filtres .input-number-group .input-number-increment [class*=" icon-"] { color: #000; font-size: 13px } .bloc-reservation [role="tabpanel"] .submit { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 600; color: #000; line-height: 24px; text-transform: uppercase; background-color: #1ec459; padding: 13px 40px; border: none; outline: none; cursor: pointer; -webkit-appearance: none; -webkit-transition: all .2s ease; transition: all .2s ease } body:not(.no-hover) .bloc-reservation [role="tabpanel"] .submit:hover,body:not(.no-hover) .bloc-reservation [role="tabpanel"] .submit:focus { background-color: #000; color: #fff } .bloc-reservation [role="tabpanel"] .submit:focus { outline: 1px dashed #000 } .bloc-reservation [role="tabpanel"]:focus { -webkit-box-shadow: none; box-shadow: none } .bloc-reservation [role="tabpanel"] p { margin: 0 } .bloc-reservation [role="tabpanel"] *+p { margin-top: 1em } .bloc-reservation .form-reserve { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 1000px) { .bloc-reservation .form-reserve .submit { display:inline-block; width: auto; height: auto; -ms-flex-item-align: start; align-self: flex-start; padding: 13px 40px; margin-top: 20px } } @media screen and (max-width: 768px) { .bloc-reservation .form-reserve .submit { display:block; width: 100% } } @media screen and (max-width: 599px) { .bloc-reservation .form-reserve .submit { margin-top:10px } } @media (max-width: 1000px) { .bloc-reservation .form-reserve .filtres { -ms-flex-wrap:wrap; flex-wrap: wrap } } @media (max-width: 1000px) { .bloc-reservation .form-reserve .filtres__field { border-right:none } } @media screen and (max-width: 599px) { .bloc-reservation .form-reserve .filtres__field { width:100% } } @media (max-width: 1000px) { .bloc-reservation .form-reserve .filtres__field:first-of-type { -ms-flex-preferred-size:100%; flex-basis: 100%; width: 100%; margin-bottom: 20px } } @media screen and (max-width: 599px) { .bloc-reservation .form-reserve .filtres__field:first-of-type { padding-right:0 } } .bloc-reservation .form-reserve .filtres__field:first-of-type .form-reserve { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media screen and (max-width: 599px) { .bloc-reservation .form-reserve .filtres__field:first-of-type .form-reserve { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 1000px) { .bloc-reservation .form-reserve .filtres #nombre-personnes { padding-left:0; padding-right: 40px; border-right: 1px dashed #000 } } @media screen and (max-width: 599px) { .bloc-reservation .form-reserve .filtres #nombre-personnes { padding-bottom:20px; padding-top: 20px; padding-right: 0; border-right: none; border-bottom: 1px dashed #b2b2b2; border-top: 1px dashed #b2b2b2 } } .bloc-reservation .form-reserve .filtres #type-hebergement { border-right: none } @media screen and (max-width: 599px) { .bloc-reservation .form-reserve .filtres #type-hebergement { padding:0; margin-top: 20px; margin-bottom: 20px } } @media (max-width: 842px) { .bloc-reservation .form-reserve .filtres #date-fin { border-right:none } } @media (max-width: 842px) { .bloc-reservation .form-reserve .filtres .input-number-group { -webkit-box-pack:start; -ms-flex-pack: start; justify-content: flex-start } } .bloc-reservation .form-reserve .date-coming-in,.bloc-reservation .form-reserve .date-going-out { position: relative } .bloc-reservation .form-reserve .date-coming-in:after,.bloc-reservation .form-reserve .date-going-out:after { content: '\e903'; display: block; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; float: left; font-size: 21px; float: none; position: relative; left: -10px; top: -2px } .bloc-reservation .form-reserve .date-coming-in .date-wrapper,.bloc-reservation .form-reserve .date-going-out .date-wrapper { position: relative } .bloc-reservation .form-reserve .date-coming-in .date-wrapper:before,.bloc-reservation .form-reserve .date-going-out .date-wrapper:before { content: ''; display: block; width: 0%; opacity: 0; height: 4px; background-color: #000; position: absolute; bottom: -8px; z-index: 2; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-reservation .form-reserve .date-coming-in .date-wrapper:after,.bloc-reservation .form-reserve .date-going-out .date-wrapper:after { content: ''; display: block; width: calc(100% - 19px); height: 4px; background-color: #1ec459; position: absolute; bottom: -8px } .bloc-reservation .form-reserve .date-coming-in .date-wrapper input,.bloc-reservation .form-reserve .date-going-out .date-wrapper input { vertical-align: middle; padding: 0; margin: 0; cursor: pointer } body:not(.no-hover) .bloc-reservation .form-reserve .date-coming-in .date-wrapper:hover:before,body:not(.no-hover) .bloc-reservation .form-reserve .date-coming-in .date-wrapper:focus:before,body:not(.no-hover) .bloc-reservation .form-reserve .date-going-out .date-wrapper:hover:before,body:not(.no-hover) .bloc-reservation .form-reserve .date-going-out .date-wrapper:focus:before { width: calc(100% - 19px); opacity: 1 } .bloc-reservation .form-reserve .date-coming-in { border-right: 1px dashed #000; padding-right: 20px } @media (max-width: 1000px) { .bloc-reservation .form-reserve .date-coming-in { padding-right:40px; width: 188px } } @media screen and (max-width: 980px) { .bloc-reservation .form-reserve .date-coming-in { margin-bottom:20px } } @media screen and (max-width: 599px) { .bloc-reservation .form-reserve .date-coming-in { width:100%; padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; padding-right: 0; border-right: none; border-bottom: 1px dashed #b2b2b2 } } .bloc-reservation .form-reserve .date-coming-in label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 22px; display: block; text-transform: none } .bloc-reservation .form-reserve .date-going-out { padding-left: 20px } @media screen and (max-width: 599px) { .bloc-reservation .form-reserve .date-going-out { padding-left:0; margin-top: 20px } } .bloc-reservation .form-reserve .date-going-out label { font-family: "Roboto",Sans-Serif; font-size: 15px; font-weight: 400; color: #000; line-height: 22px; display: block; text-transform: none } .bloc-reservation .form-inspire { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 768px) { .bloc-reservation .form-inspire { -ms-flex-wrap:wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .bloc-reservation .form-inspire .submit { margin-left: 50px } @media (max-width: 768px) { .bloc-reservation .form-inspire .submit { margin-left:0; -ms-flex-item-align: start; align-self: flex-start; margin-top: 20px; padding: 13px 40px; display: block; width: 100% } } @media screen and (max-width: 599px) { .bloc-reservation .form-inspire .submit { margin-top:10px } } @media screen and (max-width: 599px) { .bloc-reservation .form-inspire .filtres { -ms-flex-wrap:wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } } @media (max-width: 768px) { .bloc-reservation .form-inspire .filtres__field { width:50%; border-right: none } } @media screen and (max-width: 599px) { .bloc-reservation .form-inspire .filtres__field { border-bottom:1px dashed rgba(0,0,0,0.3); width: 100%; padding: 20px 0 } } @media screen and (max-width: 599px) { .bloc-reservation .form-inspire .filtres__field:last-of-type { border-bottom:none } } .bloc-reservation .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .bloc-reservation .wrapper .input-intro { margin-right: 5px } @media (max-width: 1000px) { .bloc-reservation form.form-reserve { -webkit-box-orient:vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .bloc-reservation .clermontpass-tab-content { padding-top: 30px } .bloc-reservation .clermontpass-tab-content>div { padding-bottom: 30px } @media (min-width: 800px) { .bloc-reservation .clermontpass-tab-content { padding-top:0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .bloc-reservation .clermontpass-tab-content>div { width: 70%; border-right: 1px dashed rgba(0,0,0,0.3); padding-bottom: 0 } .bloc-reservation .clermontpass-tab-content>a { margin-left: 50px } } .bloc-retrouvez-nous .wrapper { padding-top: 55px; border-top: 1px solid rgba(0,0,0,0.2) } @media screen and (max-width: 599px) { .bloc-retrouvez-nous .wrapper { margin-top:30px } } .bloc-retrouvez-nous .wrapper__container { margin: auto; max-width: 40% } @media screen and (max-width: calc(1200px + 80px + 80px)) { .bloc-retrouvez-nous .wrapper__container { max-width:50% } } @media screen and (max-width: 980px) { .bloc-retrouvez-nous .wrapper__container { max-width:80% } } @media screen and (max-width: 599px) { .bloc-retrouvez-nous .wrapper__container { max-width:100% } } .bloc-retrouvez-nous .wrapper__container h2 { font-family: "Roboto",Sans-Serif; font-size: 50px; font-weight: 700; color: #000; line-height: 50px; margin-bottom: 10px } @media screen and (max-width: 599px) { .bloc-retrouvez-nous .wrapper__container h2 { font-size:2.5rem } } .bloc-retrouvez-nous .wrapper__container__social_logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 24px } .bloc-retrouvez-nous .wrapper__container__social_logos figure { background-color: transparent } .bloc-retrouvez-nous .wrapper__container__social_logos li { position: relative } .bloc-retrouvez-nous .wrapper__container__social_logos li:after { content: ''; display: block; width: 1px; height: 22px; background-color: #ccc; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .bloc-retrouvez-nous .wrapper__container__social_logos li a { display: block; padding: 0 20px; -webkit-transition: all .2s ease; transition: all .2s ease } @media screen and (max-width: 599px) { .bloc-retrouvez-nous .wrapper__container__social_logos li a { padding:0 10px } } body:not(.no-hover) .bloc-retrouvez-nous .wrapper__container__social_logos li a:hover figure,body:not(.no-hover) .bloc-retrouvez-nous .wrapper__container__social_logos li a:focus figure { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .bloc-retrouvez-nous .wrapper__container__social_logos li a figure { -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-retrouvez-nous .wrapper__container__social_logos li a figure img { height: auto } .bloc-retrouvez-nous .wrapper__container__social_logos li:last-of-type:after { display: none } .bloc-retrouvez-nous .wrapper__container__liens { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 20px } .bloc-retrouvez-nous .wrapper__container__liens .liens_hashtag { font-family: "Roboto",Sans-Serif; font-size: 30px; font-weight: 700; color: #000; line-height: 24px; position: relative; display: inline-block; -ms-flex-item-align: center; align-self: center; margin-top: 10px } .bloc-retrouvez-nous .wrapper__container__liens .liens_hashtag:first-of-type { margin-top: 20px } .bloc-maps { position: relative; width: 100% } @media screen and (max-width: 1280px) { .bloc-maps { width:calc(100% - 80px) } } @media screen and (max-width: 599px) { .bloc-maps { width:calc(100% - 40px) } } .bloc-maps .wrapper-map { width: 100%; height: 700px; z-index: 1 } @media screen and (max-width: 1024px) { .bloc-maps .wrapper-map { height:500px } } @media screen and (max-width: 599px) { .bloc-maps .wrapper-map { height:375px } } .bloc-maps .card-apidae { width: 280px; -webkit-transition: all .2s ease; transition: all .2s ease } @media (max-width: 374px) { .bloc-maps .card-apidae { width:260px } } .bloc-maps .card-apidae .bloc-card-hebergement,.bloc-maps .card-apidae .bloc-card-agenda { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-maps .card-apidae .bloc-card-hebergement h3,.bloc-maps .card-apidae .bloc-card-agenda h3 { margin-bottom: 50px } @media screen and (max-width: 599px) { .bloc-maps .card-apidae .bloc-card-hebergement h3,.bloc-maps .card-apidae .bloc-card-agenda h3 { margin-bottom:10px } } .bloc-maps .card-apidae .bloc-card-hebergement .link,.bloc-maps .card-apidae .bloc-card-agenda .link { font-family: "Roboto",Sans-Serif; font-size: 20px; font-weight: 700; color: #000; line-height: 24px; background-color: #1ec459; padding: 13px 40px; display: inline-block; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-maps .card-apidae .bloc-card-hebergement .link:after,.bloc-maps .card-apidae .bloc-card-agenda .link:after { display: none } .bloc-maps .card-apidae .bloc-card-hebergement:after,.bloc-maps .card-apidae .bloc-card-agenda:after { top: -4px; left: 0; right: 0; width: 0; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-maps .card-apidae .bloc-card-hebergement.active,.bloc-maps .card-apidae .bloc-card-agenda.active { -webkit-box-shadow: none; box-shadow: none } body:not(.no-hover) .bloc-maps .card-apidae .bloc-card-hebergement.active:before,body:not(.no-hover) .bloc-maps .card-apidae .bloc-card-agenda.active:before { display: none } body:not(.no-hover) .bloc-maps .card-apidae .bloc-card-hebergement.active:after,body:not(.no-hover) .bloc-maps .card-apidae .bloc-card-agenda.active:after { top: -4px; left: 0; right: 0; width: 100% } body:not(.no-hover) .bloc-maps .card-apidae .bloc-card-hebergement.active figure,body:not(.no-hover) .bloc-maps .card-apidae .bloc-card-agenda.active figure { -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.35); box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.35) } .bloc-maps .card-apidae .bloc-card-agenda .event-date { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } .bloc-maps .card-apidae .bloc-card-agenda figure img { height: 200px } .bloc-maps .card-apidae .bloc-card-agenda:after { top: -4px; left: 0; right: 0; width: 0% } .bloc-maps .card-apidae:hover .bloc-card-hebergement,.bloc-maps .card-apidae:hover .bloc-card-agenda,.bloc-maps .card-apidae:focus .bloc-card-hebergement,.bloc-maps .card-apidae:focus .bloc-card-agenda { -webkit-box-shadow: none; box-shadow: none } body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-hebergement,body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-agenda,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-hebergement,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-agenda { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px) } body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-hebergement:before,body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-agenda:before,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-hebergement:before,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-agenda:before { display: none } body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-hebergement:after,body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-agenda:after,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-hebergement:after,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-agenda:after { top: -4px; left: 0; right: 0; width: 100% } body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-hebergement figure,body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-agenda figure,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-hebergement figure,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-agenda figure { -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.35); box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.35); -webkit-transform: none !important; -ms-transform: none !important; transform: none !important } body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-hebergement .link,body:not(.no-hover) .bloc-maps .card-apidae:hover .bloc-card-agenda .link,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-hebergement .link,body:not(.no-hover) .bloc-maps .card-apidae:focus .bloc-card-agenda .link { opacity: 1; position: relative } .bloc-maps .card-apidae:hover .bloc-card-hebergement .content,.bloc-maps .card-apidae:hover .bloc-card-agenda .content,.bloc-maps .card-apidae:focus .bloc-card-hebergement .content,.bloc-maps .card-apidae:focus .bloc-card-agenda .content { padding: 10px 0 20px } .bloc-maps .owl-carousel { padding: 20px 0 0px 60px; z-index: 2 } @media screen and (max-width: 599px) { .bloc-maps .owl-carousel { padding:20px 0 20px 50px } } .bloc-maps .owl-carousel .owl-stage-outer { overflow: visible } .bloc-maps .owl-carousel .owl-stage-outer .owl-item { margin-right: 10px; -webkit-transition: all .2s ease; transition: all .2s ease } .bloc-maps .owl-carousel .owl-stage-outer .owl-item:not(.active) { opacity: 0; visibility: hidden } .bloc-maps .owl-carousel .owl-stage-outer .owl-item.opacify { opacity: 0 } .bloc-maps .owl-carousel .owl-stage-outer .owl-item.active { opacity: 1 } .bloc-maps .owl-carousel .owl-nav { display: block; position: absolute; left: 0px; top: calc(50% - 67px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 99999 } .bloc-maps .owl-carousel .owl-nav .owl-prev,.bloc-maps .owl-carousel .owl-nav .owl-next { z-index: 99999 } .bloc-maps .owl-carousel .owl-nav .owl-prev button,.bloc-maps .owl-carousel .owl-nav .owl-next button { color: #000; font-size: 14px; margin: 20px 0; border: none; outline: none; background: none; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 99999 } .bloc-maps .owl-carousel .owl-nav .owl-prev button [class^="icon-"],.bloc-maps .owl-carousel .owl-nav .owl-prev button [class*=" icon-"],.bloc-maps .owl-carousel .owl-nav .owl-next button [class^="icon-"],.bloc-maps .owl-carousel .owl-nav .owl-next button [class*=" icon-"] { font-size: 19px } body:not(.no-hover) .bloc-maps .owl-carousel .owl-nav .owl-prev button:hover,body:not(.no-hover) .bloc-maps .owl-carousel .owl-nav .owl-prev button:focus,body:not(.no-hover) .bloc-maps .owl-carousel .owl-nav .owl-next button:hover,body:not(.no-hover) .bloc-maps .owl-carousel .owl-nav .owl-next button:focus { color: #000 } .bloc-maps .owl-carousel .owl-dots { left: 0; right: auto; top: calc(50% - 67px); z-index: 2 } .bloc-maps .owl-carousel .owl-dots:after { font-family: "Roboto",Sans-Serif; font-size: 18px; font-weight: 700; color: #000; line-height: 24px; padding-left: 18px } .bloc-maps .owl-carousel .owl-dots.disabled { display: block } .bloc-maps .owl-carousel .owl-dot { margin-right: 3px } @media screen and (min-width: 1600px) { .bloc-maps .owl-carousel .owl-dot { margin-right:5px } } @media screen and (max-width: 1024px) { .bloc-maps .owl-carousel .owl-dot { margin-right:2px } } @media screen and (max-width: 599px) { .bloc-maps .owl-carousel .owl-dot { margin-right:3px } } .bloc-maps .owl-carousel .owl-dot.active:before { padding-left: 0px; font-family: "Roboto",Sans-Serif; font-size: 1.125rem; font-weight: 700; color: #000; line-height: 1.5rem } @media screen and (max-width: 599px) { .bloc-maps .owl-carousel .owl-dot.active:before { padding-left:2px } }