/* Theme Name: MX/COM ~ Child Description: Thème Child customisé par MX/COM Version: 1.2 Author: Max Jacob Author URI: http://www.mxcom.fr Template: enfold */ /************************************************************************************************/ /************************************************************************************************/ /* /* GENERAL /* /************************************************************************************************/ /************************************************************************************************/ body { letter-spacing: 0.85px; font-weight: 300; } p { line-height: 1.4; } #top .minheight_100 { min-height: 100px; } #top .minheight_200 { min-height: 200px; } #top .minheight_435 { min-height: 435px; } #top .minheight_500 { min-height: 500px; } #top .font_bold { font-weight: bold; } #top .font_semibold { font-weight: 500; } #top .font_italic { font-style: italic; } #top .font_underline { text-decoration: underline; } #top .font_xxl { font-size: 5em; line-height: 1.15em; } #top .font_xl { font-size: 3em; line-height: 1em; } #top .font_l { font-size: 1.5em; line-height: 1em; } #top .font_m { font-size: 14px; line-height: 1em; } #top .mgb_30 { margin-bottom: 30px; } #top .mgb_35 { margin-bottom: 35px; } #top .alternative_graycolor { color: #3E3D3C !important; } .column_count_2 { column-count: 2; } .column_count_2 li { break-inside: avoid; } #top .box_da_boxshadow { box-shadow: 3px 5px 0 rgba(0,0,0,1); } #top .custom_flex_column { display: flex; flex-direction: column; width: 100%; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } #top .max_width_80prc { max-width: 80%; } #top .max_width_400 { max-width: 400px; } #top .max_width_450 { max-width: 450px; } #top .max_width_500 { max-width: 500px; } #top .max_width_550 { max-width: 550px; } #top .max_width_600 { max-width: 600px; } #top .max_width_650 { max-width: 650px; } #top .max_width_850 { max-width: 850px; } #top .max_width_950 { max-width: 950px; } #top .max_width_1050 { max-width: 1050px; } #top .max_width_119_img { max-width: 119px; } #top .max_width_160_img { max-width: 160px; } #top .max_width_180_img { max-width: 180px; } #top .max_width_200_img { max-width: 200px; } #top .img_objectfit_cover img { object-fit: cover; } #top .img_width_100prct img { width: 100%; } #top .img_minheight_640px img { min-height: 640px; } #top .custom_minheight_260px { min-height: 260px; } #top .avia_textblock p a { color: #000; text-decoration: underline; } #top .avia_textblock p a:hover { color: #000; text-decoration: none; } #top .border_bottom_beige { border-bottom: 1px solid #E3D6CC !important; } #top .force_underline_link_hover a:hover { color: #000; text-decoration: underline !important; } #top .force_inlineblock { display: inline-block !important; } img, a img { image-rendering: auto; } #top .max_height_img_little img { max-height: 150px !important; width: auto !important; } #top h1 > em { font-style: normal; color: #ECEA5F; } .main_color .required { color: red; } #top .av_font_icon a { color: #009FE3; margin-right: 20px; } #top .av_font_icon a:hover { color: #ECEA5F; } #top .av_font_icon.forced_colors a { color: inherit; } #top .av_font_icon.forced_colors a:hover { color: #ECEA5F; } #scroll-top-link.avia_pop_class { border: 1px solid #fff; opacity: 1; transition: none; } #scroll-top-link.avia_pop_class:hover { border-color: #009FE3; } #top .avia_textblock { line-height: 1.2em; } .header_color .main_menu ul > li a { transition: none; } #top .entry_content_heading h1 { text-transform: none !important; } #top .avia_ajax_form textarea { max-height: 140px; } @media only screen and (min-width: 990px) { #top .home_hero_video_column { margin-top: 20px; margin-bottom: -100px; } } #top .avia-video { border-radius: 24px; overflow: hidden; border: 8px solid #000; box-shadow: 0 0 15px rgba(0,0,0,0.5); } #top div .mejs-container .mejs-controls { opacity: 0 !important; } #top div .mejs-container:hover .mejs-controls { opacity: 1 !important; } #top .avia-button.avia-size-large { font-size: 16px; } #top .avia-button:hover { opacity: 1; } #top .main_color .bouton_vert.bv_alignselfend { align-self: end; width: 100%; } #top .main_color .bouton_vert .avia-button { background: #D4E944; color: #000; border-radius: 10px; border: 1px solid #000; box-shadow: 1px 3px 0 rgba(0,0,0,1); transition: none; text-transform: none; padding-left: 20px; padding-right: 20px; } #top .main_color .bouton_vert .avia-button:hover { color: #fff; background: #000; } #top .main_color .bouton_vert .avia-button svg { fill: #000 !important; } #top .main_color .bouton_vert .avia-button:hover svg { fill: #fff !important; } #top .main_color .bouton_vert.bv_fw .avia-button { width: 100%; } #top .main_color .bouton_blanc .avia-button { background: #fff; color: #000; border-radius: 10px; border: 1px solid #DAC8BB; transition: none; text-transform: none; padding-left: 20px; padding-right: 20px; } #top .main_color .bouton_blanc .avia-button:hover { color: #fff; background: #000; } #top .main_color .petit_bouton_marron .avia-button { background: #E9DACF; color: #000; border-radius: 6px; border: 1px solid #D7D6D6; transition: none; text-transform: none; } #top .main_color .petit_bouton_marron .avia-button:hover { color: #fff; background: #000; border-color: #000; } #top .main_color .petit_bouton_gris_notavia { background: #E6E8FA; color: #000; border-radius: 6px; border: 1px solid #D7D6D6; transition: none; text-transform: none; padding: 6px 8px; font-size: 14px; line-height: 1; display: inline-block; font-weight: 600; } #top .main_color .petit_bouton_gris_notavia:hover { color: #fff; background: #000; border-color: #000; } #top .main_color .petit_bouton_blanc_notavia { background: #fff; color: #000; border-radius: 6px; border: 1px solid #D7D6D6; transition: none; text-transform: none; padding: 6px 8px; font-size: 14px; line-height: 1; display: inline-block; font-weight: 600; } #top .main_color .petit_bouton_blanc_notavia:hover { color: #fff; background: #000; border-color: #000; } /* #top .main_color .avia-color-theme-color.avia-button { background: #009FE3; border-color: #009FE3; color: #fff; transition: none; text-transform: none; } #top .main_color .avia-color-theme-color.avia-button:hover { background: #fff; color: #009FE3; } #top .main_color .avia-color-theme-color.avia-button.avia-size-medium { padding-left: 30px; padding-right: 30px; padding-top: 14px; padding-bottom: 14px; font-size: 18px; text-transform: none; } */ #top .max_deuxcents, #top .max_deuxcents img { max-width: 200px; } #top .max_quatrevingt img { max-width: 80px; } #top .avia-image-container:not(.av-styling-no-styling) .avia-image-container-inner, #top .avia-image-container:not(.av-styling-no-styling) .avia_image, #top .avia-image-container:not(.av-styling-no-styling) .av-image-caption-overlay { border-radius: 20px; } #top .chiffre { font-weight: 800; font-size: 5rem; margin-bottom: 20px; line-height: 1; } #top .image_taille_divisee_par_deux img { width: 50%; height: auto; margin: 0 auto; } #top .avia-slideshow.legende_en_bas li > .avia-slide-wrap { display: flex; flex-direction: column-reverse; } #top .avia-slideshow.legende_en_bas .avia-caption { position: relative; left: auto; bottom: auto; padding-left: 0; padding-right: 0; } #top .avia-slideshow .avia-caption .avia-caption-title, #top .avia-slideshow .avia-caption .avia-caption-content p { background: none; padding-left: 0; padding-right: 0; } #top .avia-slideshow .avia-caption .avia-caption-content p { color: #303030; } #top .avia-slideshow .avia-caption .avia-caption-content { padding-bottom: 30px; } #top .avia-slideshow .avia-slideshow-arrows a::before, #top .avia-testimonial-wrapper .avia-slideshow-arrows a::before { padding-top: 0; background: none; padding-left: 5px; padding-right: 5px; } #top .avia-slideshow-arrows a { margin-left: 0; margin-right: 0; width: 25px !important; transition-duration: 200ms !important; } #top .home_avis.avia-slider-testimonials .avia-testimonial-content p { font-size: .85em; line-height: 1.2em; } .avia_desktop #top .home_avis .avia-slider-testimonials.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a { opacity: 1; } #top .avia-testimonial-wrapper .avia-slideshow-arrows a { font-size: 20px; width: 60px !important; margin-top: 0 !important; } #top .avia-slideshow-dots a { padding: 6px; margin: 0 2px; width: 11.5px; height: 11.5px; } .avia_desktop .av_slideshow.avia-slideshow.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av_slideshow.avia-slideshow.av-nav-dots-visible .avia-slideshow-dots a, .avia_desktop .av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a, .avia_desktop .av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a { opacity: 1; } #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding-bottom: 2px; } #top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial .avia-testimonial_inner { border: 1px #009FE3 solid; padding: 20px 20px 5px; border-radius: 10px; } #top label { font-weight: 300; } #top .main_color .input-text, #top .main_color input[type="text"], #top .main_color input[type="input"], #top .main_color input[type="password"], #top .main_color input[type="email"], #top .main_color input[type="number"], #top .main_color input[type="url"], #top .main_color input[type="tel"], #top .main_color input[type="search"], #top .main_color textarea, #top .main_color select { font-family: 'sf-pro-display', Helvetica, Arial, sans-serif; background-color: #F9FAFB; color: #303030; letter-spacing: 0.8px; font-weight: 300; border-color: #DAC8BB; font-size: 15px; } #top .main_color input[type="submit"], #top .main_color .form_custom_submit { transition: none; font-family: 'sf-pro-display', Helvetica, Arial, sans-serif; border: 1px solid #000; font-weight: 500; border-radius: 6px; font-size: 15px; background: #D4E944; width: 100%; box-shadow: 1px 3px 0 #000; color: #000; } #top .main_color form.avia_ajax_form.icon_to_submit_button .icon_to_submit_button_wrapper input[type="submit"] { position: relative; z-index: 3; background: transparent; } #top .main_color .form_custom_submit { cursor: pointer; position: absolute; top: 0; left: 0; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 2; } #top .main_color div:not(.icon_to_submit_button_wrapper) input[type="submit"]:hover, #top .main_color .icon_to_submit_button_wrapper:hover .form_custom_submit { background: #000; color: #fff; } #top .main_color .icon_to_submit_button_wrapper input[type="submit"]:hover { background: transparent; } /* FAQ */ #top .togglecontainer > section { margin-bottom: 20px; } #top .togglecontainer > section .single_toggle { background: #96DDFF; box-shadow: 3px 5px 0 #000; border-radius: 16px; } #top .togglecontainer > section .single_toggle > .toggler { background: transparent; border: 0 none !important; font-size: 20px; line-height: 1.3em; font-weight: 600; padding-top: 24px; padding-bottom: 24px; } #top .togglecontainer > section .single_toggle > .toggle_wrap .toggle_content { background: transparent; border: 0 none; padding: 0px 35px 24px 35px; } #top .togglecontainer .toggler .toggle_icon { background: url("https://cdn.very-important-parking.fr/wp-content/uploads/2025/05/15175803/chevron.svg"); } #top .togglecontainer .activeTitle .toggle_icon { background: url("https://cdn.very-important-parking.fr/wp-content/uploads/2025/05/15175804/chevron-1.svg") !important; } #top .togglecontainer .toggler .toggle_icon, #top .togglecontainer .activeTitle .toggle_icon { opacity: 1 !important; border: 0 none !important; background-size: contain !important; } #top .togglecontainer .toggler .toggle_icon span, #top .togglecontainer .activeTitle .toggle_icon span { display: none; } /* */ #top .content { padding-top: 0; } #top .force_width_100 { width: 100%; } /* CSS de départ de Swiper */ #top .swiper-parent-container { overflow-x: hidden; position: relative; width: 100%; } #top .swiper-container { margin: 0 10px; position: static; } #top .swiper-wrapper { display: flex; align-items: center; } #top .swiper-slide img { margin: 0 auto; } .swiper-transition { .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } } /* Grille */ .grille { display: grid; } .grille._2cols_180px_1fr { grid-template-columns: 180px 1fr; } .grille._2cols_320px_1fr { grid-template-columns: 320px 1fr; } .grille._2cols { grid-template-columns: 1fr 1fr; } .grille._3cols { grid-template-columns: 1fr 1fr 1fr; } .grille._4cols { grid-template-columns: 1fr 1fr 1fr 1fr; } /* de 2 à 4 colonnes de 360px minimum */ .grille._2to4cols_min360px { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); } .grille._20gap { gap: 20%; row-gap: 1%; } .grille._15gap { gap: 15%; row-gap: 1%; } .grille._10gap { gap: 10%; row-gap: 1%; } .grille._5gap { gap: 5%; row-gap: 1%; } .grille._1gap { gap: 1%; row-gap: 1%; } .grille._3gap { gap: 3%; row-gap: 1%; } .grille._5pxgap { gap: 5px; row-gap: 1%; } .grille._30pxgap { gap: 30px; row-gap: 1%; } .grille._25rowgap { row-gap: 25px; } .grille._50rowgap { row-gap: 50px; } .grille ._colfull { grid-column: 1 / -1; } .only_mobile { display: none !important; } #top .max_width_80prct_desktop { max-width: 80%; } #top .max_width_85prct_desktop { max-width: 85%; } #top .custom_action_icon { border: 1px solid #DAC8BB; border-radius: 6px; padding: 14px; background: #fff; width: 48px; height: 48px; display: inline-block; margin-left: 15px; line-height: 1; } #top .custom_action_icon:hover { background: #000; } #top .custom_action_icon:hover img { filter: invert(1); } /* Responsive */ @media only screen and (max-width: 990px) { #top .avia-button { padding-top: 18px; padding-right: 32px; padding-bottom: 18px; padding-left: 32px; } #top .avia-button.avia-size-medium { padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px; } .only_desktop { display: none !important; } .only_mobile { display: block !important; } .only_mobile_fromgrid { display: grid !important; } .grille._990m { display: block; } .grille._990m._25rowgap > * { margin-bottom: 25px; } .grille._990m._50rowgap > * { margin-bottom: 50px; } .mobile_aligncenter { text-align: center !important; } #top .max_width_80prct_desktop, #top .max_width_85prct_desktop, #top .max_width_reset_on_mobile { max-width: 100% !important; } } @media only screen and (max-width: 768px) { #top .entry_content_heading { font-size: 35px !important; } #top .img_minheight_640px img { min-height: auto; } .responsive #top #wrap_all .av-flex-cells .no_margin { min-height: auto; } .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper.home_avis .avia-testimonial { padding: 0px 30px; } #top .home_avis.avia-slider-testimonials .avia-testimonial-content p { font-size: .85em; line-height: 1.2em; } #top .home_avis.avia-slider-testimonials.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a { width: 30px !important; height: 30px !important; border: 0 none; text-indent: 100px; color: #009FE3; opacity: 1; } #top .home_avis.avia-slider-testimonials.av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a::before { line-height: 30px; padding-bottom: 0; border: 0; top: 45%; } html #av-burger-menu-ul li a span { font-size: 0.8em; } .grille._3cols._resp { grid-template-columns: 1fr 1fr; } .grille._4cols._resp { grid-template-columns: 1fr 1fr; } .grille._768m { display: block; } .grille._768m._25rowgap > * { margin-bottom: 25px; } .grille._768m._50rowgap > * { margin-bottom: 50px; } .column_count_2 { column-count: 1; } } @media only screen and (max-width: 550px) { #top .avia-button { padding-top: 15px; padding-right: 28px; padding-bottom: 15px; padding-left: 28px } #top .avia-button.avia-size-medium { padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px; } .responsive #top #wrap_all .slide-entry { width: 100%; margin: 0; margin-top: 80px; } #top .chiffre { margin-bottom: 0 !important; font-size: 3rem; } .grille._20gap, .grille._15gap, .grille._10gap { gap: 5%; } } @media only screen and (max-width: 480px) { #top h1 { font-size: 34px; } #top .entry_content_heading { font-size: 26px !important; } #top .entry_content_heading h1 { font-size: 1em !important; } #top .avia-button { font-size: 18px; } #top .avia-button.avia-size-medium { font-size: 16px; } } /************************************************************************************************/ /************************************************************************************************/ /* /* HEADER /* /************************************************************************************************/ /************************************************************************************************/ #top #header .av-main-nav > li > a { text-transform: none; } /* .header_color .main_menu ul > li:hover > a, .header_color .main_menu ul > li:hover > a { color: #fff !important; } .header_color .main_menu ul > li:hover > a > span, .header_color .main_menu ul > li:hover > a > span { color: #fff; text-decoration-line: underline; text-decoration-thickness: 2px; text-decoration-color: #D8DE50; text-underline-offset: 8px; } .header_color .main_menu ul > li.current-menu-item > a, .header_color .main_menu ul > li.current_page_item > a { color: #fff !important; } .header_color .main_menu ul > li.current-menu-item > a > span, .header_color .main_menu ul > li.current_page_item > a > span { color: #fff; text-decoration-line: underline; text-decoration-thickness: 2px; text-decoration-color: #fff; text-underline-offset: 8px; } */ #top #header_main .av-logo-container > .inner-container { display: grid; grid-template-columns: 90px 1fr; gap: 15px; grid-template-rows: 64px; margin-top: 35px; } #top #header_main .av-logo-container .logo { position: relative; left: auto; align-content: center; background: #5BCAFF; border-radius: 8px; height: auto !important; display: block !important; width: 100%; } #top #header_main .av-logo-container .logo a { height: auto; margin: auto; display: block; } #top #header_main .av-logo-container .logo a svg { height: auto; margin: auto; } #top #header_main .av-logo-container nav.main_menu { position: relative; right: auto; align-content: center; background: #fff; border-radius: 8px; border: 1px solid #000; border-right-width: 3px; border-bottom-width: 4px; margin-right: 64px; height: auto; } #top #header_main .av-logo-container nav.main_menu .av-main-nav-wrap { float: none; height: auto; } html #top #header_main > .container .main_menu ul.av-main-nav { display: grid; grid-auto-flow: column; } html #top #header_main > .container .main_menu ul.av-main-nav > li { float: none; text-align: center; } html #top #header_main > .container .main_menu ul.av-main-nav > li > a { height: auto; line-height: 1; } html #top #header_main > .container .main_menu ul.av-main-nav > li > a:hover { text-decoration: underline; } html #top #header_main > .container .main_menu ul.av-main-nav > li.current-menu-item > a { font-weight: bold; } html #top #header_main > .container .main_menu ul.av-main-nav > li.current-menu-item > a::after { content: ''; display: block; width: 100%; height: 13px; background: url('https://cdn.very-important-parking.fr/wp-content/uploads/2025/04/22013615/header_menu_trait.png') no-repeat center center transparent; position: absolute; left: 0; top: 100%; } #top.header_flottant #header { position: absolute !important; } #top.header_flottant .header_color .header_bg { background: transparent !important; } @media only screen and (max-width: 990px) { #top #header .av-main-nav > li > a { font-size: 16px; padding: 0 6px; } #top #header_main .av-logo-container > .inner-container { grid-template-columns: 90px 1fr; } #top #header_main .av-logo-container nav.main_menu { margin-right: 0; justify-self: end; width: 64px; } #top #header_main .av-logo-container nav.main_menu:hover, #top #header_main .av-logo-container nav.main_menu:focus { border-right-width: 1px; border-bottom-width: 1px; } html #top #header_main > .container .main_menu ul.av-main-nav { height: 100%; } html #top #header_main > .container .main_menu ul.av-main-nav > li.av-burger-menu-main { text-align: center; height: 100%; } html.responsive #top #header_main > .container .main_menu ul.av-main-nav > li.av-burger-menu-main a { height: 100%; line-height: 1; padding: 0; width: 26px; margin: auto; align-content: center; } #top .av-hamburger-box { height: 8px; width: 18px; } #top .av-hamburger--spin .av-hamburger-inner { transition-duration: 100ms; } #top .av-hamburger--spin .av-hamburger-inner, #top .av-hamburger--spin .av-hamburger-inner::before, #top .av-hamburger--spin .av-hamburger-inner::after { height: 2px; } #top .av-hamburger--spin .av-hamburger-inner::before { top: -5px; } #top .av-hamburger--spin .av-hamburger-inner::after { bottom: -5px; } #top .av-burger-overlay-bg { background: #F7EEE7; opacity: 1; } #top .av-burger-overlay #av-burger-menu-ul { padding:10px 0 10px 20px !important; background:#fff; margin: 125px auto 30px; display: block; width: 85%; border-radius: 8px; border: 1px solid #000; border-right-width: 2px; border-bottom-width: 4px; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li { line-height: 1.2em; } .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a { color: #000; font-size: 20px; text-align: left; } html.av-burger-overlay-active.av-burger-overlay-active-delayed #header { position: fixed !important; left: 0; top: 0; } html.av-burger-overlay-active.responsive.av-burger-overlay-active-delayed #top #main { padding-top: 99px !important;} .html_av-overlay-full #top #header_main .av-logo-container .logo { z-index: 99999; } .html_av-overlay-full #top #header_main .av-logo-container nav.main_menu { border: 0; } html.html_av-overlay-full #top #header_main > .container .main_menu ul.av-main-nav > li.av-burger-menu-main a { height: 64px; background: #fff; border-radius: 8px; width: 64px; border: 1px solid #E3D6CC; } html.html_av-overlay-full #top #header_main > .container .main_menu ul.av-main-nav > li.av-burger-menu-main a:hover { border-color: #000; } .av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after { background-color: #000; } #top .av-hamburger--spin.is-active .av-hamburger-inner::before { top: 0; } #top .av-hamburger--spin.is-active .av-hamburger-inner::after { bottom: 0; } .html_av-overlay-full #av-burger-menu-ul li a:hover, .html_av-overlay-full #av-burger-menu-ul li a:active, .html_av-overlay-full #av-burger-menu-ul li a:focus { opacity: 1 !important; text-decoration: underline; } .html_av-overlay-full #av-burger-menu-ul > li.current-menu-item > a { font-weight: bold; } .html_av-overlay-full #av-burger-menu-ul > li.current-menu-item > a::after { content: ''; display: block; width: 100%; height: 13px; background: url('https://cdn.very-important-parking.fr/wp-content/uploads/2025/04/22013615/header_menu_trait.png') no-repeat left center transparent; position: absolute; left: -10px; top: 85%; } } /************************************************************************************************/ /************************************************************************************************/ /* /* FOOTER /* /************************************************************************************************/ /************************************************************************************************/ /* #top #footer-page a { color: #fff; } */ /* #top #footer-page a:hover { color: #D8DE50; } */ #top .f_custom_img { text-align: right; } #top .f_custom_img .avia-image-container { display: inline-block; width: 24%; vertical-align: middle; margin-top: 20px; } #top .f_c_i_handiplage { max-width: 94px; } #top .show_vipy_three_partenaires { position: relative; width: 100%; height: 100%; } #top .show_vipy_three_partenaires > div:nth-child(1) { top: 40px; left: 20px; } #top .show_vipy_three_partenaires > div:nth-child(2) { bottom: 10%; right: 0; } #top .show_vipy_three_partenaires > div:nth-child(3) { bottom: 20px; left: 40px; } #top .show_vipy_three_partenaires > div { position: absolute; background: #fff; border: 1px solid #DAC8BB; border-radius: 16px; padding: 16px; min-width: 170px; min-height: 170px; max-width: 180px; display: flex; flex-direction: column; } #top .show_vipy_three_partenaires > div > a { align-self: flex-start; } #top .show_vipy_three_partenaires > div > h2 { margin-top: auto; margin-bottom: 0; font-weight: 700 !important; font-size: 1.2em; } #top .col_customheight_720 { height: 720px; } #top .we_need_full_height .flex_cell_inner { height: 100%; } #top.on_masque_la_section_deja_plus_de_du_footer #section_dejaplusde { display: none !important; } /* Responsive */ @media only screen and (max-width: 990px) { #top .show_vipy_three_partenaires { position: absolute; left: 0; top: 0; } #top .show_vipy_three_partenaires > div { min-width: 150px; min-height: 150px; } #top .show_vipy_three_partenaires > div:nth-child(1) { top: -10px; left: auto; right: 0; } #top .show_vipy_three_partenaires > div:nth-child(2) { top: 130px; left: 0; bottom: auto; right: auto; } #top .show_vipy_three_partenaires > div:nth-child(3) { bottom: 0; left: auto; right: 0; } } @media only screen and (max-width: 768px) { } /************************************************************************************************/ /************************************************************************************************/ /* /* ACCUEIL /* /************************************************************************************************/ /************************************************************************************************/ #ff-stream-1 { background: transparent !important; } /* #ff-stream-1 .picture-item__inner { border: 1px solid #009FE3; } */ #top:not(.home) .display_only_home { display: none !important; } #top .h_part_i { height: 1250px; position: relative; } #top .h_part_i .h_part_i__phone { display: block; margin: auto; width: 90%; position: -webkit-sticky; position: sticky; top: 30px; } html.html_home, #top.search { background: #F7EEE7; } #top.home, #top.home #wrap_all, #top.home #wrap_all #main { overflow: visible; } html.av-burger-overlay-active #top.home, html.av-burger-overlay-active.av-burger-overlay-active-delayed #top.home { overflow-x: hidden; } /* Sticky phone */ @media only screen and (min-width: 990px) { #top .h_part_i_container .entry-content-wrapper { display: flex; align-items: flex-end; align-content: flex-end; } #top .custom_column_width_30 { width: 30%; } #top .custom_column_width_40 { width: 40%; } } .swiper-container.swiper_home_partenaires { position: relative; overflow: hidden; } /* Le fondu gauche */ .swiper-container.swiper_home_partenaires::before, .swiper-container.swiper_home_partenaires::after { content: ''; position: absolute; top: 0; width: 250px; /* largeur du fondu */ height: 100%; z-index: 10; pointer-events: none; } /* Gauche */ .swiper-container.swiper_home_partenaires::before { left: 0; background: linear-gradient(to right, #F7EEE7 30%, transparent 100%); } /* Droite */ .swiper-container.swiper_home_partenaires::after { right: 0; background: linear-gradient(to left, #F7EEE7 30%, transparent 100%); } #top .swiper-button-pause-play { display: block; position: absolute; z-index: 999; bottom: 0; left: 0; } #top .swiper-button-pause { cursor: pointer; } #top .home_part_ii_notresolution { position: relative; } #top .home_part_ii_notresolution .hpii_ns_section_fixed { position: fixed; } #top .home_part_ii_notresolution section { display: grid; grid-template-columns: 310px 1fr 310px; gap: 60px; } #top .home_part_ii_notresolution section .hpii_ns_section_box { border-radius: 16px; border: 0 none; padding: 24px; position: relative; font-size: 18px; } #top .home_part_ii_notresolution section .hpii_ns_section_mascotte_wrapper { position: relative; font-size: 14px; display: grid; gap: 0; align-items: center; } #top .home_part_ii_notresolution section .hpii_ns_section_mascotte_wrapper.mascotte_left { grid-template-columns: 100px 1fr; } #top .home_part_ii_notresolution section .hpii_ns_section_mascotte_wrapper.mascotte_right { grid-template-columns: 1fr 100px; } #top .home_part_ii_notresolution section .hpii_ns_section_mascotte_wrapper.mascotte_align_top { align-items: flex-start; } #top .home_part_ii_notresolution section .hpii_ns_section_mw_bulle { background: #fff; color: #000; padding: 12px; position: relative; margin-bottom: 60px; border-radius: 8px; } /* on fait le triangle de la bulle de texte qui pointe vers la gauche */ #top .home_part_ii_notresolution section .hpii_ns_section_mascotte_wrapper.mascotte_left .hpii_ns_section_mw_bulle::before { content: ''; position: absolute; top: 30px; left: -20px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 20px solid #fff; } #top .home_part_ii_notresolution section .hpii_ns_section_mascotte_wrapper.mascotte_right .hpii_ns_section_mw_bulle::before { content: ''; position: absolute; top: 30px; right: -20px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid #fff; } #top .home_part_ii_notresolution section .hpii_ns_section_mw_bulle p { margin: 0; text-wrap: balance; } #top .home_part_ii_notresolution section .hpii_ns_section_box .hpii_ns_s_b_title { display: grid; grid-template-columns: 48px 1fr; gap: 8px; margin-bottom: 18px; gap: 10px; } #top .home_part_ii_notresolution section .hpii_ns_section_box .hpii_ns_s_b_title .hpii_ns_s_b_title_icon { border-radius: 50%; border: 1px solid #E9DACF; width: 48px; height: 48px; display: flex; background: #fff; line-height: 0; } #top .home_part_ii_notresolution section .hpii_ns_section_box .hpii_ns_s_b_title .hpii_ns_s_b_title_icon img { width: 18px; height: 18px; display: block; margin: auto; } #top .home_part_ii_notresolution section .hpii_ns_section_box .hpii_ns_s_b_title h3 { font-size: 28px; line-height: 1; text-align: left; margin: 4px 0 0; } #top .home_part_ii_notresolution section .hpii_ns_section_box.hpii_ns_s_b_blanc { background: #fff; } #top .home_part_ii_notresolution section .hpii_ns_section_box p { margin-bottom: 30px; } #top .home_part_ii_notresolution section .hpii_ns_section_box.hpii_ns_s_b_bleu { background: #5BCAFF; } #top .home_part_ii_notresolution section .phone_wrapper { max-width: 360px; margin: auto; display: block; position: relative; position: sticky; top: 40px; z-index: 1; } #top .home_part_ii_notresolution section .phone_image { position: absolute; top: 70px; left: 0; opacity: 0; transition: opacity 0.4s ease; } #top .home_part_ii_notresolution section .phone_image.active { opacity: 1; position: relative; } #top .swiper-custom-pagination { margin-top: 140px; position: relative; display: grid; grid-template-columns: 48px 120px 48px; gap: 10px; } #top .swiper-custom-pagination .swiper-button-prev, #top .swiper-custom-pagination .swiper-button-next { position: relative; right: auto; left: auto; top: auto; color: #000; border: 1px solid #DDCDC0; background: #fff; border-radius: 8px; width: 48px; height: 48px; cursor: pointer; } #top .swiper-custom-pagination .swiper-button-prev::after, #top .swiper-custom-pagination .swiper-button-next::after { font-size: 16px; } #top .swiper-custom-pagination .swiper-button-prev:hover, #top .swiper-custom-pagination .swiper-button-next:hover { border-color: #000; } #top .swiper-custom-pagination .swiper-pagination { position: relative; top: -8px; left: auto; right: auto; bottom: auto; margin-top: 0; margin-bottom: 0; width: 100%; justify-content: center; display: flex; align-items: center; } #top .swiper-custom-pagination .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet { background: #fff; border: 1px solid #DDCDC0; opacity: 1; width: 10px; height: 10px; } #top .swiper-custom-pagination .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:hover { border-color: #000; } #top .swiper-custom-pagination .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; border: 1px solid #000; width: 16px; height: 16px; } #top .swiper_home_avis .swiper-slide { background: #fff; border-radius: 16px; border: 0 none; padding: 30px 40px 40px; position: relative; } #top .swiper_home_avis .swiper-slide p.author { margin-top: 0; margin-bottom: 6px; font-weight: 600; font-size: 18px; line-height: 1; } #top .swiper_home_avis .swiper-slide p.source { margin-top: 0; color: #787877; } #top .swiper_home_avis .swiper-slide .quote { color: #787877; } /* Responsive */ @media only screen and (max-width: 990px) { #top .avia-logo-element-container .slide-entry.no_margin.av_one_eighth { width: 25%; } #top .h_part_i { height: 1100px; } #top .h_part_i .h_part_i__phone { top: 100px; } #top .custom_div_order_0 { order: 0; } #top .custom_div_order_1 { order: 1; } #top .custom_div_order_2 { order: 2; } #top .home_part_ii_notresolution section { display: block; } #top .standard_margin_on_mobile { margin: 40px 0 !important; } .swiper-container.swiper_home_partenaires::before, .swiper-container.swiper_home_partenaires::after { width: 50px; } #top .swiper-custom-pagination { margin-top: 40px; } } @media only screen and (max-width: 768px) { #top .avia-logo-element-container .slide-entry.no_margin.av_one_eighth { width: 50% !important; clear: none !important; } } /************************************************************************************************/ /************************************************************************************************/ /* /* PAGES INTERNES /* /************************************************************************************************/ /************************************************************************************************/ html.html_layout_position_sticky { background: #F7EEE7; } html.html_layout_position_sticky #top, html.html_layout_position_sticky #top #wrap_all, html.html_layout_position_sticky #top #wrap_all #main { overflow: visible; } html.html_layout_position_sticky #top { overflow-x: visible; } #top .entry-content-wrapper ul li::marker { font-size: 0.6em; } #top .entry-content-wrapper div li { text-indent: 5px; } #top .container_wrap { border-top-width: 0; } #top .title_container { background: #F7EEE7; padding-bottom: 30px; } #top .title_container .breadcrumb { color: #585655; right: auto; left: 50px; font-size: 14px; } #top .title_container .breadcrumb .trail-before { display: none; } #top .title_container .breadcrumb a { color: #000; text-decoration: none; } #top .title_container .breadcrumb a:hover { text-decoration: underline; } #top.fond_marron_fonce > #wrap_all, #top.fond_marron_fonce #header_main, #top.fond_marron_fonce .title_container { background: #E9DACF; } #top .petite_pastille_bleue { background: #96DDFF; padding: 4px 6px; border-radius: 6px; color: #000; font-size: 13px; line-height: 1; display: inline-block; border: 1px solid #5BCAFF; } #top .custom_img_bg_shadow { box-shadow: 8px 8px 0 #000; border-radius: 20px; overflow: hidden; } #top .custom_img_blue_bg_shadow { background: #96DDFF; box-shadow: 8px 8px 0 #000; border-radius: 20px; overflow: hidden; width: 100%; } #top .custom_img_blue_bg_shadow img { position: relative; object-fit: cover; width: 110%; height: auto; max-width: none; aspect-ratio: 2/3; top: 40px; object-position: center top; left: -20px; } #top .custom_paddingleft_10prct_desktop { padding-left: 10%; } #top .custom_paddingleft_15prct_desktop { padding-left: 15%; } #top .custom_paddingleft_40_desktop { padding-left: 40px; } @media only screen and (min-width: 768px){ .sticky-parent .entry-content-wrapper { display: flex; justify-content: space-between; align-items: flex-start; } .sticky-parent .entry-content-wrapper:before, .sticky-parent .entry-content-wrapper:after { display:none } .sticky-element { position: -webkit-sticky !important; position: sticky !important; top: 200px; align-self: flex-start; min-width: 30%; } } /* .html_elegant-blog #top .post-entry .post-meta-infos { padding-top: 0; } .html_elegant-blog #top .post-entry .minor-meta { color: #009FE3; font-size: 13px; } #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: none; } #top .fullsize .template-blog .post .entry-content-wrapper p { font-size: 18px; line-height: 1.4; } .html_elegant-blog .more-link { color: #fff !important; background: #009FE3; font-size: 16px; padding-top: 10px; padding-bottom: 10px; text-transform: none; } .html_elegant-blog .more-link:hover { color: #009FE3 !important; border-color: #009FE3; background: #fff; } .responsive #top.page-id-273 .container { max-width: 1500px; } */ /* #top.page-id-273 .title_container { background: #009FE3; } */ /* #top.page-id-273 .title_container .breadcrumb a, #top.page-id-273 .title_container .breadcrumb span { color: #fff; } #top.page-id-273 .title_container .breadcrumb a:hover { color: #D8DE50; } */ /* .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title { font-size: 1.55em; } .html_elegant-blog #top .post-entry .minor-meta { display: none; } .html_elegant-blog .avia-content-slider .slide-entry-excerpt { font-size: 15px; line-height: 22px; } .html_elegant-blog .avia-content-slider .read-more-link { top: auto; margin-top: 30px; } #top .av-submenu-container { border: 0; background: #009FE3; font-size: 16px; } #top .av-subnav-menu li a { text-decoration: underline; background: transparent; border-color: #fff; } */ #top .villes { list-style: none; } #top .villes li { display: inline-block; background: #fff; border-radius: 6px; border: 1px solid #DAC8BB; padding: 10px 24px; margin: 0px 16px 16px 0; text-indent: 0 !important; font-size: 15px; font-weight: 500; } #top .villes li:hover { background: #DAC8BB; } #top .villes li a:hover { text-decoration: underline; color: #000; } #top .av-submenu-container { background: #DAC8BB; font-size: 15px; font-weight: 500; } #top .av-subnav-menu > li > a { background: transparent; } #top .av-subnav-menu > li > a:hover { text-decoration: underline; } #top .custom_i_pos_abs_topright { position: absolute; top: 0; right: 0; } #top .custom_i_pos_abs_topleft { position: absolute; top: 0; left: 0; } #top #p_qsn_box_problematique_anim { transition: all 400ms ease 600ms; position: relative; } #top #p_qsn_box_problematique_anim.active { margin-top: 0; } #top #p_qsn_section_map { position: relative; } #top .quotation_before_after { position: relative; z-index: 1; } #top .quotation_before_after::before { content: '"'; display: block; position: absolute; top: -4px; left: -42px; color: #5BCAFF; font-size: 74px; z-index: 2; font-weight: 600; font-style: italic; } #top .quotation_before_after::after { content: '"'; display: block; position: absolute; bottom: -4px; right: -42px; color: #5BCAFF; font-size: 74px; z-index: 2; font-weight: 600; font-style: italic; } #top .av-tab-section-container .av-tab-section-tab-title-container { padding: 0 35px; max-width: 1300px; text-align: left; background: transparent; margin: 0 auto; border-bottom: 2px solid #DAC8BB; } #top .av-tab-section-container .av-inner-tab-title, #top .av-tab-section-container .av-tab-section-icon, #top .av-tab-section-container .av-tab-arrow-container, #top .av-tab-section-container .av-tab-section-image { text-transform: none; width: auto; font-size: 1em; } #top .av-tab-section-container .av-active-tab-title .av-inner-tab-title { font-weight: bold; position: relative; } #top .av-tab-section-container .av-active-tab-title .av-inner-tab-title::after { width: 152px; height: 13px; background: url('https://cdn.very-important-parking.fr/wp-content/uploads/2025/05/15205545/trait_180.png') no-repeat left center transparent; content: ''; position: absolute; left: 0; top: 100%; } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 990px) { #top .custom_paddingleft_10prct_desktop, #top .custom_paddingleft_15prct_desktop, #top .custom_paddingleft_40_desktop { padding-left: 0; } #top .custom_i_pos_relative { position: relative; } #top #p_qsn_section_map .template-page { padding-bottom: 0 !important; } } @media only screen and (max-width: 768px) { #top .title_container .breadcrumb { left: auto; } } @media only screen and (max-width: 468px) { #top img.responsive_floater { top: auto !important; display: block; } } /************************************************************************************************/ /************************************************************************************************/ /* /* BLOG /* /************************************************************************************************/ /************************************************************************************************/ html.html_blog_view { background: #F7EEE7; } #top.blog, #top.blog #wrap_all, #top.blog #wrap_all #main { overflow: visible; } html.av-burger-overlay-active #top.blog, html.av-burger-overlay-active.av-burger-overlay-active-delayed #top.blog { overflow-x: hidden; } .template-search .post-entry.slide-entry { position: relative; clear: none; font-size: 16px; } #top .fullsize .template-blog .post-title, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: none; } .html_elegant-blog .avia-content-slider .slide-entry-title:hover { text-decoration: underline; opacity: 1 !important; } #top .template-blog.container .av-content-small.units { width: 65%; } #top .template-blog.container .content > .entry-content-wrapper { padding-right: 25px; } #top .template-blog .avia-content-slider, #top .template-blog .avia-content-slider-inner, #top .template-search .avia-content-slider, #top .template-search .avia-content-slider-inner { overflow: inherit; } #top .template-blog article.slide-entry, #top .template-search article.slide-entry { box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-radius: 16px; } #top .template-blog article.slide-entry a.slide-image, #top .template-search article.slide-entry a.slide-image { border-top-left-radius: 16px; border-top-right-radius: 16px; margin: 0; } #top .template-blog article.slide-entry .slide-content, #top .template-search article.slide-entry .slide-content { display: block; background: #fff; position: relative; border-radius: 16px; min-height: 124px; margin-top: -16px; padding: 24px; } #top .template-blog article.slide-entry .slide-content header.entry-content-header, #top .template-search article.slide-entry .slide-content header.entry-content-header { display: flex; flex-direction: column-reverse; } .html_blog_view .avia-content-slider .slide-entry-title, #top .template-search .avia-content-slider .slide-entry-title { font-size: 1.3em; margin: 0; } .html_blog_view #top .post-entry .blog-categories { top: 0; } .html_blog_view #top .post-entry .blog-categories a { background: #96DDFF; border: 1px solid #5BCAFF; border-radius: 4px; padding: 4px 8px; color: #000; text-transform: none; font-size: 14px; } .html_blog_view #top .post-entry .blog-categories a[rel="tag"][href*="/categorie/actualites/"] { background-color: #E9DACF; border-color: #DAC8BB; } .html_blog_view #top .post-entry .blog-categories a:hover { background: #000 !important; border-color: #000 !important; color: #fff !important; } #top .template-blog article.slide-entry .slide-entry-excerpt, #top .template-search article.slide-entry .slide-entry-excerpt { color: #3E3D3C; line-height: 1.25em; } #top .template-blog article.slide-entry footer.entry-footer, #top .template-search article.slide-entry footer.entry-footer { background: #fff; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } #top .template-blog article.slide-entry footer.entry-footer > .slide-meta, #top .template-search article.slide-entry footer.entry-footer > .slide-meta { float: none; margin-top: -16px; padding: 24px; color: #767474; text-transform: uppercase; font-weight: 600; display: flex; flex-direction: row-reverse; justify-content: start; } #top .template-blog article.slide-entry footer.entry-footer .slide-meta-author, #top .template-search article.slide-entry footer.entry-footer .slide-meta-author { display: none; } #top .template-blog article.slide-entry footer.entry-footer .slide-meta-tags, #top .template-search article.slide-entry footer.entry-footer .slide-meta-tags { font-size: 0; } #top .template-blog article.slide-entry footer.entry-footer .slide-meta-tags::after, #top .template-search article.slide-entry footer.entry-footer .slide-meta-tags::after { content: '•'; font-size: 14px; color: #767474; font-weight: 600; position: relative; right: 6px; } #top .template-blog article.slide-entry footer.entry-footer .slide-meta-tags span, #top .template-search article.slide-entry footer.entry-footer .slide-meta-tags span { font-size: 14px; margin-left: -10px; margin-right: 10px; } #top .template-blog article.slide-entry footer.entry-footer .slide-meta-tags a, #top .template-search article.slide-entry footer.entry-footer .slide-meta-tags a { color: #767474; } #top .template-blog article.slide-entry footer.entry-footer .slide-meta-tags a:hover, #top .template-search article.slide-entry footer.entry-footer .slide-meta-tags a:hover { text-decoration: underline; } .html_blog_view .post-entry .slide-meta .slide-meta-del, #top .template-search .post-entry .slide-meta .slide-meta-del { display: none; } #top #main .sidebar { padding-top: 0; } @media only screen and (min-width: 990px) { #top #main .sidebar { position: sticky; top: 10px; } } #top #main .sidebar .inner_sidebar { margin-left: 0; } #top #main .sidebar .widget { border-radius: 16px; background: #fff; padding: 24px; margin-bottom: 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } #top #main .sidebar .widget .widget-title { font-size: 28px; line-height: 1; margin-bottom: 20px; } #top #main .sidebar .widget .widget-title a { color: #000; } #top #main .sidebar .widget .widget-title a:hover { text-decoration: underline; } #top #searchform > div { display: grid; grid-template-columns: minmax(0, 144px) 1fr; direction: rtl; gap: 12px; max-width: 450px; } #top #searchform .av_searchform_search.avia-svg-icon { right: auto; left: 10px; top: 10px; margin: 0; } #top .main_color #searchform .av_searchform_search.avia-svg-icon svg:first-child { fill: #000; width: 1.5em; height: 1.5em; } #top #searchsubmit { position: relative; right: auto; top: auto; display: inline-block; width: auto; font-size: 1em; font-weight: 500; letter-spacing: 1px; background: #D4E944; color: #000; border-radius: 6px; border: 1px solid #000; box-shadow: 1px 3px 0 #000; padding-left: 10px; padding-right: 10px; } #top #searchsubmit:hover { background: #000; color: #fff; border-color: #000; } #top #s { padding: 12px 5px 12px 44px; font-size: 13px; font-weight: 400; border: 1px solid #DAC8BB; border-radius: 4px; direction: ltr; } #top #s::placeholder { color: #B7B6B6; font-size: 13px; font-weight: 400; opacity: 1; } #top h3.widgettitle { font-size: 2.5em; margin-bottom: 20px; } #top .widget.newsbox .news-content .news-thumb { width: 80px; height: 80px; border: 0 none; padding: 0; background: transparent; } #top .widget.newsbox .news-content .news-thumb img { width: 100%; height: auto; border-radius: 10px; } #top .widget.newsbox .news-content .news-title { font-size: 18px; font-weight: 600; } #top .widget.newsbox .news-content .news-title:hover { text-decoration: underline; } #top .widget.newsbox .news-content .news-time { font-weight: 300; color: #767474; } #top .widget_categories li.cat-item a { background: #96DDFF; border: 1px solid #5BCAFF; border-radius: 4px; padding: 4px 8px; color: #000; text-transform: none; font-size: 14px; } #top .widget_categories li.cat-item a[rel="tag"][href*="/categorie/actualites/"] { background-color: #E9DACF; border-color: #DAC8BB; } #top .widget_categories li.cat-item a:hover { background: #000 !important; border-color: #000 !important; color: #fff !important; } /* Responsive */ @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 990px) { #top .template-blog.container { display: grid; } #top .template-blog.container .av-content-small.units { width: 100%; order: 2; } #top .template-blog.container .content > .entry-content-wrapper { padding-right: 0; } #top #main .sidebar { order: 1; display: block; } } @media only screen and (max-width: 768px) { .responsive #top #wrap_all .template-blog .slide-entry { margin-top: 40px; } } @media only screen and (max-width: 468px) { }