/* Theme Name: Ronneby Child Theme Theme URI: http://themes.dfd.name/ronneby/ Description: ronneby - Highly Functional Multifaceted WP Theme Author: DFD Author URI: http://wpsaloon.com/ Template: ronneby Version: 1.0.0 */ /**************************************************************************************** Freshdesk widget ****************************************************************************************/ iframe#launcher-frame { max-width: 200px !important; min-width: 120px !important; } iframe#launcher-frame .launcher-button { height: 30px !important; min-width: 120px !important; } iframe#launcher-frame .launcher-text { font-size: 16px !important; } /**************************************************************************************** BANDEAU COVID19 ****************************************************************************************/ #bandeau-covid19 { width: 100vw; height: 80px; background: #3ab0e5 !important; left: -15px; padding: 0; /* ════════════════════════════════════════════════════════════════════════════════════ * ROW * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT COLUMN * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * CTA COLUMN * ════════════════════════════════════════════════════════════════════════════════════ */ } @media (max-width: 1279px) { #bandeau-covid19 { margin-bottom: 30px; } } @media (max-width: 1229px) { #bandeau-covid19 { height: auto !important; padding: 30px 0 !important; } } #bandeau-covid19 > .row { margin-left: auto !important; margin-right: auto !important; } #bandeau-covid19 > .row > .columns { margin: auto; } #bandeau-covid19 .row { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } @media (max-width: 1229px) { #bandeau-covid19 .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #bandeau-covid19 .text-column { height: 40px; } #bandeau-covid19 .text-column p { color: white; line-height: 40px; font-size: 25px; font-weight: bold; text-transform: uppercase; text-align: center; } @media (max-width: 1229px) { #bandeau-covid19 .text-column { height: auto; width: 100% !important; margin-bottom: 30px !important; } #bandeau-covid19 .text-column p { line-height: normal; } } #bandeau-covid19 .cta-column .ubtn-ctn-center { margin: 0 auto !important; } #bandeau-covid19 .cta-column .ubtn { width: auto; padding: 0 20px !important; } @media (max-width: 450px) { #bandeau-covid19 .cta-column .ubtn { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } #bandeau-covid19 .cta-column .ubtn-link { margin: 0 auto !important; } #bandeau-covid19 .cta-column .ubtn-text { line-height: 38px !important; letter-spacing: 0.8px; font-size: 12px; font-weight: bold; text-transform: uppercase; } @media (max-width: 500px) { #bandeau-covid19 .cta-column .ubtn-text { line-height: normal; } } @media (max-width: 1229px) { #layout > .breadcrumb > .vc-row-wrapper#bandeau-covid19 > .row > .columns.four { display: block !important; width: 100% !important; } } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * PLUGIN FLEXPERSO CUSTOM * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ #flexperso-jobs { /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ max-width: none !important; margin: 0 !important; /* ════════════════════════════════════════════════════════════════════════════════════ * JOBS FILTER * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * JOB'S ROW * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * JOB'S INFORMATIONS * ════════════════════════════════════════════════════════════════════════════════════ */ } #flexperso-jobs #fp_filters { /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ width: 100% !important; /* ════════════════════════════════════════════════════════════════════════════════════ * SELECT FIELDS * ════════════════════════════════════════════════════════════════════════════════════ */ } #flexperso-jobs #fp_filters .fp_selectors { margin: 0 -30px; width: calc(100% + 2*30px); max-width: none; /* ════════════════════════════════════════════════════════════════════════════════════ * SINGLE SELECT FIELD * ════════════════════════════════════════════════════════════════════════════════════ */ } @media (max-width: 991px) { #flexperso-jobs #fp_filters .fp_selectors { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; width: 100%; } } #flexperso-jobs #fp_filters .fp_selectors .fp_select_div { margin: 15px !important; padding: 15px; min-width: 0px; max-width: none; width: calc((1/3)*100% - 2*15px); } @media (max-width: 991px) { #flexperso-jobs #fp_filters .fp_selectors .fp_select_div { width: 100%; margin: 15px 0 !important; } } #flexperso-jobs .fp_ligne { margin: 30px 0; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px #303030 solid; } #flexperso-jobs .fp_infos { /* ════════════════════════════════════════════════════════════════════════════════════ * JOB'S FONCTION * ════════════════════════════════════════════════════════════════════════════════════ */ } #flexperso-jobs .fp_infos .fp_fonction { letter-spacing: 2px; text-transform: none !important; font-size: 18px; font-weight: 500 !important; } /********* ****************************************************************************** **************************************************************************************** AJOUTS DE NOUVELLES FONTS **************************************************************************************** ****************************************************************************************/ @font-face { font-family: 'Montserrat Bold'; src: url('/wp-content/themes/ronneby_child/fonts/Montserrat-Bold.otf'); } /*************************************************************************************** **************************************************************************************** VÉRIFIER SI ON PEUT DÉSACTIVER CE CODE **************************************************************************************** ****************************************************************************************/ @media only screen and (max-width: 1100px) { .dfd-side-by-side-mode-custom #header-container, .dfd-side-by-side-mode-custom #header-container #header { position: fixed !important; background: transparent; } } @media only screen and (max-width: 800px) { .dfd-side-by-side-mode-custom #header-container #header .header-wrap > .row:last-child { background: transparent; } } @media only screen and (max-width: 1100px) { .dfd-side-by-side-mode-custom body.dfd-custom-padding-html #header-container #header { padding: 0 30px; } } /**************************************************************************************** **************************************************************************************** ÉLÉMENTS DE MENU À CACHER TEMPORAIREMENT **************************************************************************************** ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] .ubermenu-item.hidden, #shiftnav-main .menu-item.hidden, #header ul[id="menu-la-ligniere-top-bar-droite"] .hidden { display: none !important; } .bloc-visual-composer-cache { display: none !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * CENTRE DE VACCINATION * ════════════════════════════════════════════════════════════════════════════════════ */ .top-bar .centre-de-vaccination { position: absolute; top: -7px; left: 0; height: 35px; background: #cc0000; padding: 0 25px; font-size: 13px; letter-spacing: 1.95px; color: white !important; line-height: 35px; } .top-bar .centre-de-vaccination:hover { text-decoration: underline; color: white !important; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /************************************************************************************* BLOC RENDEZ-VOUS / CONSULTATION ****************************************************************************************/ #bloc-rendez-vous-consultation h2 { font-size: 18px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /************************************************************************************* BLOC RENDEZ-VOUS / CONSULTATION ****************************************************************************************/ #bloc-rendez-vous-consultation h2 { font-size: 14px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /************************************************************************************* BLOC RENDEZ-VOUS / CONSULTATION ****************************************************************************************/ #layout > .breadcrumb > #bloc-rendez-vous-consultation.vc-row-wrapper > .row > .columns.four:first-child, #layout > .breadcrumb > #bloc-rendez-vous-consultation.vc-row-wrapper > .row > .columns.four:last-child { display: block !important; width: 100% !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** **************************************************************************************** CSS CUSTOMISÉ - LA LIGNIÈRE **************************************************************************************** **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** CLASSE POUR FORCER LE FAIT DE CACHER UNE RANGÉE **************************************************************************************** ****************************************************************************************/ .rangee-cachee { display: none; } /*************************************************************************************** **************************************************************************************** ÉLÉMENTS À NE PAS AFFICHER AILLEURS QUE SUR MOBILE VERTICAL **************************************************************************************** ****************************************************************************************/ .mobile-vertical-only { display: none !important; } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { .mobile-vertical-only { display: block !important; } } /*************************************************************************************** **************************************************************************************** ÉLÉMENTS À NE PAS AFFICHER AILLEURS QUE SUR MOBILES **************************************************************************************** ****************************************************************************************/ .mobile-only { display: none !important; } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { .mobile-only { display: block !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { .mobile-only { display: block !important; } } /*************************************************************************************** **************************************************************************************** ÉLÉMENTS À NE PAS AFFICHER SUR MOBILES VERTICAL **************************************************************************************** ****************************************************************************************/ /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { .disable-on-mobile-vertical { display: none !important; } } /*************************************************************************************** **************************************************************************************** ÉLÉMENTS À NE PAS AFFICHER SUR MOBILES **************************************************************************************** ****************************************************************************************/ /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { .disable-on-mobile { display: none !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { .disable-on-mobile { display: none !important; } } /*************************************************************************************** **************************************************************************************** ÉLÉMENTS À NE PAS AFFICHER EN DISPLAY: FLEX **************************************************************************************** ****************************************************************************************/ .colonne-no-flex { display: block !important; } /*************************************************************************************** **************************************************************************************** COULEURS **************************************************************************************** ****************************************************************************************/ .couleur-blanc * { color: white; } /*************************************************************************************** **************************************************************************************** FONTS **************************************************************************************** ****************************************************************************************/ .font-family-montserrat-light { font-family: "MontserratLight" !important; } .font-weight-normal { font-weight: 400 !important; } /*************************************************************************************** **************************************************************************************** BOUTTON CTA **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PROPRIÉTÉS GÉNÉRALES ****************************************************************************************/ .ubtn .ubtn-text { font-weight: normal; } /**************************************************************************************** CTA CONTACT-7 / BLOC HTML POUR FORMULAIRES POPUP SOUS VISUAL COMPOSER : ON LES REND IDENTIQUES À CEUX DE LA LIGNIÈRE (AVEC VISUAL COMPOSER) ****************************************************************************************/ .cta.identique-aux-ctas-de-la-ligniere { text-align: center; } .cta.identique-aux-ctas-de-la-ligniere .ubtn { padding-top: 0 !important; padding-bottom: 0 !important; height: 50px !important; background: #000000; color: #ffffff; } .cta.identique-aux-ctas-de-la-ligniere .ubtn > .ubtn-hover { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; height: 50px !important; background: #707070; } .cta.identique-aux-ctas-de-la-ligniere .ubtn > .ubtn-text { line-height: 50px !important; height: 50px !important; } .cta.identique-aux-ctas-de-la-ligniere input[type="submit"] { width: 100% !important; height: 50px !important; position: relative !important; bottom: 50px !important; line-height: 50px !important; margin: 0 !important; opacity: 0 !important; } /*************************************************************************************** **************************************************************************************** LIENS HREF / MAILTO **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LIENS MAILTO / TEL / GOOGLE MAP ****************************************************************************************/ a[href^="mailto:"], a[href^="tel:"], a[href^="https://goo.gl/maps"] { font-size: inherit !important; line-height: inherit !important; color: inherit !important; font-family: inherit !important; font-style: normal !important; font-weight: normal !important; text-align: right !important; float: none !important; } a[href^="mailto:"]:hover, a[href^="tel:"]:hover, a[href^="https://goo.gl/maps"]:hover { text-decoration: underline !important; } /*************************************************************************************** **************************************************************************************** FIL D'ARIANE **************************************************************************************** ****************************************************************************************/ #bloc-breadcrumb { padding-left: 2.5%; } #bloc-breadcrumb .row, #bloc-breadcrumb .row > .twelve.columns { padding: 0; } #bloc-breadcrumb a { border: none; } /*************************************************************************************** **************************************************************************************** LISTES À PUCES **************************************************************************************** ****************************************************************************************/ #layout .wpb_text_column ul { margin-left: 45px; } /* ON N'AFFICHE PAS LA PUCE AFIN DE POUVOIR DONNER UNE COULEUR DIFFÉRENTE POUR CETTE DERNIÈRE SANS POUR AUTANT DONNER UN SOUS-CONTENEUR AU LI */ #layout .wpb_text_column ul > li { list-style-type: none; text-indent: -10px; /* POUR RECALER LE DÉCALAGE DE LA PUCE EN-DESSOUS */ color: #303030; } /* ON N'AFFICHE UN CARACTÈRE POUR LA PUCE EN BEFORE ET C'EST SUR CE DERNIER QU'ON APPLIQUE LA COULEUR */ #layout .wpb_text_column ul > li:before { content: '\2022'; font-size: 3em; position: relative; top: 7px; right: 10px; } /**************************************************************************************** LISTES À PUCES VERT CLINIQUE ****************************************************************************************/ #layout .wpb_text_column.liste-puces-vert-clinique ul > li:before { color: #009078; } /**************************************************************************************** LISTES À PUCES VERT CENTRE MÉDICAL & THÉRAPEUTIQUE ****************************************************************************************/ #layout .wpb_text_column.liste-puces-vert-centre-medical ul > li:before { color: #8eb71e; } /**************************************************************************************** LISTES À PUCES BLEU CENTRE DE SANTÉ ****************************************************************************************/ #layout .wpb_text_column.liste-puces-bleu-centre-de-sante ul > li:before { color: #3ab0e5; } /**************************************************************************************** LISTES À PUCES GRIS LA LIGNIÈRE ET VOUS? ****************************************************************************************/ #layout .wpb_text_column.liste-puces-gris ul > li:before { color: #777777; } /**************************************************************************************** LISTES À PUCES BLANC ****************************************************************************************/ #layout .wpb_text_column.liste-puces-blanc ul > li { color: #FFF; } #layout .wpb_text_column.liste-puces-blanc ul > li:before { color: #FFF; } /*************************************************************************************** **************************************************************************************** SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC VIDÉO (SI VIDÉO) ****************************************************************************************/ #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child, #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child div:not(#bloc-video) { width: 100% !important; max-width: 100% !important; display: block; position: absolute !important; left: 0 !important; top: 0 !important; } #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child #bloc-video { width: 70.3125vw !important; max-width: 70.3125vw !important; height: 36vw !important; max-height: 36vw !important; min-height: 36vw !important; left: 0 !important; top: 0 !important; right: initial !important; bottom: initial !important; } /* NÉCESSAIRE POUR IEXPLORER */ #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child #bloc-video > .html5vid { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1 !important; min-height: 100% !important; min-width: 100% !important; -webkit-transform-style: preserve-3d !important; } /* NÉCESSAIRE POUR IEXPLORER */ #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child #bloc-video > .html5vid > video { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1 !important; min-height: 100% !important; min-width: 100% !important; height: auto !important; width: 100% !important; object-fit: cover !important; } /* BARRE DE CONTRÔLE PAUSE */ #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child #bloc-video .tp-video-play-button { display: none !important; } /**************************************************************************************** BLOC TITRE (SI BLOC CONTACT) ****************************************************************************************/ #bloc-slider.avec-bloc-contact:not(.avec-video) .tp-parallax-wrap:last-child, #bloc-slider.avec-bloc-contact:not(.avec-video) .tp-parallax-wrap:last-child div:not(#bloc-titre) { width: 100% !important; max-width: 100% !important; display: block; left: 0 !important; } #bloc-slider.avec-bloc-contact .tp-parallax-wrap:last-child #bloc-titre { width: 100% !important; max-width: 100% !important; left: initial !important; right: 29.6875vw !important; padding-right: 30px; } /**************************************************************************************** IMAGE DE FOND (SI PAS VIDÉO ET BLOC CONTACT) ****************************************************************************************/ #bloc-slider.avec-bloc-contact .tp-bgimg.defaultimg { background-size: 70.3125vw 39vw !important; background-position: top left !important; } /**************************************************************************************** BLOC DE COULEUR - CONTENEUR PRINCIPAL ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-rectangle-de-couleur { padding: 3vw 1vw 3vw 3vw !important; width: 29.6875vw !important; max-width: 29.6875vw !important; } /**************************************************************************************** BLOC TEXTE ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte { padding: 2vw 2.5vw 0 2.5vw !important; width: 29.6875vw !important; max-width: 29.6875vw !important; z-index: 100 !important; } .page-id-16718 #bloc-slider.avec-bloc-contact #bloc-de-texte, .page-id-21200 #bloc-slider.avec-bloc-contact #bloc-de-texte { min-height: 39vw !important; max-height: 39vw !important; } @media only screen and (min-width: 1365px) { .page-id-16718 #bloc-slider.avec-bloc-contact #bloc-de-texte, .page-id-21200 #bloc-slider.avec-bloc-contact #bloc-de-texte { min-height: 535px !important; max-height: 535px !important; } } /**************************************************************************************** BLOC DE COULEUR - TITRE / SOUS-TITRE ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte p.titre { text-align: center; font-family: "MontserratSemiBold"; color: white; font-size: 1.7vw !important; margin-bottom: 2.5vw !important; font-weight: bold !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte p.sous-titre { text-align: left; font-family: "MontserratMedium"; color: white; font-size: 1.3vw !important; margin: 1vw 0 0.5vw 0 !important; line-height: 1.2 !important; font-weight: bold; } /**************************************************************************************** BLOC DE COULEUR - TABLEAU ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte table, #bloc-slider.avec-bloc-contact #bloc-de-texte table tr, #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td { background: transparent; border: none; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td { font-family: "Montserrat"; color: white; background: transparent; padding: 5px 10px; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td { text-align: left; line-height: 1.2 !important; font-size: 1.3vw !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td *, #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td b { vertical-align: top; line-height: 1.2 !important; font-size: 1.3vw !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td > a { float: left; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td > a { color: white; } /* ICONES */ #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td.horaires:before { content: url("/wp-content/uploads/2017/05/icone-horaire.png"); width: 15px; height: 15px; padding-right: 10px; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td.tel:before { content: url("/wp-content/uploads/2017/04/icone-telephone.png"); width: 15px; height: 15px; padding-right: 10px; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td.fax:before { content: url("/wp-content/uploads/2017/04/icone-fax.png"); width: 15px; height: 15px; padding-right: 10px; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td.mail:before { content: url("/wp-content/uploads/2017/05/icone-mail.png"); width: 15px; height: 15px; padding-right: 10px; } /* CELLULE DU LIEN */ #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td.tel + td, #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td.fax + td, #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td.mail + td { text-align: right; } /**************************************************************************************** BLOC DE COULEUR - CTA ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte .cta { margin-top: 0 !important; text-align: center; position: absolute; bottom: 2vw; margin: auto; left: 0; width: 100%; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta > a { border: 1px solid white; padding: 0.5vw 2vw !important; font-family: "MontserratLight"; font-size: 1.3vw !important; margin: auto; color: white; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta > a:hover { background: white; color: black; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies au-delà de 1366px on garde les valeurs limites de 1366px*/ @media (min-device-width: 1280px) and (min-width: 1366px) { /**************************************************************************************** CAS PARTICULIER DE LA HOME ****************************************************************************************/ .home #layout > .breadcrumb > #bloc-revolution-slider { width: 1366px !important; max-width: 1366px !important; min-width: 1366px !important; height: 769px !important; max-height: 769px !important; min-height: 769px !important; margin: 0 auto !important; } .home #layout > .breadcrumb > #bloc-revolution-slider > .row, .home #layout > .breadcrumb > #bloc-revolution-slider > .row > .twelve.columns { margin: 0 !important; padding: 0 !important; height: 769px !important; max-height: 769px !important; min-height: 769px !important; } .home #layout > .breadcrumb > #bloc-revolution-slider > .row > .twelve.columns .rev_slider_wrapper { left: 0 !important; max-width: 100% !important; height: 769px !important; max-height: 769px !important; min-height: 769px !important; } .home #layout > .breadcrumb > #bloc-revolution-slider > .row > .twelve.columns .rev_slider_wrapper ul.tp-revslider-mainul, .home #layout > .breadcrumb > #bloc-revolution-slider > .row > .twelve.columns .rev_slider_wrapper ul.tp-revslider-mainul > li { height: 769px !important; max-height: 769px !important; min-height: 769px !important; } /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ #layout > .breadcrumb > #bloc-revolution-slider { width: 1366px !important; max-width: 1366px !important; min-width: 1366px !important; margin: 0 auto !important; } #layout > .breadcrumb > #bloc-revolution-slider > .row, #layout > .breadcrumb > #bloc-revolution-slider > .row > .twelve.columns { margin: 0 !important; padding: 0 !important; } #layout > .breadcrumb > #bloc-revolution-slider > .row > .twelve.columns .rev_slider_wrapper { left: 0 !important; max-width: 100% !important; } /**************************************************************************************** BLOC SLIDER - CONTENEURS PRINCIPAUX ****************************************************************************************/ #bloc-slider { margin: 0 auto !important; } #bloc-slider > .row div[id^="rev_slider_"][id$="_wrapper"] { position: absolute !important; left: 0 !important; right: initial !important; top: 0 !important; bottom: initial !important; } /*********************************************************************************** BLOC VIDÉO (SI VIDÉO) ***********************************************************************************/ #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child, #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child div:not(#bloc-video) { width: 1366px !important; max-width: 1366px !important; } #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child #bloc-video { width: 960px !important; max-width: 960px !important; } /* NÉCESSAIRE POUR IEXPLORER */ #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child #bloc-video > .html5vid { min-height: 100% !important; min-width: 100% !important; max-width: 100% !important; } /* NÉCESSAIRE POUR IEXPLORER */ #bloc-slider.avec-bloc-contact.avec-video .tp-parallax-wrap:last-child #bloc-video > .html5vid > video { min-height: 100% !important; min-width: 100% !important; width: 100% !important; max-width: 100% !important; } /*********************************************************************************** BLOC TITRE (SI BLOC CONTACT) ***********************************************************************************/ #bloc-slider.avec-bloc-contact:not(.avec-video) .tp-parallax-wrap:last-child, #bloc-slider.avec-bloc-contact:not(.avec-video) .tp-parallax-wrap:last-child div:not(#bloc-titre) { width: 100% !important; max-width: 100% !important; } #bloc-slider.avec-bloc-contact .tp-parallax-wrap:last-child #bloc-titre { width: 100% !important; max-width: 100% !important; right: 406px !important; padding-right: 30px; } /*********************************************************************************** IMAGE DE FOND (SI PAS VIDÉO ET BLOC CONTACT) ***********************************************************************************/ #bloc-slider.avec-bloc-contact .tp-bgimg.defaultimg { background-size: 960px 535px !important; } /*********************************************************************************** BLOC DE COULEUR - CONTENEUR PRINCIPAL ************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-rectangle-de-couleur { padding: 41px 13.5px 41px 41px !important; width: 406px !important; max-width: 406px !important; } /*********************************************************************************** BLOC TEXTE ***********************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte { padding: 27px 34px 0 34px !important; width: 406px !important; max-width: 406px !important; } /*********************************************************************************** BLOC DE COULEUR - TITRE / SOUS-TITRE ***********************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte p.titre { font-size: 23px !important; margin-bottom: 34px !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte p.sous-titre { font-size: 17.5px !important; margin: 13.5px 0 7px 0 !important; } /*********************************************************************************** BLOC DE COULEUR - TABLEAU ***********************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td { font-size: 17.5px !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td *, #bloc-slider.avec-bloc-contact #bloc-de-texte table tr > td b { font-size: 17.5px !important; } /*********************************************************************************** BLOC DE COULEUR - CTA ***********************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte .cta { bottom: 27px; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta > a { padding: 7px 27px !important; font-size: 18px !important; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC SLIDER - BACKGROUND VIDÉO ****************************************************************************************/ /* ON N'AFFICHE PAS LA VIDÉO (JUSTE L'IMAGE DE REMPLACEMENT) */ #bloc-slider .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC SLIDER - SOUS-BLOC DE COULEUR ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte { padding: 20px 20px 20px 30px !important; background-size: 200px 150px !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte p.titre { margin-bottom: 1vw !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta { position: absolute; bottom: 2vw; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta > a { padding: 10px 20px !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte table { margin: 0; } #bloc-slider.avec-bloc-contact #bloc-de-texte table td, #bloc-slider.avec-bloc-contact #bloc-de-texte table td * { font-size: 12px !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC SLIDER - BACKGROUND VIDÉO ****************************************************************************************/ /* ON N'AFFICHE PAS LA VIDÉO (JUSTE L'IMAGE DE REMPLACEMENT) */ #bloc-slider .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC SLIDER - SOUS-BLOC DE COULEUR ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte { padding: 10px 10px 10px 20px !important; background-size: 150px 115px !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte .titre { margin-top: 0 !important; margin-bottom: 0 !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte p.titre { margin-bottom: 1.5vw !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte table { margin: 0; } #bloc-slider.avec-bloc-contact #bloc-de-texte table td, #bloc-slider.avec-bloc-contact #bloc-de-texte table td * { font-size: 10px !important; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta { position: absolute; bottom: 1.5vw; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta > a { padding: 5px 15px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC SLIDER - BACKGROUND VIDÉO **************************************************************************************** ****************************************************************************************/ /* ON N'AFFICHE PAS LA VIDÉO (JUSTE L'IMAGE DE REMPLACEMENT) */ #bloc-slider .rs-background-video-layer { display: none !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER - SANS BLOC DE CONTACT **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON N'AFFICHE PAS ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider .wpb_revslider_element { display: none; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER - AVEC BLOC DE CONTACT **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PAS DE PADDING POUR LE CONTENEUR INTERNE DE LA RANGÉE ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { padding: 0 !important; } /**************************************************************************************** ON N'AFFICHE PAS L'IMAGE DE FOND DU SLIDER ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element .tp-bgimg { display: none; } /**************************************************************************************** ON N'AFFICHE PAS LE CALQUE DE TITRE ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(4) { display: none; } /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li { display: block; height: 390px !important; max-height: 390px !important; left: 0 !important; width: 100vw !important; max-width: 100vw !important; } /**************************************************************************************** CALQUE DE COULEUR ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(2), #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(2) div { left: 0 !important; width: 100vw !important; max-width: 100vw !important; } /**************************************************************************************** CALQUE DE TABLEAU ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { left: 0 !important; width: 100vw !important; height: 390px !important; max-height: 390px !important; max-width: 100vw !important; } /* ON N'AFFICHE PAS L'IMAGE DE L'ARBRE EN DÉFONCE */ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte { background: none; padding: 40px !important; width: 100% !important; margin: auto !important; } /* TITRE */ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte p.titre { font-size: 24px !important; margin-bottom: 10px 0 !important; } /* SOUS-TITRES */ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte p.sous-titre { font-size: 22px !important; margin: 20px 0 10px 0 !important; line-height: 1.2 !important; } /* TEXTE DANS TABLE */ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte table td, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte table td * { font-size: 20px !important; } /**************************************************************************************** BLOC DE COULEUR - CTA ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte .cta { position: absolute; bottom: 30px; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta > a { border: 1px solid white !important; padding: 10px !important; font-size: 20px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC SLIDER - BACKGROUND VIDÉO **************************************************************************************** ****************************************************************************************/ /* ON N'AFFICHE PAS LA VIDÉO (JUSTE L'IMAGE DE REMPLACEMENT) */ #bloc-slider .rs-background-video-layer { display: none !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER - SANS BLOC DE CONTACT **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON N'AFFICHE PAS ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider .wpb_revslider_element { display: none; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER - AVEC BLOC DE CONTACT **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PAS DE PADDING POUR LE CONTENEUR INTERNE DE LA RANGÉE ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row { margin-left: 0 !important; margin-right: 0 !important; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { padding: 0 !important; } /**************************************************************************************** ON N'AFFICHE PAS L'IMAGE DE FOND DU SLIDER ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element .tp-bgimg { display: none; } /**************************************************************************************** ON N'AFFICHE PAS LE CALQUE DE TITRE ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(4) { display: none; } /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li { display: block; height: 360px !important; max-height: 360px !important; left: 0 !important; width: 100vw !important; max-width: 100vw !important; } /**************************************************************************************** CALQUE DE COULEUR ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(2), #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(2) div { left: 0 !important; width: 100vw !important; max-width: 100vw !important; } /**************************************************************************************** CALQUE DE TABLEAU ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { left: 0 !important; width: 100vw !important; height: 360px !important; max-height: 360px !important; max-width: 100vw !important; } /* ON N'AFFICHE PAS L'IMAGE DE L'ARBRE EN DÉFONCE */ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte { background: none; padding: 20px 40px !important; width: 100% !important; margin: auto !important; } /* TITRE */ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte p.titre { font-size: 20px !important; margin-bottom: 10px 0 !important; } /* SOUS-TITRES */ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte p.sous-titre { font-size: 20px !important; margin: 20px 0 10px 0 !important; line-height: 1.2 !important; } /* TEXTE DANS TABLE */ #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte table td, #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte table td * { font-size: 18px !important; } /**************************************************************************************** BLOC DE COULEUR - CTA ****************************************************************************************/ #bloc-slider.avec-bloc-contact #bloc-de-texte .cta { position: absolute; bottom: 30px; } #bloc-slider.avec-bloc-contact #bloc-de-texte .cta > a { border: 1px solid white !important; padding: 10px !important; font-size: 18px !important; } } /*************************************************************************************** **************************************************************************************** RANGÉE DE PREMIER ORDRE - BLOC COLONNES **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** ON MET LES BLOCS LES UNS À CÔTÉ DES AUTRES ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row { font-size: 0; display: flex; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.six { display: flex; width: 50vw !important; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.four { display: flex; width: 33.333333333333vw !important; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.three { display: flex; width: 25vw !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** ON MET LES BLOCS LES UNS À CÔTÉ DES AUTRES ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row { font-size: 0; display: flex; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.six { display: flex; width: 50vw !important; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.four { display: flex; width: 33.333333333333vw !important; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.three { display: flex; width: 25vw !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** CAS D'UNE RANGÉE DÉCLARÉE EN FLEX ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row { display: flex !important; flex-direction: column; } #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row > .columns.colonne-flex-image { display: flex !important; order: -1 !important; height: 250px !important; /* ON IMPOSE LA HAUTEUR CAR COMME ELLE EST VIDE (À PART LE BACKGROUND) CELA NE SEMBLE PAS SUFFIRE */ } #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row > .columns.disable-on-mobile { display: none !important; } } /* Smartphones Verticaux - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** ON MET LES BLOCS LES UNS DESSOUS LES AUTRES ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row { font-size: 0; display: flex; flex-direction: column; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.six { display: flex; width: 100vw !important; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.four { display: flex; width: 100vw !important; } #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.three { display: flex; width: 100vw !important; } /**************************************************************************************** CAS D'UNE RANGÉE DÉCLARÉE EN FLEX ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row { display: flex !important; flex-direction: column; } #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row > .columns.colonne-flex-image { display: flex !important; order: -1 !important; height: 250px !important; /* ON IMPOSE LA HAUTEUR CAR COMME ELLE EST VIDE (À PART LE BACKGROUND) CELA NE SEMBLE PAS SUFFIRE */ } #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row > .columns.disable-on-mobile { display: none !important; } } /*************************************************************************************** **************************************************************************************** POPUP DE FORMULAIRES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEUR PRINCIPAUX ****************************************************************************************/ #fancybox-wrap { width: 700px !important; padding: 0 !important; } #fancybox-wrap #fancybox-content { width: 100% !important; padding: 30px; -ms-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } /**************************************************************************************** RESPONSIVITÉ ****************************************************************************************/ /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** CENTRAGE HORIZONTAL ****************************************************************************************/ #fancybox-wrap { left: 10vw !important; width: 80vw !important; } #fancybox-wrap #fancybox-content { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #fancybox-wrap #fancybox-content #contact_form_pop { padding: 0 5px; } /**************************************************************************************** BOUTON DE FERMETURE ****************************************************************************************/ #fancybox-wrap #fancybox-close { right: -15px; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** CENTRAGE HORIZONTAL ****************************************************************************************/ #fancybox-wrap { left: 10vw !important; width: 80vw !important; } #fancybox-wrap #fancybox-content { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #fancybox-wrap #fancybox-content #contact_form_pop { padding: 0 5px; } /**************************************************************************************** BOUTON DE FERMETURE ****************************************************************************************/ #fancybox-wrap #fancybox-close { right: -10px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** CENTRAGE HORIZONTAL ****************************************************************************************/ #fancybox-wrap { left: 5vw !important; width: 90vw !important; } #fancybox-wrap #fancybox-content { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #fancybox-wrap #fancybox-content #contact_form_pop { padding: 0 5px; } /**************************************************************************************** BOUTON DE FERMETURE ****************************************************************************************/ #fancybox-wrap #fancybox-close { right: -10px; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** CENTRAGE HORIZONTAL ****************************************************************************************/ #fancybox-wrap { left: 2.5vw !important; width: 95vw !important; } #fancybox-wrap #fancybox-content { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #fancybox-wrap #fancybox-content #contact_form_pop { padding: 0 5px; } /**************************************************************************************** BOUTON DE FERMETURE ****************************************************************************************/ #fancybox-wrap #fancybox-close { right: -10px; } } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1280px) and (min-width: 1281px) { /**************************************************************************************** ON RÉDUIT LA PLEINE LARGEUR À 1366PX ****************************************************************************************/ #main-wrap #layout .row { max-width: 1366px; margin: auto; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** RANGÉES PLEINE LARGEUR **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { width: 100% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** TITRE PAGE **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider .titre-page.mobile-vertical-only { display: block !important; } #layout > .breadcrumb #bloc-revolution-slider .titre-page.mobile-vertical-only h1 { display: block; margin: 5% 0 5% 0 !important; } /*************************************************************************************** **************************************************************************************** BREADCRUMB **************************************************************************************** ****************************************************************************************/ #layout #bloc-breadcrumb { display: none; } /*************************************************************************************** **************************************************************************************** RANGÉES PLEINE LARGEUR **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { width: 100% !important; } /*************************************************************************************** **************************************************************************************** COLONNES **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row > .columns { padding-left: 30px !important; padding-right: 30px !important; } /*************************************************************************************** **************************************************************************************** BLOC TITRES - CENTRÉS ET SANS LIGNE AVANT **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; font-size: 25px; } #layout > .breadcrumb > .vc-row-wrapper > .row h2.uvc-main-heading + .uvc-heading-spacer .uvc-headings-line { float: none !important; width: 100px !important; right: initial; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** TITRE PAGE **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider .titre-page.mobile-vertical-only { display: block !important; } #layout > .breadcrumb #bloc-revolution-slider .titre-page.mobile-vertical-only h1 { display: block; margin: 7.5% 0 5% 0 !important; } /*************************************************************************************** **************************************************************************************** BREADCRUMB **************************************************************************************** ****************************************************************************************/ #layout #bloc-breadcrumb { display: none; } #layout > .breadcrumb > .vc-row-wrapper .titre-page.mobile-vertical-only h1 { display: block; font-size: 20px; } /*************************************************************************************** **************************************************************************************** RANGÉES PLEINE LARGEUR **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { width: 100% !important; } /*************************************************************************************** **************************************************************************************** COLONNES **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row > .columns { padding-left: 30px !important; padding-right: 30px !important; } /*************************************************************************************** **************************************************************************************** RANGÉES FLEX - CHANGEMENT ORDRE DES BLOCS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON APPLIQUE DANS VISUAL COMPOSER UNE CLASSE rangee-flex POUR LES RANGÉES QUI AURONT UN COMPORTEMENT À GÊRER PAR FLEX POUR LES MOBILES VERTICAUX ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; } /**************************************************************************************** ON IDENTIFIE LES SOUS-BLOCS IMAGES QUE L'ON MET EN PREMIER ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row > .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw !important; } #layout > .breadcrumb > .vc-row-wrapper.rangee-flex > .row > .columns.colonne-flex-image { order: -1; height: 250px !important; /* ON IMPOSE LA HAUTEUR CAR COMME ELLE EST VIDE (À PART LE BACKGROUND) CELA NE SEMBLE PAS SUFFIRE */ margin: 10px 0; } /*************************************************************************************** **************************************************************************************** BLOC TITRES - CENTRÉS ET SANS LIGNE AVANT **************************************************************************************** ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper > .row h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; font-size: 25px; } #layout > .breadcrumb > .vc-row-wrapper > .row h2.uvc-main-heading + .uvc-heading-spacer .uvc-headings-line { float: none !important; width: 100px !important; right: initial; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** HEADER **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** TOP-BARRE **************************************************************************************** ****************************************************************************************/ /* ════════════════════════════════════════════════════════════════════════════════════ * CTA CONNEXION * ════════════════════════════════════════════════════════════════════════════════════ */ .top-bar .connexion { margin-right: 20px !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * SOCIAL ICONS * ════════════════════════════════════════════════════════════════════════════════════ */ .top-bar .social { margin: 0 3px; } .top-bar .social > img { width: 20px; height: 20px; } /*************************************************************************************** **************************************************************************************** TOP-HEADER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ #header-container #header .header-top-panel { padding: 0 !important; } /**************************************************************************************** BLOC MENU - BLOC ICÔNES SOCIALES - EN LARGEUR AUTO ****************************************************************************************/ #header-container #header .header-top-panel > .row > .header-info-panel .soc-icons, #header-container #header .header-top-panel > .row > .header-info-panel #menu-la-ligniere-top-bar-droite { width: auto; } /**************************************************************************************** HAUTEUR ****************************************************************************************/ #header-container #header .header-top-panel { height: 40px; } #header-container #header .header-top-panel * { height: 40px; line-height: 40px; } /**************************************************************************************** CTA - CONNEXION ****************************************************************************************/ #header-container #header .header-top-panel ul#menu-la-ligniere-top-bar-droite > li:last-child > a { margin-right: 20px !important; padding: 3px; border: 1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; } /**************************************************************************************** RESPONSIVITÉ ****************************************************************************************/ /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { #header-container #header .header-top-panel { display: none; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { #header-container #header .header-top-panel { display: none; } } /*************************************************************************************** **************************************************************************************** MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LIEN MENU COVID19 ****************************************************************************************/ .menu-li-a.covid19 > a { color: #3ab0e5 !important; } .mobile-menu-li.covid19 > a { color: #3ab0e5 !important; line-height: 30px !important; } /**************************************************************************************** CONTENEURS PARENTS - HOMOGÉNÉISATION DES HAUTEURS ****************************************************************************************/ #header-container #header .header-wrap > .row { height: 100px; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0; } /**************************************************************************************** ON PLACE LE LOGO DEVANT LE MENU POUR PERMETTRE LE CLIC ****************************************************************************************/ #header-container #header .header-wrap > .row .header-col-left { z-index: 1000; } /**************************************************************************************** ÉLÉMENTS DE MENU - NIVEAU 0 ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > a { padding: 0 10px; font-size: 11pt; letter-spacing: normal; } /* EFFET DE SURLIGNEMENT - DÉFAUT */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 a:after { top: initial !important; bottom: 0; background: transparent !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 a:hover { font-weight: bold !important; } /* EFFET DE SURLIGNEMENT - CLINIQUE + Hover*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique a:after { background: transparent !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique a:hover { font-weight: bold !important; color: #009980 !important; } /* EFFET DE SURLIGNEMENT - CENTRE MÉDICAL + Hover*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical a:after { background: transparent !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical a:hover { font-weight: bold !important; color: #8eb71e !important; } /* EFFET DE SURLIGNEMENT - CENTRE DE SANTÉ + Hover*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante a:after { background: transparent !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante a:hover { font-weight: bold !important; color: #3ab0e5 !important; } /* EFFET DE SURLIGNEMENT - LA LIGNIÈRE ET VOUS + Hover*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous a:after { background: transparent !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous a:after { font-weight: bold !important; } /**************************************************************************************** ÉLÉMENT : ADMISSIONS & RENDEZ-VOUS ****************************************************************************************/ #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.admission-et-rendez-vous { background: #303030; } #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.admission-et-rendez-vous > a { color: white !important; } /* EFFET DE SURLIGNEMENT - PAS POUR CET ÉLÉMENT */ #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.admission-et-rendez-vous:after { display: none !important; } /**************************************************************************************** ÉLÉMENTS INTRANET UNIQUEMENT ****************************************************************************************/ #header ul#menu-la-ligniere-menu-principal > li[class*="intranet"].menu-item-depth-0 { display: none !important; } /*************************************************************************************** **************************************************************************************** UBERMENU - GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CORRECTION BUG HEADER ****************************************************************************************/ #header-container { display: block !important; } #header-container > #header { transform: none !important; } /**************************************************************************************** CONTENEURS PARENTS - LARGEURS RELATIVES - BLOC LOGO - BLOC MENU ****************************************************************************************/ /* CONTENEUR PRINCIPAL - LOGO & MENU*/ #header #header-main-panel { display: block; width: 1280px; padding: 0 20px; } /* BLOC LOGO */ #header-container #header .header-main-panel .header-col-left { display: inline-block; width: 200px; } /* BLOC MENU */ #header-container #header .header-main-panel .header-col-fluid { display: inline-block; width: 1060px; margin: 0 !important; } /**************************************************************************************** LOGO - DEVANT LE MENU POUR PERMETTRE LE CLIC ****************************************************************************************/ #header .header-main-panel .header-col-left { z-index: 1000; } /**************************************************************************************** LOGO - HAUTEUR ET CENTRAGE VERTICAL ****************************************************************************************/ #header .header-main-panel .header-col-left img { width: 100% !important; height: auto !important; position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } /**************************************************************************************** MENU - HOMOGÉNÉISATION DES HAUTEURS ****************************************************************************************/ #header nav.ubermenu-main, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"], #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li[class*="intranet"], #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li[class*="intranet"] > a { height: 60px; } /**************************************************************************************** ON PLACE LE SOUS-MENU JUSTE DESSOUS LE MENU ET À DROITE DE LA PAGE ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] .ubermenu-submenu-drop { position: absolute; top: 80px; left: initial; right: 0; } /**************************************************************************************** ON N'AFFICHE PAS DE BASE LES ÉLÉMENTS DU MENU INTRANET ****************************************************************************************/ #header ul[id*="ubermenu-nav-main"] > li[class*="intranet"] { display: none; } /**************************************************************************************** MENU - ÉLÉMENTS INITIALEMENT DANS LE TOP HEADER QUE L'ON N'AFFICHE QUE POUR LE MENU MOBILE ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li[class*="liens-du-top-header-pour-mobile-uniquement"] { display: none; } /**************************************************************************************** MENU - CTA RAJOUTÉ DANS LE header-style-1.php uniquement pour mobile ****************************************************************************************/ #header-container #header .header-main-panel #cta-mobile-admission-et-rendez-vous { display: none; } /**************************************************************************************** MENU - ÉLÉMENTS DE MENU DE NIVEAU 0 ****************************************************************************************/ /* PADDINGS */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li > a { padding: 0 10px; line-height: 60px; letter-spacing: normal; font-weight: 400; } /* EFFET DE SURLIGNEMENT EN HOVER */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li:not(.admission-et-rendez-vous) > a:after { background: #777777; content: ""; display: block; width: 100%; height: 3px; position: absolute; top: initial; bottom: 0; left: 0; margin: 0; visibility: hidden; -webkit-transform: rotate(0); transform: rotate(0); } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li:hover > a:after { visibility: visible; } /**************************************************************************************** MENU - CTA - ADMISSIONS & RENDEZ-VOUS ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.admission-et-rendez-vous { background: white; border: 1px solid #303030; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.admission-et-rendez-vous > a { color: #303030; } /* EFFET DE SURLIGNEMENT - PAS POUR CET ÉLÉMENT */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.admission-et-rendez-vous:after { display: none; } /**************************************************************************************** LIENS ACTIFS ****************************************************************************************/ /* CLINIQUE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique .ubermenu-current-menu-item a, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique a:hover { color: #009980; } /* CENTRE MÉDICAL */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical .ubermenu-current-menu-item a, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical a:hover { color: #8eb71e; } /* CENTRE DE SANTÉ */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante .ubermenu-current-menu-item a, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante a:hover { color: #3ab0e5; } /* LA LIGNIÈRE ET VOUS - BLOC DE GAUCHE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche a.ubermenu-current-menu-item, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche a:hover span { color: #FFF; text-decoration: underline !important; } /* LA LIGNIÈRE ET VOUS - BLOC DE DROITE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .ubermenu-current-menu-item a, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite a:hover { color: #000 !important; } /*************************************************************************************** **************************************************************************************** UBERMENU - SOUS-MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LONGUEUR DE LA RANGÉE ****************************************************************************************/ /* CLINIQUE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique > .ubermenu-submenu, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique > .ubermenu-submenu > ul.ubermenu-row { width: 900px; max-width: 100vw; } /* CENTRE MÉDICAL */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row { width: 1100px; max-width: 100vw; } /* CENTRE DE SANTÉ */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante > .ubermenu-submenu, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante > .ubermenu-submenu > ul.ubermenu-row { width: 900px; max-width: 100vw; } /* CENTRE DE SANTÉ */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row { width: 900px; max-width: 100vw; } /**************************************************************************************** HAUTEUR DE LA RANGÉE ****************************************************************************************/ /* CLINIQUE — CENTRE MÉDICAL — CENTRE DE SAUTÉ - HAUTEUR DE 300PX */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li { height: 300px; margin: 0; } /* LA LIGNIÈRE ET VOUS? - HAUTEUR DE 450PX */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li { height: 450px; margin: 0; } /* PAS DE MARGIN-TOP AU-DESSUS DE CET ÉLÉMENT */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li > ul > li { margin-top: 0; } /**************************************************************************************** RANGÉE PRINCIPALE ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row { width: 100%; } /**************************************************************************************** COLONNE DE GAUCHE ****************************************************************************************/ /* BLOC CUSTOM CONTENT - PAS DE PADDINGS */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche .ubermenu-custom-content { padding: 0; } /* CLINIQUE - BACKGROUND */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.clinique { background: #009980; } /* CENTRE MÉDICAL - BACKGROUND */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.centre-medical { background: #8eb71e; } /* CENTRE DE SANTÉ - BACKGROUND */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.centre-de-sante { background: #3ab0e5; } /* LA LIGNIÈRE ET VOUS? - BACKGROUND & PADDINGS */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous { background: #303030; padding: 30px; } /* CLINIQUE - CENTRE MÉDICAL - CENTRE DE SANTÉ - LA LIGNIÈRE ET VOUS? - HOVER */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche .ubermenu-item img:hover { background: #707070; } /* LA LIGNIÈRE ET VOUS? - BLOC ESPACE DE VIE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous .ubermenu-row-id-18104 { padding-top: 60px; } /* LA LIGNIÈRE ET VOUS? - COULEURS*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous a { color: white; } /* LA LIGNIÈRE ET VOUS? - TITRES */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous .titre > a { padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid grey; } /* LA LIGNIÈRE ET VOUS? - LIENS */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous ul > li > a { padding-left: 0; padding-right: 0; font-size: 13px; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous .admissions > a span { position: relative; bottom: 7px; } /* LA LIGNIÈRE ET VOUS? - ICÔNES*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous .admissions > a:before { content: url(/wp-content/uploads/2017/06/la-ligniere-menu-picto-admission.png); padding-right: 10px; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous .notre-restaurant a:before { content: url(/wp-content/uploads/2017/06/la-ligniere-menu-picto-restaurant.png); padding-right: 10px; position: relative; top: 7px; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous .notre-salon-de-coiffure a:before { content: url(/wp-content/uploads/2017/06/la-ligniere-menu-picto-salon-coiffure.png); padding-right: 10px; position: relative; top: 7px; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous .activites-culturelles a:before { content: url(/wp-content/uploads/2017/06/la-ligniere-menu-picto-activites-culturelles.png); padding-right: 10px; position: relative; top: 7px; } /* LA LIGNIÈRE ET VOUS? - PADDINGS LISTES DE PAGES */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche.la-ligniere-et-vous ul { padding: 0; } /**************************************************************************************** COLONNE DU CENTRE ****************************************************************************************/ /* BLOC SOUS-TITRE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale .bloc-sous-titre > .ubermenu-custom-content { padding-bottom: 0; font-size: 13px; } /* TITRE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale .bloc-sous-titre .ubermenu-custom-content .titre { border-bottom: 2px solid #ccd8d6; width: 250px; padding-bottom: 5px; font-weight: bold; } /* PAGES */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale > ul > li > a { font-size: 14px; padding-bottom: 3px; padding-top: 0; } /* SOUS-PAGES ÉVENTUELLES */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale ul { padding: 0; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale .sous-page a { padding-top: 0; padding-bottom: 0; margin-left: 20px; font-size: 14px; } /* LA LIGNIÈRE ET VOUS — RANGÉES */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .ubermenu-row { margin-bottom: 0; } /**************************************************************************************** COLONNE DE DROITE ****************************************************************************************/ /* BLOC CUSTOM CONTENT - PAS DE PADDINGS */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .ubermenu-custom-content { padding: 0; } /* IMAGE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite img { padding: 10px; width: 100%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* LA LIGNIÈRE ET VOUS? - BLOC SOUS-TITRE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .colonne-de-droite .bloc-sous-titre > .ubermenu-item-layout-text_only { font-weight: bold; text-transform: uppercase; margin: auto; text-align: center; color: black !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .colonne-de-droite .bloc-sous-titre > .ubermenu-item-layout-text_only:after { border-bottom: 2px solid #ccd8d6; width: 50px; content: ""; margin: auto; display: block; padding-top: 10px; background: transparent !important; } /* LA LIGNIÈRE ET VOUS? - PAGES*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite a { color: grey; } /* LA LIGNIÈRE ET VOUS? - SOUS-PAGES*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite ul { padding: 0; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .sous-page a { padding: 0 0 0 10px; margin-left: 20px; font-size: 14px; font-style: italic; } /* SOUS-TITRE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre > .ubermenu-item-layout-text_only { padding: 15px 20px 5px 20px; } /* SOUS-TITRE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler { padding: 15px 20px 5px 20px; } /**************************************************************************************** À SUPPRIMER QUAND MENU REMIS EN PLACE ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:first-child, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:last-child { width: 33.3333333333333% !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:nth-child(2) { width: 33.3333333333333% !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:nth-child(3) { width: 0 !important; } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /* SOUS-TITRE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler { padding: 0 20px 5px 20px; } } /**************************************************************************************** À SUPPRIMER QUAND MENU REMIS EN PLACE ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** UBERMENU - RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** LARGEURS RELATIVES - BLOC LOGO / BLOC MENU ****************************************************************************************/ /* BLOC LOGO */ #header-container #header .header-main-panel .header-col-left { display: inline-block; width: 15%; } /* BLOC MENU */ #header-container #header .header-main-panel .header-col-fluid { display: inline-block; width: 85%; } /**************************************************************************************** LIENS DE NIVEAU 0 ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > a { font-size: 1.1vw !important; padding: 0 0.8vw; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** LARGEURS RELATIVES - BLOC LOGO / BLOC MENU ****************************************************************************************/ /* BLOC LOGO */ #header-container #header .header-main-panel .header-col-left { display: inline-block; width: 15%; } /* BLOC MENU */ #header-container #header .header-main-panel .header-col-fluid { display: inline-block; width: 85%; } /**************************************************************************************** LIENS DE NIVEAU 0 ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > a { font-size: 1.2vw !important; padding: 0 0.8vw; } /**************************************************************************************** SOUS-MENU - CENTRE MÉDICAL UNIQUEMENT (CAR PLUS LONG QUE LES TROIS AUTRES) ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu { position: fixed; top: 140px; left: initial; right: 0; } /**************************************************************************************** CENTRE MÉDICAL ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row { width: 100vw; max-width: 100vw; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** LARGEURS RELATIVES - BLOC LOGO / BLOC MENU ****************************************************************************************/ /* BLOC LOGO */ #header-container #header .header-main-panel .header-col-left { display: inline-block; width: 15%; } /* BLOC MENU */ #header-container #header .header-main-panel .header-col-fluid { display: inline-block; width: 85%; } /**************************************************************************************** LIENS DE NIVEAU 0 ****************************************************************************************/ #header nav.ubermenu-main, #header nav.ubermenu-main .header-col-fluid { padding: 0; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > a { font-size: 9px !important; padding: 0 7px; } /**************************************************************************************** SOUS-MENU ****************************************************************************************/ /* SOUS LE MENU - CALÉ À GAUCHE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu { position: fixed; top: 140px; left: 0; } /* PLEINE LARGEUR - HAUTEUR 1/3 DE LARGEUR */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row { width: 100vw; max-width: 100vw; height: 33.33333333333vw; } /* CENTRE MÉDICAL UN PEU PLUS GRAND */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row { width: 100vw; max-width: 100vw; height: 40vw; } /* LA LIGNIÈRE PLUS GRAND */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row { width: 100vw; max-width: 100vw; height: 58vw; } /* LES BLOCS COLONNES LES UNS À CÔTÉ DES AUTRES*/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > .ubermenu-submenu > ul.ubermenu-row .ubermenu-column { display: inline-block; } /* TAILLES IMAGES COLONNES DE GAUCHE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche img { width: 33.33333333vw !important; height: 16.66666666666vw !important; } /* TAILLES IMAGES COLONNES DE GAUCHE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche img { width: 33.33333333vw !important; height: 16.66666666666vw !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche img { width: 33.33333333vw !important; height: 33.33333333vw !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche img { width: 33.33333333vw !important; height: 33.33333333vw !important; } /**************************************************************************************** SOUS-MENU - CENTRE MÉDICAL ****************************************************************************************/ /* COLONNE DE GAUCHE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche { width: 25vw; } /* COLONNES CENTRALES */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale { width: 20vw; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale .bloc-sous-titre .ubermenu-content-block { padding-top: 0; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale a { font-size: 12px; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-centrale .sous-page a { padding-left: 10px; } /* COLONNE DE DROITE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite { padding: 1vw; width: 35vw; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite img { width: 33.333333vw !important; height: 31.333333vw !important; padding: 0; } /**************************************************************************************** SOUS-MENU - LA LIGNIÈRE ET VOUS? ****************************************************************************************/ /* COLONNE DE GAUCHE - IMAGE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-gauche img { width: 100% !important; height: 40vw !important; } /* RANGÉE TITRE TRAVAILLER */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .rangee-titre-travailler { margin-top: 30px; } /* BLOCS SOUS-TITRES - QUI SOMMES-NOUS */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.qui-sommes-nous a { padding-top: 0 !important; } /* BLOCS SOUS-TITRES - TRAVAILLER - SOUS-COLONNES */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:first-child, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:last-child { width: 10% !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:nth-child(2), #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:nth-child(3) { width: 40% !important; } /**************************************************************************************** À SUPPRIMER QUAND MENU REMIS EN PLACE ****************************************************************************************/ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:first-child, #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:last-child { width: 30% !important; } #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite .bloc-sous-titre.travailler > ul.ubermenu-submenu > .ubermenu-column:nth-child(3) { width: 0 !important; } /**************************************************************************************** À SUPPRIMER QUAND MENU REMIS EN PLACE ****************************************************************************************/ /* COLONNE DE DROITE - IMAGE */ #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > .ubermenu-submenu > ul.ubermenu-row > li.colonne-de-droite img { width: 100% !important; height: 38vw !important; padding: 0vw; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** HEADER - CONTENEURS PRINCIPAUX ****************************************************************************************/ #header-container, #header-container > #header, #header-container > #header > .header-wrap, #header-container > #header > .header-wrap > .row, #header-container > #header > .header-wrap > .row > .header-main-panel, #header-container > #header > .header-wrap > .row > .header-main-panel > .header-col-left, #header-container > #header > .header-wrap > .row > .header-main-panel > #cta-mobile-admission-et-rendez-vous #header-container > #header { height: 100px !important; } #header-container > #header { background: transparent !important; } #header-container #header { width: auto; padding-left: 10%; } #header-container > #header > .header-wrap { padding-right: 0 !important; } #header-container > #header > .header-wrap > .row { padding: 0 !important; } /**************************************************************************************** BLOC LOGO ****************************************************************************************/ /* CONTENEUR BLOC LOGO */ #header-container #header .header-main-panel .header-col-left { display: inline-block !important; width: 60% !important; max-width: 60% !important; padding: 0 !important; height: 100px !important; margin: auto; float: none; } /* SOUS-CONTENEURS */ #header-container #header .header-main-panel .header-col-left > .mobile-logo, #header-container #header .header-main-panel .header-col-left > .mobile-logo .logo-for-panel { height: 100px !important; max-width: none !important; text-align: center; visibility: visible !important; display: block !important; width: auto !important; } #header-container #header .header-main-panel .header-col-left > .mobile-logo .logo-for-panel { padding-right: 15px; } /**************************************************************************************** ON CENTRE HORIZONTALEMENT LE LOGO ****************************************************************************************/ #header-container #header .header-main-panel .header-col-left img { left: 5% !important; margin: auto !important; width: 90% !important; height: auto !important; } /**************************************************************************************** BLOCS QUE L'ON N'AFFICHE PAS ****************************************************************************************/ #header-container #header .header-main-panel .header-col-right, #header-container #header .header-main-panel .header-col-fluid { display: none !important; } /**************************************************************************************** MENU - CTA ADMISSION ET RDV ****************************************************************************************/ #header-container #header .header-main-panel #cta-mobile-admission-et-rendez-vous { display: inline-block; width: 40% !important; max-width: 40% !important; float: none; height: 100px; padding: 34px 10px; background: black; text-align: center; } #header-container #header .header-main-panel #cta-mobile-admission-et-rendez-vous * { color: white; font-size: 16px; line-height: 1; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** HEADER - CONTENEURS PRINCIPAUX ****************************************************************************************/ #header-container, #header-container > #header, #header-container > #header > .header-wrap, #header-container > #header > .header-wrap > .row, #header-container > #header > .header-wrap > .row > .header-main-panel, #header-container > #header > .header-wrap > .row > .header-main-panel > .header-col-left, #header-container > #header > .header-wrap > .row > .header-main-panel > #cta-mobile-admission-et-rendez-vous #header-container > #header { height: 100px !important; } #header-container > #header { background: transparent !important; } #header-container #header { width: auto; padding-left: 10%; } #header-container > #header > .header-wrap { padding-right: 0 !important; } #header-container > #header > .header-wrap > .row { padding: 0 !important; } /**************************************************************************************** BLOC LOGO ****************************************************************************************/ /* CONTENEUR BLOC LOGO */ #header-container #header .header-main-panel .header-col-left { display: inline-block !important; width: 60% !important; max-width: 60% !important; padding: 0 !important; height: 100px !important; margin: auto; float: none; } /* SOUS-CONTENEURS */ #header-container #header .header-main-panel .header-col-left > .mobile-logo, #header-container #header .header-main-panel .header-col-left > .mobile-logo .logo-for-panel { height: 100px !important; max-width: none !important; text-align: center; visibility: visible !important; display: block !important; width: auto !important; } #header-container #header .header-main-panel .header-col-left > .mobile-logo .logo-for-panel { padding-right: 15px; } /**************************************************************************************** ON CENTRE HORIZONTALEMENT LE LOGO ****************************************************************************************/ #header-container #header .header-main-panel .header-col-left img { left: 5% !important; margin: auto !important; width: 90% !important; height: auto !important; } /**************************************************************************************** BLOCS QUE L'ON N'AFFICHE PAS ****************************************************************************************/ #header-container #header .header-main-panel .header-col-right, #header-container #header .header-main-panel .header-col-fluid { display: none !important; } /**************************************************************************************** MENU - CTA ADMISSION ET RDV ****************************************************************************************/ #header-container #header .header-main-panel #cta-mobile-admission-et-rendez-vous { display: inline-block; width: 40% !important; max-width: 40% !important; float: none; height: 100px; padding: 34px 10px; background: black; text-align: center; } #header-container #header .header-main-panel #cta-mobile-admission-et-rendez-vous * { color: white; font-size: 16px; line-height: 1; } } /*************************************************************************************** **************************************************************************************** MENU MOBILE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON CACHE CELUI DU THÈME QUI N'EST PAS COMPATIBLE AVEC UBERMENU ****************************************************************************************/ #header-container #header .header-icons-wrapper { display: none !important; } /**************************************************************************************** ON POSITIONNE À LA PLACE CELUI DU PLUGIN SHIFTNAV (MÊME DÉVELOPPEUR QUE UBERMENU) ****************************************************************************************/ #shiftnav-toggle-main-button { font-size: 30px; line-height: 30px; padding: 15px 20px; top: 19px; /* 19 + 15 + 30 + 15 + 19 = 100 (hauteur du header) */ } /**************************************************************************************** ON N'AFFICHE PAS LES ÉLÉMENTS DE MENU INTRANET ****************************************************************************************/ .shiftnav-shiftnav-main ul#menu-la-ligniere-menu-principal > li[class*="intranet"] { display: none; } /**************************************************************************************** MENU - ÉLÉMENTS INITIALEMENT DANS LE TOP HEADER QUE L'ON N'AFFICHE QUE POUR LE MENU MOBILE ****************************************************************************************/ .shiftnav-shiftnav-main ul#menu-la-ligniere-menu-principal > li[class*="liens-du-top-header-pour-mobile-uniquement"] { display: initial; } /**************************************************************************************** MAIS ON AFFICHE LES ÉLÉMENTS NORMALEMENT PRÉSENTS DANS LE TOP-HEADER ****************************************************************************************/ .shiftnav-shiftnav-main ul#menu-la-ligniere-menu-principal > li[class*="liens-top-header"] { display: none; } /**************************************************************************************** FLÈCHES DE DÉPLIEMENT ****************************************************************************************/ .shiftnav-shiftnav-main ul#menu-la-ligniere-menu-principal > li.shiftnav-sub-accordion .shiftnav-submenu-activation-open, .shiftnav-shiftnav-main ul#menu-la-ligniere-menu-principal > li.shiftnav-sub-accordion .shiftnav-submenu-activation-close { background: none; border: none; height: 54px !important; width: 20px; padding: 0 15px; } /**************************************************************************************** CHARTES DE COULEUR ****************************************************************************************/ /* CLINIQUE */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.clinique > a { background: #009078 !important; }*/ /* CLINIQUE - SOUS-PAGES */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.clinique .clinique-niveau-1 > a { background: rgba(0,144,120,0.8) !important; }*/ /* CLINIQUE - SOUS-PAGES */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.clinique .clinique-niveau-2 > a { background: rgba(0,144,120,0.6) !important; }*/ /* CLINIQUE - SOUS-PAGES */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.clinique .clinique-niveau-3 > a { background: rgba(0,144,120,0.4) !important; }*/ /* CENTRE MÉDICAL & THÉRAPEUTIQUE */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.centre-medical > a { background: rgba(142,183,30,1) !important; }*/ /* CENTRE MÉDICAL & THÉRAPEUTIQUE - SOUS-PAGES*/ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.centre-medical .centre-medical-niveau-1 >a { background: rgba(142,183,30,0.8) !important; }*/ /* CENTRE MÉDICAL & THÉRAPEUTIQUE - SOUS-SOUS-PAGES*/ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.centre-medical .centre-medical-niveau-2 > a { background: rgba(142,183,30,0.6) !important; }*/ /* CENTRE MÉDICAL & THÉRAPEUTIQUE - SOUS-SOUS-SOUS-PAGES*/ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.centre-medical .centre-medical-niveau-3 > a { background: rgba(142,183,30,0.4) !important; }*/ /* CENTRE DE SANTÉ */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.centre-de-sante > a { background: rgba(58,176,229,1) !important; }*/ /* CENTRE DE SANTÉ - SOUS-PAGES */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.centre-de-sante .centre-de-sante-niveau-1 > a { background: rgba(58,176,229,0.8) !important; }*/ /* CENTRE DE SANTÉ - SOUS-SOUS-PAGES */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.centre-de-sante .centre-de-sante-niveau-2 > a { background: rgba(58,176,229,0.6) !important; }*/ /* CENTRE DE SANTÉ - SOUS-SOUS-SOUS-PAGES */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.centre-de-sante .centre-de-sante-niveau-3 > a { background: rgba(58,176,229,0.4) !important; }*/ /* LA LIGNIÈRE ET VOUS? */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > a { background: rgba(119,119,119,1) !important; }*/ /* LA LIGNIÈRE ET VOUS? - SOUS-PAGES*/ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .la-ligniere-et-vous-niveau-1 > a { background: rgba(119,119,119,0.8) !important; }*/ /* CENTRE DE SANTÉ - SOUS-SOUS-PAGES */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .la-ligniere-et-vous-niveau-2 > a { background: rgba(119,119,119,0.6) !important; }*/ /* CENTRE DE SANTÉ - SOUS-SOUS-SOUS-PAGES */ /*.shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .la-ligniere-et-vous-niveau-3 > a { background:rgba(119,119,119,0.4) !important; }*/ .shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0 > a { background: #777777 !important; } /* SOUS-PAGES*/ .shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0 div[class*="niveau-1"] > a { background: rgba(119, 119, 119, 0.8) !important; } /* CENTRE DE SANTÉ - SOUS-SOUS-PAGES */ .shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0 div[class*="niveau-2"] > a { background: rgba(119, 119, 119, 0.6) !important; } /* CENTRE DE SANTÉ - SOUS-SOUS-SOUS-PAGES */ .shiftnav ul.shiftnav-menu li.menu-item.ubermenu-sous-menu-de-niveau-0 div[class*="niveau-3"] > a { background: rgba(119, 119, 119, 0.4) !important; } /*************************************************************************************** **************************************************************************************** MENU STICKY **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON N'AFFICHE PAS LE TOP-HEADER POUR LE STICKY MENU ****************************************************************************************/ /* BLOC LOGO */ #header-container.small:not(.header-style-7):not(.header-style-14) .header-top-panel { display: none !important; } /**************************************************************************************** LARGEURS RELATIVES - BLOC LOGO / BLOC MENU ****************************************************************************************/ /* BLOC LOGO */ #header-container.small:not(.header-style-7):not(.header-style-14) #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid > .fixed-header-logo { display: inline-block; width: 15%; height: 60px !important; } /* LOGO */ #header-container.small:not(.header-style-7):not(.header-style-14) #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid > .fixed-header-logo img { width: 100% !important; height: auto !important; position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; margin: 0 !important; } /* BLOC MENU */ #header-container.small:not(.header-style-7):not(.header-style-14) #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid > nav.mega-menu { display: inline-block; width: 85%; } /**************************************************************************************** CONTENEURS PARENTS - HOMOGÉNÉISATION DES HAUTEURS ****************************************************************************************/ #header-container.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header .header-wrap > .row { height: 100px; width: 100%; max-width: 1280px; margin: 0 auto; padding: 20px 0; } /**************************************************************************************** ON PLACE LE LOGO DEVANT LE MENU POUR PERMETTRE LE CLIC ****************************************************************************************/ #header-container.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header .header-wrap > .row .header-col-left { z-index: 1000; } /**************************************************************************************** LOGO ****************************************************************************************/ #header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo { width: 25%; margin: 0; } #header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo { height: 60px; line-height: 60px; margin: 0 !important; } #header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo img { width: 100% !important; height: auto !important; position: relative !important; top: 50% !important; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } /**************************************************************************************** LE MENU NE DOIT REMONTER QUE DE LA NOUVELLE HAUTEUR DU TOP-HEADER (30PX) ****************************************************************************************/ #header-container.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header { -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } /**************************************************************************************** MENU ****************************************************************************************/ #header-container.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header nav.ubermenu-main { background: transparent; } #header-container.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li > a { color: white; } /* EFFET DE SURLIGNEMENT */ #header-container.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li > a:after { background: rgba(255, 255, 255, 0.8); } /* CTA - ADMISSION ET RDV*/ #header-container.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.admission-et-rendez-vous { background: white; } #header-container.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.admission-et-rendez-vous > a { color: #303030; } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** ON DÉCALE LE CONTENU PRINCIPAL POUR QU'IL REPASSE SOUS LE MENU ****************************************************************************************/ #menu-fixer { height: 140px !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** ON AFFICHE LE STICKY MENU ****************************************************************************************/ #header-container.small { display: block; } /**************************************************************************************** ON DÉCALE LE CONTENU PRINCIPAL POUR QU'IL REPASSE SOUS LE MENU ****************************************************************************************/ #menu-fixer { height: 140px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - ACCUEIL **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** À NE PAS MONTRER **************************************************************************************** ****************************************************************************************/ .home #bloc-clinique-et-centre, .home #bloc-clinique-et-centre + .vc-row-wrapper { display: none; } /*************************************************************************************** **************************************************************************************** CTAs **************************************************************************************** ****************************************************************************************/ .home .ubtn * { font-weight: 400 !important; font-size: 14px !important; } /*************************************************************************************** **************************************************************************************** BLOC - REVOLUTION SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS (SAUF SUR TABLETTES / MOBILES) ****************************************************************************************/ .home #bloc-revolution-slider .tp-videoposter { display: none !important; } /**************************************************************************************** FOND VIDÉO : ON AFFICHE (SAUF SUR TABLETTES / MOBILES) ****************************************************************************************/ .home #bloc-revolution-slider .tp-bgimg { display: block !important; } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .home #bloc-revolution-slider .tp-bgimg { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .home #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .home #bloc-revolution-slider .tp-bgimg { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .home #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .home #bloc-revolution-slider .tp-bgimg { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .home #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .home #bloc-revolution-slider .tp-bgimg { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .home #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /*************************************************************************************** **************************************************************************************** BLOC - CLINIQUE & CENTRE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON HOMOGÉNÉISE LES HAUTEURS DES SOUS-BLOCS D'UNE RANGÉE DE NIVEAU 2 (RANGÉEE DANS RANGÉE) ****************************************************************************************/ .home #bloc-clinique-et-centre > .row .vc-row-wrapper > .dfd-vertical-aligned > .row { display: flex; } .home #bloc-clinique-et-centre > .row .vc-row-wrapper > .dfd-vertical-aligned > .row > .columns { display: flex; flex-grow: 1; flex-direction: column; height: inherit; } /**************************************************************************************** EFFET - HOVER ****************************************************************************************/ .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(1) .overlay, .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(3) .overlay { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(2) .overlay { position: absolute; top: -10px; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } .home #bloc-clinique-et-centre > .row > .four.columns .overlay .dfd-vertical-aligned { top: 0; transform: none; } .home #bloc-clinique-et-centre > .row > .four.columns:hover .overlay { height: 100%; } .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(1) .overlay .text, .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(3) .overlay .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(2) .overlay .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; bottom: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /**************************************************************************************** COULEURS SUIVANT LE BLOC ****************************************************************************************/ /* BLOC 1 */ .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(1) .overlay { background-color: #199b85; } /* BLOC 2 */ .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(2) .overlay { background-color: #8eb71e; } /* BLOC 3 */ .home #bloc-clinique-et-centre > .row > .four.columns:nth-child(3) .overlay { background-color: #41b0e5; } /*************************************************************************************** **************************************************************************************** BLOC - CLINIQUE & CENTRE - V2 **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON HOMOGÉNÉISE LES HAUTEURS DES SOUS-BLOCS D'UNE RANGÉE DE NIVEAU 2 (RANGÉEE DANS RANGÉE) ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row .vc-row-wrapper > .dfd-vertical-aligned > .row { display: flex; } .home #bloc-clinique-et-centre-V2 > .row .vc-row-wrapper > .dfd-vertical-aligned > .row > .columns { display: flex; flex-grow: 1; flex-direction: column; height: inherit; } /**************************************************************************************** EFFET - HOVER ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(1) .overlay, .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(3) .overlay { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) .overlay { position: absolute; top: 0 !important; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } /* ON COMPENSE LE DÉCALAGE DU SECOND BLOC DÛ AU BORDER-TOP DE 10PX */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) .overlay .row > .columns.twelve { position: relative; bottom: 10px; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .overlay .dfd-vertical-aligned { top: 0; transform: none; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:hover .overlay { height: 100%; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(1) .overlay .text, .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(3) .overlay .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) .overlay .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; bottom: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /**************************************************************************************** BLOC N°1 - ON L'ADAPTE CAR PLUS DE TEXTE QUE LES DEUX AUTRES ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(1) .overlay img { height: 50px !important; width: auto !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(1) .overlay .ubtn-link { margin: 10px 0; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(1) .overlay .ubtn-link .ubtn { padding: 12px 45px !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(1) .overlay p { line-height: 1.4; } /**************************************************************************************** COULEURS SUIVANT LE BLOC ****************************************************************************************/ /* BLOC 1 */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(1) .overlay { background-color: #199b85; } /* BLOC 2 */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) .overlay { background-color: #8eb71e; } /* BLOC 3 */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(3) .overlay { background-color: #41b0e5; } /*************************************************************************************** **************************************************************************************** BLOC - PHILOSOPHIE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC - CTA ****************************************************************************************/ /* SANS CELA LES CTAS SONT MAL PLACÉS */ .home #bloc-philosophie .sous-bloc-cta .dfd-vertical-aligned { top: initial; transform: none; } /*************************************************************************************** **************************************************************************************** BLOC - NOUVEAUTÉ **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** L'IMAGE DE FOND EST RAJOUTÉE COMME ENFANT DIRECT DU CONTENEUR PRINCIPAL #bloc-nouveaute ON SOUHAITE QUE SON CONTENEUR .row SOIT ALIGNÉ VERTICALEMENT AVEC LE CONTENEUR .row DU BANDEAU INSTAGRAM ON DOIT DONC BAISSER LES DIMENSIONS DU CONTENEUR PRINCIPAL #bloc-nouveaute À CELLES DE SON CONTENEUR ENFANT .row ****************************************************************************************/ .home #bloc-nouveaute { width: 1200px; max-width: 100%; min-width: 768px; margin: 0 auto; position: relative; } /*************************************************************************************** **************************************************************************************** BLOC - INSTAGRAM **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ALIGNEMENT VERTICAL AVEC LE BLOC NOUVEAUTÉ ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres AGRANDIES */ @media (min-device-width: 1280px) and (min-width: 1280px) { /**************************************************************************************** BLOCS - CLINIQUE - CENTRES ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row { max-width: 100vw !important; width: 100vw !important; } } /* Fenêtres AGRANDIES */ @media (min-device-width: 1280px) and (min-width: 1366px) { /**************************************************************************************** BLOCS - CLINIQUE - CENTRES ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 { max-width: 1366px !important; width: 1366px !important; margin: auto !important; } .home #bloc-clinique-et-centre-V2 > .row { max-width: 1366px !important; width: 1366px !important; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** BLOCS - CLINIQUE - CENTRES ****************************************************************************************/ /**************************************************************************************** BLOCS ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row { font-size: 0; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns { width: 33.33333333333vw !important; height: 21.076vw !important; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block !important; vertical-align: top; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay), .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row { height: 100% !important; width: 100% !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned { top: 0 !important; transform: none !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row > .columns { display: inline-box !important; height: auto !important; } /**************************************************************************************** BLOC HOVER ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .overlay .dfd-vertical-aligned { top: 10px; } /* CONTENEUR INTERNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper.overlay > .dfd-vertical-aligned > .row > .columns.twelve { padding: 0 20px !important; } /* ICÔNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_single_image img { height: 50px; width: auto; } /* TEXTE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_text_column p { font-size: small; line-height: 1.2; } /* CTA */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a { margin: 0; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a > .ubtn { padding: 10px !important; font-size: small; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOCS - CLINIQUE - CENTRES ****************************************************************************************/ /**************************************************************************************** BLOCS ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row { font-size: 0; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns { width: 33.33333333333vw !important; height: 21.076vw !important; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block !important; vertical-align: top; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay), .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row { height: 100% !important; width: 100% !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned { top: 0 !important; transform: none !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row > .columns { display: inline-box !important; height: auto !important; } /**************************************************************************************** BLOC HOVER ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .overlay .dfd-vertical-aligned { top: 10px; } /* CONTENEUR INTERNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper.overlay > .dfd-vertical-aligned > .row > .columns.twelve { padding: 0 15px !important; } /* ICÔNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_single_image img { height: 40px !important; width: auto !important; } /* ON RAPETIT LE PREMIER CAR LE BLOC TEXTE EST PLUS IMPORTANT */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:first-child .vc-row-wrapper.overlay .wpb_single_image img { height: 30px !important; width: auto !important; } /* TEXTE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_text_column p { font-size: small; line-height: 1.2; } /* CTA */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a { margin: 0; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a > .ubtn { padding: 10px !important; font-size: small; } /*************************************************************************************** **************************************************************************************** BLOC - PHILOSOPHIE **************************************************************************************** ****************************************************************************************/ /* SPACERS */ .home #bloc-philosophie > .row > .six.columns:first-child { padding: 5% !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOCS ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row { font-size: 0; display: block !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns { width: 33.33333333333vw !important; height: auto !important; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block !important; vertical-align: top; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay), .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row { height: 100% !important; width: 100% !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row > .columns.five { height: auto !important; width: 41.6666666666% !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row > .columns.seven { height: auto !important; width: 58.33333333333% !important; } /**************************************************************************************** BLOC HOVER ****************************************************************************************/ /* CONTENEUR INTERNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper.overlay > .dfd-vertical-aligned > .row > .columns.twelve { padding: 0 20px !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:first-child > .wpb_wrapper > .vc-row-wrapper.overlay > .dfd-vertical-aligned > .row > .columns.twelve { padding: 0 5px !important; } /* CONTENEUR INTERNE N°2 */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) > .wpb_wrapper > .vc-row-wrapper.overlay > .dfd-vertical-aligned > .row > .columns.twelve { position: relative; bottom: 10px; } /* ICÔNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_single_image img { height: 30px !important; width: auto !important; } /* TEXTE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_text_column p { font-size: x-small; line-height: 1.2; } /* CTA */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a { margin: 0; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a > .ubtn { padding: 5px !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a > .ubtn * { font-size: 11px !important; } /* SPACERS */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ult-spacer { height: 10px !important; } /*************************************************************************************** **************************************************************************************** BLOC - PHILOSOPHIE **************************************************************************************** ****************************************************************************************/ /* SPACERS */ .home #bloc-philosophie > .row > .six.columns:first-child { padding: 5% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { .home #bloc-clinique-et-centre-V2 > .row { font-size: 0; display: block !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns { width: 33.33333333333vw !important; height: auto !important; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block !important; vertical-align: top; padding: 0 !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay), .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row { height: 100% !important; width: 100% !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .overlay .dfd-vertical-aligned { top: 30px; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row > .columns.twelve { padding: 0 20px !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row > .columns.five { height: auto !important; width: 100% !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row > .columns.seven { display: none !important; } /**************************************************************************************** BLOC HOVER ****************************************************************************************/ /* CONTENEUR INTERNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper.overlay > .dfd-vertical-aligned > .row > .columns.twelve { padding: 10px !important; } /* CONTENEUR INTERNE N°2 */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) > .wpb_wrapper > .vc-row-wrapper.overlay > .dfd-vertical-aligned > .row > .columns.twelve { position: relative; bottom: 10px; } /* ICÔNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_single_image img { height: 50px !important; width: auto !important; } /* TEXTE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_text_column p { font-size: small; line-height: 1.2; } /* CTA */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a { margin: 0; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a > .ubtn { padding: 10px !important; font-size: small; } /**************************************************************************************** BLOC - NOUVEAUTÉ ****************************************************************************************/ .home #bloc-nouveaute { padding: 0 5% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .home #bloc-nouveaute > .row > .columns:first-child { display: none !important; } .home #bloc-nouveaute > .row > .columns:last-child { display: block !important; width: 100% !important; } /**************************************************************************************** BLOC - INSTAGRAM ****************************************************************************************/ .home #bloc-instagram #sbi_images { padding: 0 !important; } /*.home #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 300px !important; height: 300px !important; width: 33.3333333333vw !important; height: 33.3333333333vw !important; padding: 0 !important; margin: 0 !important; }*/ } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** CONTENEURS COLONNES ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row > .four.columns { padding: 0 !important; } /**************************************************************************************** BLOCS N°2 - MÊME COMPORTEMENT QUE LES DEUX AUTRES ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) { border-top: none !important; border-bottom: 10px solid #8eb71e; } /**************************************************************************************** EFFET - HOVER ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) .overlay { position: absolute; bottom: 0; top: initial !important; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .overlay .dfd-vertical-aligned { top: 30px; transform: none; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) .overlay .dfd-vertical-aligned { top: 40px; transform: none; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:hover .overlay { height: 100%; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns:nth-child(2) .overlay .text { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /**************************************************************************************** BLOCS ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row { font-size: 0; display: block !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns { display: block !important; width: 100% !important; height: auto !important; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay), .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned, .home #bloc-clinique-et-centre-V2 > .row > .four.columns > .wpb_wrapper > .vc-row-wrapper:not(.overlay) > .dfd-vertical-aligned > .row { height: 100% !important; width: 100% !important; } /**************************************************************************************** BLOC HOVER ****************************************************************************************/ /* ICÔNE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_single_image img { height: 50px !important; width: auto !important; } /* TEXTE */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_text_column p { font-size: small; line-height: 1.2; } /* CTA */ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a { margin: 10px 0 !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a > .ubtn { padding: 10px !important; font-size: small; } /**************************************************************************************** BLOC - NOUVEAUTÉ ****************************************************************************************/ .home #bloc-nouveaute { padding: 0 5% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .home #bloc-nouveaute > .row > .columns:first-child { display: none !important; } .home #bloc-nouveaute > .row > .columns:last-child { display: block !important; width: 100% !important; } /**************************************************************************************** BLOC - INSTAGRAM ****************************************************************************************/ .home #bloc-instagram #sbi_images { padding: 0 !important; } /*.home #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 300px !important; height: 300px !important; padding: 0 !important; margin: 0 !important; }*/ } /* Smartphones Vertical - iPhone 5 */ @media (max-device-width: 320px) and (max-width: 320px) and (orientation: portrait) { /**************************************************************************************** EFFET - HOVER ****************************************************************************************/ .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .wpb_single_image img { height: 30px !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .overlay p { font-size: 11px !important; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a { margin: 5px 0; } .home #bloc-clinique-et-centre-V2 > .row > .four.columns .vc-row-wrapper.overlay .ubtn-ctn-center a .ubtn { padding: 5px 10px; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CLINIQUE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SURLIGNEMENT ADAPTÉ ****************************************************************************************/ /* EFFET DE SURLIGNEMENT - ON LE PLACE JUSTE SOUS L'ÉLÉMENT DE MENU */ .page-id-16815 #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0:after { background: #009078 !important; } /*************************************************************************************** **************************************************************************************** BLOC - REVOLUTION SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS (SAUF SUR TABLETTES / MOBILES) ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .tp-videoposter { display: none !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS (SAUF SUR TABLETTES / MOBILES) ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC DE TEXTE - BACKGROUND ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16815 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /*************************************************************************************** **************************************************************************************** BLOC - NOTRE MISSION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LOGO À GAUCHE DU TITRE H2 ****************************************************************************************/ .page-id-16815 #bloc-mission h2:before { content: url("/wp-content/uploads/2017/05/la-ligniere-clinique-arbre.png"); height: 70px; width: 70px; display: inline-block; vertical-align: middle; margin-right: 20px; } /**************************************************************************************** ALIGNEMENT VERTICAL IMAGE / TITRE ****************************************************************************************/ .page-id-16815 #bloc-mission .uvc-heading h2 { line-height: 70px; display: inline-block; vertical-align: middle; } /*************************************************************************************** **************************************************************************************** BLOC - NOTRE VISION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC-IMAGES - IMAGE ****************************************************************************************/ .page-id-16815 #bloc-notre-vision .sous-bloc-images .wpb_single_image * { width: 100% !important; } /**************************************************************************************** SOUS-BLOC-IMAGES - CTA ****************************************************************************************/ .page-id-16815 #bloc-notre-vision .sous-bloc-images .ubtn-ctn-center > .ubtn-block { height: 70px; margin: 0; padding: 0; } .page-id-16815 #bloc-notre-vision .sous-bloc-images .ubtn-ctn-center > .ubtn-block > .ubtn-text { margin: 0; padding: 10px; line-height: 50px; } .page-id-16815 #bloc-notre-vision .sous-bloc-images .ubtn-ctn-center > .ubtn-block.deux-lignes > .ubtn-text { line-height: 25px; } /**************************************************************************************** SOUS-BLOC - BLOC HOVER ****************************************************************************************/ .page-id-16815 #bloc-notre-vision .row { overflow: hidden; } .page-id-16815 #bloc-notre-vision .row .ubtn { margin: 0; } .page-id-16815 #bloc-notre-vision .columns.three > .wpb_wrapper .wpb_wrapper-hover { z-index: 2; margin: 0 10px; width: calc(100% - 20px); height: 100%; position: absolute; top: -100%; left: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background: transparent; } .page-id-16815 #bloc-notre-vision .columns.three:hover > .wpb_wrapper .wpb_wrapper-hover { top: 0; background-color: rgba(200, 200, 200, 0.5); background-size: calc(100% - 20px) auto; display: block; } /*************************************************************************************** **************************************************************************************** BLOC - VOTRE SÉJOUR À LA CLINIQUE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-16815 #bloc-sejour-a-la-clinique { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 330px 250px; } /**************************************************************************************** SOUS-BLOC DE GAUCHE — CTA ****************************************************************************************/ .page-id-16815 #bloc-sejour-a-la-clinique .sous-bloc-de-gauche .ubtn { padding: 10px 20px; } /*************************************************************************************** **************************************************************************************** BLOC - PLAN D'ACCÈS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC RANGÉE - SOUS-SOUS BLOC DE GAUCHE ****************************************************************************************/ .page-id-16815 #bloc-plan-acces > .row .sous-bloc-rangee > .row { display: flex; } .page-id-16815 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns, .page-id-16815 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche * { display: flex; flex-grow: 1; flex-direction: column; height: inherit; } /**************************************************************************************** SOUS-BLOC RANGÉE - SOUS-SOUS BLOC DE DROITE ****************************************************************************************/ /* CONTENEUR INTERNE */ .page-id-16815 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-droite > .wpb_wrapper { background: white !important; padding: 20px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - NOTRE MISSION ****************************************************************************************/ .page-id-16815 #bloc-mission > .row > .columns.colonne-de-texte { padding: 0 2.5% !important; } /**************************************************************************************** BLOC - NOTRE VISION ****************************************************************************************/ .page-id-16815 #bloc-notre-vision .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 25% !important; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16815 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16815 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: inline-block !important; width: 50% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 530px !important; max-height: 530px !important; min-height: 530px !important; } /**************************************************************************************** BLOC - NOTRE VISION ****************************************************************************************/ .page-id-16815 #bloc-notre-vision .sous-bloc-images { padding: 0 5% !important; } .page-id-16815 #bloc-notre-vision .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 25% !important; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16815 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16815 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: block !important; width: 100% !important; } .page-id-16815 #bloc-plan-acces .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche { height: 250px !important; } /**************************************************************************************** BLOC - INSTAGRAM ****************************************************************************************/ .page-id-16815 #bloc-instagram #sbi_images { padding: 0 !important; } /*.page-id-16815 #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 33.33333333vw !important; height: 33.33333333vw !important; padding: 0 !important; margin: 0 !important; }*/ } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16815 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 480px !important; max-height: 480px !important; min-height: 480px !important; } /**************************************************************************************** BLOC - NOTRE VISION ****************************************************************************************/ .page-id-16815 #bloc-notre-vision .sous-bloc-images { padding: 0 5% !important; } .page-id-16815 #bloc-notre-vision .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 50% !important; margin-bottom: 5% !important; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16815 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16815 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: block !important; width: 100% !important; } .page-id-16815 #bloc-plan-acces .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche { height: 250px !important; } /**************************************************************************************** BLOC - INSTAGRAM ****************************************************************************************/ .page-id-16815 #bloc-instagram #sbi_images { padding: 0 !important; } /*.page-id-16815 #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 50vw !important; height: 50vw !important; padding: 0 !important; margin: 0 !important; }*/ } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CLINIQUE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LOGO ****************************************************************************************/ /* SOUS-PAGES : LA LIGNIÈRE ET VOUS */ /*.parent-pageid-16815 #header .logo-for-panel img, .parent-pageid-16815 #header .fixed-header-logo img { height: auto !important; } */ /**************************************************************************************** SURLIGNEMENT ADAPTÉ ****************************************************************************************/ /* EFFET DE SURLIGNEMENT - ON LE PLACE JUSTE SOUS L'ÉLÉMENT DE MENU */ .parent-pageid-16815 #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0:after { background: #009078 !important; } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CLINIQUE > ESPACE VISITEURS **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC - REVOLUTION SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE TEXTE - BACKGROUND ****************************************************************************************/ .page-id-18517 #bloc-revolution-slider #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - TROIS BLOCS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BUG IEXPLORER ****************************************************************************************/ .page-id-18517 #bloc-trois-blocs .columns > .wpb_wrapper { width: 100%; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - TROIS BLOCS ****************************************************************************************/ .page-id-18517 #bloc-trois-blocs { padding: 0 20px !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - TROIS BLOCS ****************************************************************************************/ .page-id-18517 #bloc-trois-blocs { padding: 0 15px !important; } .page-id-18517 #bloc-trois-blocs h2 { font-size: 18px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 520px !important; max-height: 520px !important; min-height: 520px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-18517 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 480px !important; max-height: 480px !important; min-height: 480px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CLINIQUE > MÉDECINE INTERNE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-16905 h2.uvc-main-heading { text-align: center; } .page-id-16905 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; float: none !important; } .page-id-16905 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-16905 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: 0; margin-right: 0; float: left !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-16905 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - OBJECTIFS / BÉNÉFICIAIRES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-16905 #bloc-objectifs-beneficiaires { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 250px 190px; } /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-16905 #bloc-objectifs-beneficiaires .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-16905 #bloc-objectifs-beneficiaires .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > span.uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - INFRASTRUCTURE ET PLATEAU TECHNIQUE **************************************************************************************** ****************************************************************************************/ .page-id-16905 #bloc-infrastructure-et-plateau-technique .row { max-width: 100vw !important; width: 100vw !important; margin: 0 !important; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** BLOC - ÊTRE BIEN ENTOURÉ ****************************************************************************************/ /* ON ÉCRASE LE DISPLAY:FLEX PAR DÉFAUT */ .page-id-16905 #bloc-etre-bien-entoure .sous-bloc-video { display: inline-block !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - CENTRE - COLONNES EN PLEINE LARGEUR ****************************************************************************************/ .page-id-16905 #layout > .breadcrumb > #bloc-etre-bien-entoure.vc-row-wrapper > .row { flex-direction: column; } .page-id-16905 #layout > .breadcrumb > #bloc-etre-bien-entoure.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 1; } .page-id-16905 #layout > .breadcrumb > #bloc-etre-bien-entoure.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 2; padding: 30px 30px 0 30px; } .page-id-16905 #layout > .breadcrumb > #bloc-etre-bien-entoure.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px; padding-right: 30px; } /**************************************************************************************** BLOC - OBJECTIFS / BÉNÉFICIAIRES ****************************************************************************************/ .page-id-16905 #bloc-objectifs-beneficiaires > .row > .columns { padding: 5% !important; } /* TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ */ .page-id-16905 #bloc-objectifs-beneficiaires > .row > .columns h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-16905 #bloc-objectifs-beneficiaires > .row > .columns h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC PROGRAMMES DE SOINS ***************************************************************************************/ .page-id-16905 #bloc-programme-de-soins .columns.colonne-texte { display: block !important; width: 100% !important; } .page-id-16905 #bloc-programme-de-soins .columns.colonne-image { display: none !important; } /* PAS D'ESPACES ENTRE LES DEUX COLONNES DE LISTE DE SOINS */ .page-id-16905 #bloc-programme-de-soins .columns.colonne-texte .sous-bloc-liste-de-soins hr { display: none !important; } /**************************************************************************************** BLOC INFRASTTRUCTURE & PLATEAU TECHNIQUE ***************************************************************************************/ .page-id-16905 #bloc-infrastructure-et-plateau-technique .columns.colonne-texte { display: block !important; width: 100% !important; } .page-id-16905 #bloc-infrastructure-et-plateau-technique .columns.colonne-image { display: none !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 520px !important; max-height: 520px !important; min-height: 520px !important; } /**************************************************************************************** TITRES ***************************************************************************************/ .page-id-16905 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: center; margin-bottom: 20px; } .page-id-16905 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC PROGRAMMES DE SOINS ***************************************************************************************/ /* PAS D'ESPACES ENTRE LES DEUX COLONNES DE LISTE DE SOINS */ .page-id-16905 #bloc-programme-de-soins .columns.colonne-texte .sous-bloc-liste-de-soins hr { display: none !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16905 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 480px !important; max-height: 480px !important; min-height: 480px !important; } /**************************************************************************************** TITRES ***************************************************************************************/ .page-id-16905 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: center; margin-bottom: 20px; } .page-id-16905 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC PROGRAMMES DE SOINS ***************************************************************************************/ /* PAS D'ESPACES ENTRE LES DEUX COLONNES DE LISTE DE SOINS */ .page-id-16905 #bloc-programme-de-soins .columns.colonne-texte .sous-bloc-liste-de-soins hr { display: none !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CLINIQUE > RÉADAPTATION CARDIOVASCULAIRE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-16956 h2.uvc-main-heading { text-align: center; } .page-id-16956 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; float: none !important; } .page-id-16956 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-16956 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: 0; margin-right: 0; float: left !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-16956 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - OBJECTIFS / BÉNÉFICIAIRES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON CORRIGE L'ALIGNEMENT VERTICAL QUI SE DÉCALE QUAND ON RAJOUTE LE PADDING DE 7.5% ****************************************************************************************/ .page-id-16956 #bloc-objectifs-beneficiaires .columns > .dfd-vertical-aligned { position: relative; top: 50%; -webkit-transform: translateY(-53.75%); -moz-transform: translateY(-53.75%); -o-transform: translateY(-53.75%); transform: translateY(-53.75%); } /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-16956 #bloc-objectifs-beneficiaires { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 250px 190px; } /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-16956 #bloc-objectifs-beneficiaires .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-16956 #bloc-objectifs-beneficiaires .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > span.uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1367px) { /**************************************************************************************** BLOC - bloc-exigences-programme-readaptation ****************************************************************************************/ .page-id-16956 #bloc-exigences-programme-readaptation .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four { width: 455.333333333333px; /* 1366px / 3 */ height: 455.333333333333px !important; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1366px) { /**************************************************************************************** BLOC - CENTRE ****************************************************************************************/ /* ON ÉCRASE LE DISPLAY:FLEX PAR DÉFAUT */ .page-id-16956 #bloc-centre .sous-bloc-video { display: inline-block !important; } /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-16956 #bloc-exigences-programme-readaptation .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - EXIGENCE - RÉADAPTATION ****************************************************************************************/ .page-id-16956 #bloc-exigences-programme-readaptation .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** TITRES ****************************************************************************************/ /* ON RÉDUIT LES TITRES */ .page-id-16956 h2.uvc-main-heading { font-size: 25px !important; } /**************************************************************************************** BLOC - CENTRE - COLONNES EN PLEINE LARGEUR ****************************************************************************************/ .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row { flex-direction: column; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 1; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 2; padding: 30px 30px 0 30px; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px; padding-right: 30px; } /**************************************************************************************** BLOC - OBJECTIFS / BÉNÉFICIAIRES ****************************************************************************************/ .page-id-16956 #bloc-objectifs-beneficiaires > .row > .columns { padding: 5% !important; } /* TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ */ .page-id-16956 #bloc-objectifs-beneficiaires > .row > .columns h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-16956 #bloc-objectifs-beneficiaires > .row > .columns h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC - EXIGENCE - RÉADAPTATION ****************************************************************************************/ .page-id-16956 #bloc-exigences-programme-readaptation .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four .wpb_wrapper { width: 100%; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ **************************************************************************************** ****************************************************************************************/ .page-id-16956 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px; } .page-id-16956 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 520px !important; max-height: 520px !important; min-height: 520px !important; } /*************************************************************************************** **************************************************************************************** BLOC - CENTRE **************************************************************************************** ****************************************************************************************/ .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row { flex-direction: column; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 1; padding: 30px; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 2; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } /*************************************************************************************** **************************************************************************************** BLOC - EXIGENCE - RÉADAPTATION **************************************************************************************** ****************************************************************************************/ .page-id-16956 #bloc-exigences-programme-readaptation .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four { width: 33.33333333vw !important; display: flex !important; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four .wpb_wrapper { width: 100% !important; } /* TITRES */ .page-id-16956 #bloc-exigences-programme-readaptation h2 { font-size: 25px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ **************************************************************************************** ****************************************************************************************/ .page-id-16956 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px; } .page-id-16956 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16956 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 470px !important; max-height: 470px !important; min-height: 470px !important; } /*************************************************************************************** **************************************************************************************** BLOC - CENTRE **************************************************************************************** ****************************************************************************************/ .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row { flex-direction: column; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 1; padding: 30px; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 2; } .page-id-16956 #layout > .breadcrumb > #bloc-centre.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } /*************************************************************************************** **************************************************************************************** BLOC - EXIGENCE - RÉADAPTATION **************************************************************************************** ****************************************************************************************/ .page-id-16956 #bloc-exigences-programme-readaptation .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four { width: 100vw !important; display: flex !important; min-height: 300px !important; padding: 5% !important; } .page-id-16956 #bloc-exigences-programme-readaptation .columns.four.disable-on-mobile { display: none !important; } /* TITRES */ .page-id-16956 #bloc-exigences-programme-readaptation h2 { font-size: 25px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CLINIQUE > UNITÉ DE PSYCHIATRIE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17002 h2.uvc-main-heading { text-align: center; } .page-id-17002 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; float: none !important; } .page-id-17002 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17002 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: 0; margin-right: 0; float: left !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17002 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - OBJECTIFS / BÉNÉFICIAIRES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON CORRIGE L'ALIGNEMENT VERTICAL QUI SE DÉCALE QUAND ON RAJOUTE LE PADDING DE 7.5% ****************************************************************************************/ .page-id-17002 #bloc-objectifs-beneficiaires .columns > .dfd-vertical-aligned { position: relative; top: 50%; -webkit-transform: translateY(-53.75%); -moz-transform: translateY(-53.75%); -o-transform: translateY(-53.75%); transform: translateY(-53.75%); } /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17002 #bloc-objectifs-beneficiaires { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 250px 190px; } /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17002 #bloc-objectifs-beneficiaires .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17002 #bloc-objectifs-beneficiaires .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > span.uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** BLOC - AUTONOMIE - SOUS-BLOC VIDÉO ****************************************************************************************/ /* ON ÉCRASE LE DISPLAY:FLEX MIS PAR DÉFAUT */ .page-id-17002 #bloc-autonomie .sous-bloc-video { display: inline-block !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** TITRES ****************************************************************************************/ /* ON RÉDUIT LES TITRES */ .page-id-17002 h2 { font-size: 25px !important; } /**************************************************************************************** BLOC - AUTONOMIE - COLONNES EN PLEINE LARGEUR ****************************************************************************************/ .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row { flex-direction: column; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 1; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 2; padding: 30px 30px 0 30px; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px; padding-right: 30px; } /**************************************************************************************** BLOC - OBJECTIFS / BÉNÉFICIAIRES ****************************************************************************************/ .page-id-17002 #bloc-objectifs-beneficiaires > .row > .columns { padding: 5% !important; } /* TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ */ .page-id-17002 #bloc-objectifs-beneficiaires > .row > .columns h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17002 #bloc-objectifs-beneficiaires > .row > .columns h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC - INFRASTRUCTURE ****************************************************************************************/ /* COLONNES 1/2 */ .page-id-17002 #layout > .breadcrumb > #bloc-infrastructure.vc-row-wrapper > .row > .columns { display: inline-block !important; width: 50% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ ***************************************************************************************/ .page-id-17002 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px; } .page-id-17002 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 520px !important; max-height: 520px !important; min-height: 520px !important; } /**************************************************************************************** BLOC - AUTONOMIE - COLONNES EN PLEINE LARGEUR ****************************************************************************************/ .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row { flex-direction: column; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 1; padding: 30px; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 2; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - INFRASTRUCTURE ****************************************************************************************/ .page-id-17002 #layout > .breadcrumb > #bloc-infrastructure.vc-row-wrapper > .row > .columns.colonne-de-texte { display: block !important; width: 100vw !important; padding: 5% !important; margin-bottom: 5%; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ ***************************************************************************************/ .page-id-17002 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px; } .page-id-17002 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17002 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 480px !important; max-height: 480px !important; min-height: 480px !important; } /**************************************************************************************** BLOC - AUTONOMIE - COLONNES EN PLEINE LARGEUR ****************************************************************************************/ .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row { flex-direction: column; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 1; padding: 30px; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 2; } .page-id-17002 #layout > .breadcrumb > #bloc-autonomie.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - INFRASTRUCTURE ****************************************************************************************/ .page-id-17002 #layout > .breadcrumb > #bloc-infrastructure.vc-row-wrapper > .row > .columns.colonne-de-texte { display: block !important; width: 100vw !important; padding: 5% !important; margin-bottom: 5%; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CLINIQUE > RÉADAPTATION NEURO-ORTHO-RHUMATO **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17010 h2.uvc-main-heading { text-align: center; } .page-id-17010 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; float: none !important; } .page-id-17010 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17010 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: 0; margin-right: 0; float: left !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17010 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - OBJECTIFS / BÉNÉFICIAIRES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17010 #bloc-objectifs { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - BÉNÉFICIAIRES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17010 #bloc-beneficiaires .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17010 #bloc-beneficiaires .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > span.uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** BLOC VIDÉO - SOUS-BLOC VIDÉO ****************************************************************************************/ /* ON ÉCRASE LA PROPRIÉTÉ FLEX DE BASE */ .page-id-17010 #bloc-video .sous-bloc-video { display: inline-block !important; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - BÉNÉFICIAIRES ****************************************************************************************/ .page-id-17010 #bloc-beneficiaires .row .columns { padding: 5% 7.5% !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** TITRES ****************************************************************************************/ /* ON RÉDUIT LES TITRES */ .page-id-17010 h2.uvc-main-heading { font-size: 25px !important; } /**************************************************************************************** BLOC - VIDÉO - COLONNES EN PLEINE LARGEUR ****************************************************************************************/ .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row { flex-direction: column; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 1; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 2; padding: 30px 30px 0 30px; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px; padding-right: 30px; } /**************************************************************************************** BLOC - BÉNÉFICIAIRES ****************************************************************************************/ .page-id-17010 #bloc-beneficiaires .row .columns { padding: 0 7.5% !important; } /* TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ */ .page-id-17010 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17010 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0 !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 520px !important; max-height: 520px !important; min-height: 520px !important; } /*************************************************************************************** **************************************************************************************** BLOC - VIDÉO **************************************************************************************** ****************************************************************************************/ .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row { flex-direction: column; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 1; padding: 30px; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 2; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } /*************************************************************************************** **************************************************************************************** BLOC - OBJECTIF **************************************************************************************** ****************************************************************************************/ .page-id-17010 #layout > .breadcrumb > #bloc-objectifs.vc-row-wrapper > .row .wpb_text_column p { font-size: 20px; padding: 30px; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17010 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 480px !important; max-height: 480px !important; min-height: 480px !important; } /*************************************************************************************** **************************************************************************************** BLOC - VIDÉO **************************************************************************************** ****************************************************************************************/ .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row { flex-direction: column; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row > .columns.sous-bloc-video { display: inline-block !important; width: 100vw !important; max-width: 100vw !important; order: 1; padding: 30px; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; max-width: 100vw !important; order: 2; } .page-id-17010 #layout > .breadcrumb > #bloc-video.vc-row-wrapper + .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } /*************************************************************************************** **************************************************************************************** BLOC - OBJECTIF **************************************************************************************** ****************************************************************************************/ .page-id-17010 #layout > .breadcrumb > #bloc-objectifs.vc-row-wrapper > .row .wpb_text_column p { font-size: 18px !important; padding: 20px; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CLINIQUE > ADMISSION À LA CLINIQUE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17298 h2.uvc-main-heading { text-align: center; } .page-id-17298 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17298 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17298 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17298 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17298 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /**************************************************************************************** PUCES ****************************************************************************************/ .page-id-17298 #layout ul { margin-left: 45px; } .page-id-17298 #layout ul { list-style-type: none; } .page-id-17298 #layout ul > li { position: relative; margin-bottom: 10px; font-weight: bold; left: -30px; text-align: left; text-indent: 0 !important; } .page-id-17298 #layout ul > li > a { color: #009980 !important; } .page-id-17298 #layout ul > li::before { position: absolute; top: 8px; left: -15px; display: inline-block; width: 5px; height: 5px; background: #009980; content: ''; } .page-id-17298 #layout ul > li > p { color: #303030; margin: 0; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17298 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /**************************************************************************************** TABLEAU ****************************************************************************************/ .page-id-17298 #bloc-slider #bloc-de-texte table tr > td:last-child a { float: right !important; } /*************************************************************************************** **************************************************************************************** BLOC - PROFESSIONNELS - PATIENTS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CTA ****************************************************************************************/ .page-id-17298 #bloc-professionnels-patients .ubtn { margin-bottom: 0; width: auto; padding: 13px 20px !important; text-align: center; font-size: 14px !important; } .page-id-17298 #bloc-professionnels-patients .professionnels-de-sante .ubtn-link { margin-bottom: 0 !important; } /*************************************************************************************** **************************************************************************************** BLOC - COORDONNÉES BANCAIRES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CTA ****************************************************************************************/ .page-id-17298 #bloc-coordonnees-bancaires .cta.identique-aux-ctas-de-la-ligniere { margin: auto; width: 300px; } .page-id-17298 #bloc-coordonnees-bancaires .cta.identique-aux-ctas-de-la-ligniere > .ubtn { padding-top: 0; padding-bottom: 0; background: #009980 !important; } .page-id-17298 #bloc-coordonnees-bancaires .cta.identique-aux-ctas-de-la-ligniere > .ubtn > .ubtn-hover { z-index: 2 !important; opacity: 0.5; background: #4b8e84 !important; } .page-id-17298 #bloc-coordonnees-bancaires .cta.identique-aux-ctas-de-la-ligniere > .ubtn > .ubtn-hover a { position: absolute; top: 0; left: 0; opacity: 0; } .page-id-17298 #bloc-coordonnees-bancaires .cta.identique-aux-ctas-de-la-ligniere > .ubtn > .ubtn-text { height: 50px; line-height: 50px; font-size: 14px; z-index: 1 !important; } .page-id-17298 #bloc-coordonnees-bancaires .cta.identique-aux-ctas-de-la-ligniere > .ubtn > .ubtn-text * { z-index: 10 !important; } .page-id-17298 #bloc-coordonnees-bancaires .cta.identique-aux-ctas-de-la-ligniere a { width: 100% !important; height: 50px !important; position: relative !important; bottom: 50px !important; line-height: 50px !important; margin: 0 !important; opacity: 0 !important; font-size: 14px; } /*************************************************************************************** **************************************************************************************** BLOC - PRÉPARER VOTRE SÉJOUR **************************************************************************************** ****************************************************************************************/ .page-id-17298 #bloc-sejour .row { max-width: 100vw !important; width: 100vw !important; margin: 0 !important; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC SLIDER ****************************************************************************************/ .page-id-17298 #bloc-slider #bloc-de-texte { padding: 30px !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC SLIDER ****************************************************************************************/ .page-id-17298 #bloc-slider #bloc-de-texte { padding: 30px 0 30px 30px !important; } /**************************************************************************************** BLOC SÉJOUR ****************************************************************************************/ .page-id-17298 #bloc-sejour .columns:first-child { display: none !important; } .page-id-17298 #bloc-sejour .columns:last-child { display: block !important; width: 100%; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 330px !important; min-height: 330px !important; max-height: 330px !important; } .page-id-17298 #layout #bloc-slider #bloc-de-texte p.titre { line-height: 1.2 !important; } .page-id-17298 #layout #bloc-slider #bloc-de-texte p { font-size: 16px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17298 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 320px !important; min-height: 320px !important; max-height: 320px !important; } .page-id-17298 #layout #bloc-slider #bloc-de-texte p.titre { line-height: 1.2 !important; } .page-id-17298 #layout #bloc-slider #bloc-de-texte p.sous-titre { font-size: 16px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CLINIQUE > AUMÔNERIE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17316 h2.uvc-main-heading { text-align: center; } .page-id-17316 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17316 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17316 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17316 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17316 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17316 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - DÉMARCHE DE SANTÉ **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17316 #bloc-demarche-de-sante .sous-bloc-de-droite .rangee-interne { height: auto; width: 100%; position: absolute; bottom: 0; padding: 30px 0; text-align: center; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - DÉMARCHE DE SANTÉ ****************************************************************************************/ .page-id-17316 #bloc-demarche-de-sante .columns.colonne-de-texte { padding: 0 2.5% !important; } /**************************************************************************************** BLOC - CHARTE ****************************************************************************************/ .page-id-17316 #bloc-charte .columns { padding: 0 2.5% !important; } /* TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ */ .page-id-17316 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17316 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC - ESPACES MÉDITATIFS ****************************************************************************************/ .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns { display: inline-block !important; vertical-align: top; width: 33.3333333333% !important; padding: 0 1.25% !important; } .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns p { font-size: 12 !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 510px !important; max-height: 510px !important; min-height: 510px !important; } /*************************************************************************************** **************************************************************************************** BLOC - DÉMARCHE DE SANTÉ **************************************************************************************** ****************************************************************************************/ .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.colonne-flex-image .rangee-interne { padding: 5px 0 !important; } .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.colonne-flex-image .rangee-interne h2 { font-size: 18px !important; margin-bottom: 10px !important; } .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.colonne-flex-image .rangee-interne h2 + .uvc-heading-spacer { margin-bottom: 10px !important; } .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.sous-bloc-de-droite { padding: 0 !important; } .page-id-17316 #bloc-demarche-de-sante .columns.colonne-de-texte { padding: 0 2.5% !important; } .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.colonne-flex-image { background-position: top center !important; padding: 0 !important; height: 350px !important; } /*************************************************************************************** **************************************************************************************** BLOC - ESPACES MÉDITATIFS **************************************************************************************** ****************************************************************************************/ .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns { padding-left: 0 !important; padding-right: 0 !important; } .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns .vc_single_image-wrapper { width: 100% !important; } .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns .vc_single_image-wrapper img { width: 100% !important; margin-top: 20px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17316 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 480px !important; max-height: 480px !important; min-height: 480px !important; } /*************************************************************************************** **************************************************************************************** BLOC - DÉMARCHE DE SANTÉ **************************************************************************************** ****************************************************************************************/ .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.sous-bloc-de-droite { padding: 0 !important; } .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.colonne-flex-image .rangee-interne { padding: 5px 0 !important; } .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.colonne-flex-image .rangee-interne h2 { font-size: 18px !important; margin-bottom: 10px !important; } .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.colonne-flex-image .rangee-interne h2 + .uvc-heading-spacer { margin-bottom: 10px !important; } .page-id-17316 #layout > .breadcrumb > #bloc-demarche-de-sante.vc-row-wrapper > .row > .columns.colonne-flex-image { background-position: top center !important; height: 300px !important; } /*************************************************************************************** **************************************************************************************** BLOC - ESPACES MÉDITATIFS **************************************************************************************** ****************************************************************************************/ .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns { padding-left: 0 !important; padding-right: 0 !important; } .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns { display: block !important; width: 100% !important; } .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns .vc_single_image-wrapper { width: 100% !important; } .page-id-17316 #bloc-espaces-meditatifs .sous-rangee-trois-colonnes .columns .vc_single_image-wrapper img { width: 100% !important; margin-top: 20px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CENTRE MÉDICAL ET THÉRAPEUTIQUE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LOGO ****************************************************************************************/ /*.page-id-16718 #header .logo-for-panel img, .page-id-16718 #header .fixed-header-logo img { height: 60px !important; } */ /**************************************************************************************** SURLIGNEMENT ADAPTÉ ****************************************************************************************/ /* EFFET DE SURLIGNEMENT - ON LE PLACE JUSTE SOUS L'ÉLÉMENT DE MENU */ .page-id-16718 #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0:after { background: #8eb71e !important; } /*************************************************************************************** **************************************************************************************** BLOC - REVOLUTION SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .tp-videoposter { display: none !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS (SAUF SUR TABLETTES / MOBILES) ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC DE TEXTE ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; padding: 5px 0vw 0 1vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte p.titre { font-size: 1.5vw !important; margin-bottom: 0.7vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte p.sous-titre { font-size: 0.9vw !important; margin: 0 0 0.4vw 0 !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table { margin-bottom: 0.6vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td, .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td a { font-size: 1vw !important; padding-top: 0.25vw !important; padding-bottom: 0.25vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td { font-size: 1vw !important; padding-top: 0.25vw !important; padding-bottom: 0.25vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td a { font-size: 1vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta { bottom: 1.2vw !important; font-size: 1.2vw !important; padding: 0.5vw 2vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta > a { font-size: 1.2vw !important; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies au-delà de 1366px on garde les valeurs limites de 1366px*/ @media (min-device-width: 1280px) and (min-width: 1366px) { /************************************************************************************ BLOC DE TEXTE ************************************************************************************/ .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte { background-size: 250px 190px; padding: 13.5px 0 0 13.5px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte p.titre { font-size: 21px !important; margin-bottom: 13.5px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte p.sous-titre { font-size: 13px !important; margin: 0 0 10px 0 !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table { margin-bottom: 7px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td, .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td a { font-size: 13.5px !important; padding-top: 3px !important; padding-bottom: 3px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td { font-size: 13.5px !important; padding-top: 3px !important; padding-bottom: 3px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td a { font-size: 13.5px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta { bottom: 16px !important; font-size: 16px !important; padding: 7px 27px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta > a { font-size: 16px !important; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table { margin-bottom: 0.5vw !important; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC DE TEXTE ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .sous-titre { margin-bottom: 0.5vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table { margin-bottom: 0.25vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td { margin-bottom: 0.5vw !important; padding-top: 0.25vw !important; padding-bottom: 0.25vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta { bottom: 1.5vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta a { padding: 0.25vw 0.5vw !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC DE TEXTE ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte { padding: 0.5vw 0vw 0 1vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte p.titre { font-size: 12.vw !important; margin-bottom: 0.5vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .sous-titre { margin-bottom: 0vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table { margin-bottom: 0.4vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td, .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte table tr > td a { padding-top: 0 !important; padding-bottom: 0 !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta { bottom: 1.5vw !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta a { padding: 0.25vw 0.5vw !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 730px !important; max-height: 730px !important; min-height: 730px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta { bottom: 0 !important; height: 60px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta a { padding: 15px 30px !important; font-size: 18px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16718 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 700px !important; max-height: 700px !important; min-height: 700px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta { bottom: 0 !important; height: 60px !important; } .page-id-16718 #bloc-revolution-slider #bloc-slider #bloc-de-texte .cta a { padding: 15px 30px !important; font-size: 18px !important; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte p.sous-titre { font-size: 14px !important; } .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte table td, .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte table td a { font-size: 13px !important; display: flex; justify-content: right; } .page-id-16718 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte .flex-position-mobile { display: flex; justify-content: space-around; } .page-id-21200 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte p.sous-titre { font-size: 14px !important; } .page-id-21200 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte table td, .page-id-21200 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte table td a { font-size: 13px !important; display: flex; justify-content: right; } .page-id-21200 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element #bloc-de-texte .flex-position-mobile { display: flex; justify-content: space-around; } } /*************************************************************************************** **************************************************************************************** BLOC - NOTRE MISSION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LOGO À GAUCHE DU TITRE H2 ****************************************************************************************/ .page-id-16718 #bloc-mission h2:before { content: url("/wp-content/uploads/2017/04/la-ligniere-centre-medical-arbre.png"); height: 70px; width: 70px; display: inline-block; vertical-align: middle; margin-right: 20px; } /**************************************************************************************** ALIGNEMENT VERTICAL IMAGE / TITRE ****************************************************************************************/ .page-id-16718 #bloc-mission .uvc-heading h2 { line-height: 70px; display: inline-block; vertical-align: middle; } /*************************************************************************************** **************************************************************************************** BLOC - ACTIVITÉS DE SANTÉ **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC - BLOC HOVER ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante > .row > .columns.three { display: inline-block; width: 25%; vertical-align: top; } /**************************************************************************************** SOUS-BLOC - BLOC HOVER ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante { padding: 10px; } .page-id-16718 #bloc-activites-de-sante .row { overflow: hidden; } .page-id-16718 #bloc-activites-de-sante .columns.three > .wpb_wrapper .wpb_wrapper-hover { z-index: 2; margin: 0 10px; width: calc(100% - 20px); height: 0; position: absolute; top: -100%; left: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background: transparent; } .page-id-16718 #bloc-activites-de-sante .columns.three:hover > .wpb_wrapper .wpb_wrapper-hover { height: 100%; top: 0; background-color: rgba(200, 200, 200, 0.5); background-size: calc(100% - 20px) auto; display: block; } /**************************************************************************************** SOUS-BLOC-IMAGES - IMAGE ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante .sous-bloc-images .vc_single_image-wrapper, .page-id-16718 #bloc-activites-de-sante .sous-bloc-images .vc_single_image-wrapper * { width: 100%; } @media (max-width: 799px) { .page-id-16718 #bloc-activites-de-sante .sous-bloc-images .columns { margin-bottom: 60px; } } /**************************************************************************************** SOUS-BLOC-IMAGES - CTA ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante .sous-bloc-images .ubtn-ctn-center > .ubtn-block { height: 70px; margin: 0; padding: 0; } .page-id-16718 #bloc-activites-de-sante .sous-bloc-images .ubtn-ctn-center > .ubtn-block > .ubtn-text { margin: 0; padding: 10px; line-height: 50px; } .page-id-16718 #bloc-activites-de-sante .sous-bloc-images .ubtn-ctn-center > .ubtn-block.deux-lignes > .ubtn-text { line-height: 25px; } /**************************************************************************************** SOUS-BLOC - PRENDRE UN RDV ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante .sous-bloc-prendre-un-RDV .ubtn { padding: 10px; } /*************************************************************************************** **************************************************************************************** BLOC - PÔLE DE PRISE EN CHARGE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-16718 #bloc-pole-de-prise-en-charge { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 330px 250px; } /**************************************************************************************** SOUS-BLOC DE GAUCHE — CTA ****************************************************************************************/ .page-id-16718 #bloc-pole-de-prise-en-charge .sous-bloc-de-gauche .ubtn { padding: 10px 20px; } /*************************************************************************************** **************************************************************************************** BLOC - MÉDECINS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOCS ****************************************************************************************/ .page-id-16718 #bloc-medecins > .row > .columns.two { display: inline-block !important; width: 20%; vertical-align: top !important; } /**************************************************************************************** EFFET HOVER SUR IMAGES ****************************************************************************************/ .page-id-16718 #bloc-medecins .wpb_wrapper .wpb_wrapper-hover { z-index: 2; width: 100%; height: 100%; position: absolute; top: 0; left: 10px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background: transparent; } .page-id-16718 #bloc-medecins .wpb_wrapper:hover .wpb_wrapper-hover { top: 0; background-image: url(/wp-content/uploads/2017/06/la-ligniere-centre-medical-et-therapeutique-bloc-medecins-effet-hover.png); background-repeat: no-repeat; background-size: 220px 240px; } .page-id-16718 #bloc-medecins .wpb_wrapper .vc_single_image-wrapper { width: 100%; max-width: 100%; } .page-id-16718 #bloc-medecins .wpb_wrapper .vc_single_image-wrapper img { width: 220px; height: 240px; max-width: 100%; max-height: 100%; } /* Fenêtres réduites */ @media (max-width: 1279px) { .page-id-16718 #bloc-medecins .wpb_wrapper:hover .wpb_wrapper-hover { background-size: calc(100% - 20px) auto; } .page-id-16718 #bloc-medecins .wpb_wrapper img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; } } /*************************************************************************************** **************************************************************************************** BLOC - NOUVEAUTÉ **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** L'IMAGE DE FOND EST RAJOUTÉE COMME ENFANT DIRECT DU CONTENEUR PRINCIPAL #bloc-nouveaute ON SOUHAITE QUE SON CONTENEUR .row SOIT ALIGNÉ VERTICALEMENT AVEC LE CONTENEUR .row DU BANDEAU INSTAGRAM ON DOIT DONC BAISSER LES DIMENSIONS DU CONTENEUR PRINCIPAL #bloc-nouveaute À CELLES DE SON CONTENEUR ENFANT .row ****************************************************************************************/ .page-id-16718 #bloc-nouveaute { width: 1200px; max-width: 100%; min-width: 768px; margin: 0 auto; position: relative; } /*************************************************************************************** **************************************************************************************** BLOC - PLAN D'ACCÈS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC RANGÉE - SOUS-SOUS BLOC DE GAUCHE ****************************************************************************************/ .page-id-16718 #bloc-plan-acces > .row .sous-bloc-rangee > .row { display: flex; } .page-id-16718 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns, .page-id-16718 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche * { display: flex; flex-grow: 1; flex-direction: column; height: inherit; } /**************************************************************************************** SOUS-BLOC RANGÉE - SOUS-SOUS BLOC DE DROITE ****************************************************************************************/ /* CONTENEUR INTERNE */ .page-id-16718 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-droite > .wpb_wrapper { background: white !important; padding: 20px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /*************************************************************************************** **************************************************************************************** BLOC - MÉDECINS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC EN HOVER ****************************************************************************************/ .page-id-16718 #bloc-medecins .wpb_wrapper .vc_single_image-wrapper img { width: 100%; height: auto; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - MÉDECINS **************************************************************************************** ****************************************************************************************/ .page-id-16718 #bloc-medecins .wpb_wrapper .vc_single_image-wrapper img { width: 100%; height: auto; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - NOTRE MISSION ****************************************************************************************/ .page-id-16718 #bloc-mission > .row > .columns.colonne-de-texte { padding: 0 2.5% !important; } /*************************************************************************************** BLOC - ACTIVITÉS DE SANTÉ ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC - BLOC HOVER ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante > .row .sous-bloc-images:first-child { margin-bottom: 30px; } /**************************************************************************************** BLOC - MÉDECINS ****************************************************************************************/ .page-id-16718 #bloc-medecins > .row { font-size: 0; display: block !important; } .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two { display: inline-block !important; width: 33.3333333333% !important; padding: 0 2.5% !important; margin-bottom: 20px !important; } .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two .vc_single_image-wrapper, .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two .vc_single_image-wrapper img { width: 100% !important; height: auto !important; } .page-id-16718 #bloc-medecins .wpb_wrapper .wpb_wrapper-hover { z-index: 2; width: 218px; height: 218px; left: 7.5%; position: absolute; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background: transparent; } .page-id-16718 #bloc-medecins .wpb_wrapper:hover .wpb_wrapper-hover { top: 0; background-image: url(/wp-content/uploads/2017/06/la-ligniere-centre-medical-et-therapeutique-bloc-medecins-effet-hover.png); background-repeat: no-repeat; background-size: 218px 218px; } /**************************************************************************************** BLOC - NOTRE ACTIVITÉS DE SOINS ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante .sous-bloc-images { padding: 0 !important; } .page-id-16718 #bloc-activites-de-sante .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 25% !important; vertical-align: top; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16718 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16718 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: inline-block !important; width: 50% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** BLOC - MÉDECINS ****************************************************************************************/ .page-id-16718 #bloc-medecins > .row { font-size: 0; display: block !important; } .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two { display: inline-block !important; width: 33.3333333333% !important; padding: 0 2.5% !important; margin-bottom: 20px !important; } .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two .vc_single_image-wrapper, .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two .vc_single_image-wrapper img { width: 100% !important; height: auto !important; } .page-id-16718 #bloc-medecins .wpb_wrapper .wpb_wrapper-hover { z-index: 2; width: 190px; height: 190px; left: 7.5%; position: absolute; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background: transparent; } .page-id-16718 #bloc-medecins .wpb_wrapper:hover .wpb_wrapper-hover { top: 0; background-image: url(/wp-content/uploads/2017/06/la-ligniere-centre-medical-et-therapeutique-bloc-medecins-effet-hover.png); background-repeat: no-repeat; background-size: 190px 190px; } /**************************************************************************************** BLOC - NOUVEAUTÉ ****************************************************************************************/ .page-id-16718 #bloc-nouveaute { padding: 0 5% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .page-id-16718 #bloc-nouveaute > .row > .columns:first-child { display: none !important; } .page-id-16718 #bloc-nouveaute > .row > .columns:last-child { display: block !important; width: 100% !important; } /**************************************************************************************** BLOC - NOTRE ACTIVITÉS DE SOINS ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante .sous-bloc-images { padding: 0 5% !important; } .page-id-16718 #bloc-activites-de-sante .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 50% !important; margin-bottom: 5% !important; vertical-align: top !important; margin-bottom: 20px !important; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16718 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16718 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: block !important; width: 100% !important; } .page-id-16718 #bloc-plan-acces .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche { height: 250px !important; } /**************************************************************************************** BLOC - INSTAGRAM ****************************************************************************************/ .page-id-16718 #bloc-instagram #sbi_images { padding: 0 !important; } /*.page-id-16718 #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 33.33333333vw !important; height: 33.33333333vw !important; padding: 0 !important; margin: 0 !important; }*/ } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** BLOC - NOTRE ACTIVITÉS DE SOINS ****************************************************************************************/ .page-id-16718 #bloc-activites-de-sante .sous-bloc-images { padding: 0 5% !important; } .page-id-16718 #bloc-activites-de-sante .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 50% !important; margin-bottom: 5% !important; vertical-align: top !important; } /**************************************************************************************** BLOC - MÉDECINS ****************************************************************************************/ .page-id-16718 #bloc-medecins > .row { font-size: 0; display: block !important; } .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two { display: inline-block !important; width: 50% !important; padding: 0 2.5% !important; margin-bottom: 20px !important; } .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two .vc_single_image-wrapper, .page-id-16718 #layout > .breadcrumb > #bloc-medecins.vc-row-wrapper > .row > .columns.two .vc_single_image-wrapper img { width: 100% !important; height: auto !important; } .page-id-16718 #bloc-medecins .wpb_wrapper .wpb_wrapper-hover { z-index: 2; width: 170px; height: 170px; position: absolute; left: 5%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background: transparent; } .page-id-16718 #bloc-medecins .wpb_wrapper:hover .wpb_wrapper-hover { top: 0; background-image: url(/wp-content/uploads/2017/06/la-ligniere-centre-medical-et-therapeutique-bloc-medecins-effet-hover.png); background-repeat: no-repeat; background-size: 170px 170px; } /**************************************************************************************** BLOC - NOUVEAUTÉ ****************************************************************************************/ .page-id-16718 #bloc-nouveaute { padding: 0 5% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .page-id-16718 #bloc-nouveaute > .row > .columns:first-child { display: none !important; } .page-id-16718 #bloc-nouveaute > .row > .columns:last-child { display: block !important; width: 100% !important; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16718 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16718 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: block !important; width: 100% !important; } .page-id-16718 #bloc-plan-acces .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche { height: 250px !important; } /**************************************************************************************** BLOC - INSTAGRAM ****************************************************************************************/ .page-id-16718 #bloc-instagram #sbi_images { padding: 0 !important; } /*.page-id-16718 #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 50vw !important; height: 50vw !important; padding: 0 !important; margin: 0 !important; } */ } /* Smartphones Horizontal - iPhone 5 */ @media (max-device-width: 570px) and (max-width: 570px) and (orientation: landscape) { /**************************************************************************************** BLOC - MÉDECINS ****************************************************************************************/ .page-id-16718 #bloc-medecins .wpb_wrapper .wpb_wrapper-hover { width: 160px; height: 160px; } .page-id-16718 #bloc-medecins .wpb_wrapper:hover .wpb_wrapper-hover { background-size: 160px 160px; } } /* Smartphones Vertical - iPhone 5 */ @media (max-device-width: 320px) and (max-width: 320px) and (orientation: portrait) { /**************************************************************************************** BLOC - MÉDECINS ****************************************************************************************/ .page-id-16718 #bloc-medecins .wpb_wrapper .wpb_wrapper-hover { width: 145px; height: 145px; } .page-id-16718 #bloc-medecins .wpb_wrapper:hover .wpb_wrapper-hover { background-size: 145px 145px; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL ET THÉRAPEUTIQUE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SURLIGNEMENT ADAPTÉ ****************************************************************************************/ /* EFFET DE SURLIGNEMENT - ON LE PLACE JUSTE SOUS L'ÉLÉMENT DE MENU */ .parent-pageid-16718 #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0:after { background: #8eb71e !important; } /*************************************************************************************** **************************************************************************************** SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE TEXTE ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; padding: 5px 0vw 0 1vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte p.titre { font-size: 1.5vw !important; margin-bottom: 0.7vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte p.sous-titre { font-size: 0.9vw !important; margin: 0 0 0.4vw 0 !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table { margin-bottom: 0.6vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td, bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td a { font-size: 1vw !important; padding-top: 0.25vw !important; padding-bottom: 0.25vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td { font-size: 1vw !important; padding-top: 0.25vw !important; padding-bottom: 0.25vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td a { font-size: 1vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta { bottom: 1.2vw !important; font-size: 1.2vw !important; padding: 0.5vw 2vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta > a { font-size: 1.2vw !important; } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table { margin-bottom: 0.5vw !important; } } /* Fenêtres agrandies au-delà de 1366px on garde les valeurs limites de 1366px*/ @media (min-device-width: 1280px) and (min-width: 1366px) { /************************************************************************************ BLOC DE TEXTE ************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte { background-size: 250px 190px; padding: 13.5px 0 0 13.5px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte p.titre { font-size: 21px !important; margin-bottom: 13.5px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte p.sous-titre { font-size: 13px !important; margin: 0 0 10px 0 !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table { margin-bottom: 7px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td, #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td a { font-size: 13.5px !important; padding-top: 3px !important; padding-bottom: 3px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td { font-size: 13.5px !important; padding-top: 3px !important; padding-bottom: 3px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td a { font-size: 13.5px !important; padding-top: 0 !important; padding-bottom: 0 !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta { bottom: 16px !important; font-size: 16px !important; padding: 7px 27px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta > a { font-size: 16px !important; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC DE TEXTE ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .sous-titre { margin-bottom: 0.5vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table { margin-bottom: 0.25vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td { margin-bottom: 0.5vw !important; padding-top: 0.25vw !important; padding-bottom: 0.25vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta { bottom: 1.5vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta a { padding: 0.25vw 0.5vw !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC DE TEXTE ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte { padding: 0.5vw 0vw 0 1vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte p.titre { font-size: 12.vw !important; margin-bottom: 0.5vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .sous-titre { margin-bottom: 0vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table { margin-bottom: 0.4vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td, #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte table tr > td a { padding-top: 0 !important; padding-bottom: 0 !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta { bottom: 1.5vw !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta a { padding: 0.25vw 0.5vw !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique .rs-background-video-layer { display: none !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div > div, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 730px !important; max-height: 730px !important; min-height: 730px !important; } #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element #bloc-de-texte p.titre { font-size: 30px !important; padding-bottom: 20px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta { bottom: 0 !important; height: 60px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta a { padding: 15px 30px !important; font-size: 14px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ #bloc-revolution-slider.pages-centre-medical-et-therapeuthique .rs-background-video-layer { display: none !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div > div, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 700px !important; max-height: 700px !important; min-height: 700px !important; } #layout > .breadcrumb #bloc-revolution-slider.pages-centre-medical-et-therapeuthique.avec-bloc-contact .wpb_revslider_element #bloc-de-texte p.titre { font-size: 30px !important; padding-bottom: 20px !important; padding-top: 20px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta { bottom: 0 !important; height: 60px !important; } #bloc-revolution-slider.pages-centre-medical-et-therapeuthique #bloc-slider #bloc-de-texte .cta a { padding: 15px 30px !important; font-size: 14px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CENTRE MÉDICAL ET THÉRAPEUTIQUE > TABACOLOGIE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17117 h2.uvc-main-heading { text-align: center; } .page-id-17117 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .page-id-17117 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17117 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } /*************************************************************************************** **************************************************************************************** BLOC - REVOLUTION SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE TEXTE - BACKGROUND ****************************************************************************************/ .page-id-17117 #bloc-revolution-slider #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 250px !important; max-height: 250px !important; min-height: 250px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17117 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 230px !important; max-height: 230px !important; min-height: 230px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CENTRE MÉDICAL ET THÉRAPEUTIQUE > DIÉTÉTIQUE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17157 h2.uvc-main-heading { text-align: center; } .page-id-17157 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .page-id-17157 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17157 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } /*************************************************************************************** **************************************************************************************** BLOC - REVOLUTION SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE TEXTE - BACKGROUND ****************************************************************************************/ .page-id-17157 #bloc-revolution-slider #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 400px !important; max-height: 400px !important; min-height: 400px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17157 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 360px !important; max-height: 360px !important; min-height: 360px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CENTRE MÉDICAL ET THÉRAPEUTIQUE > PRENDRE RDV **************************************************************************************** **************************************************************************************** ****************************************************************************************/ .page-id-18531 .table-rdv-info { border: 0; width: 99%; margin-bottom: 0; border-bottom: 1px solid #303030; } .page-id-18531 .table-rdv-info-last tr td:first-child { border-right: 1px solid #303030; } .page-id-18531 .table-rdv-info .td-table-rdv-info-50 { width: 50%; background-color: white; } .page-id-18531 table.table-rdv-info tbody tr td { text-align: center; } /*************************************************************************************** **************************************************************************************** FORMULAIRE DE CONTACT **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** FORMULAIRE DE CONTACT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-18531 #bloc-formulaire-de-contact .wpcf7 label { width: 100%; font-style: italic; } /* CHAMPS DE SAISIE */ .page-id-18531 #bloc-formulaire-de-contact .wpcf7 input { background: transparent; border: none; border-bottom: 1px solid grey; padding: 0; height: 25px; line-height: 25px; } /**************************************************************************************** CHAMPS SELECT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-18531 #bloc-formulaire-de-contact .dk-selected { width: 100%; background: transparent; border: 1px solid grey; padding: 0 15px; height: 30px; line-height: 25px; margin-top: 10px; } .page-id-18531 #bloc-formulaire-de-contact .dk-select .dk-select-options { overflow: scroll; } .page-id-18531 #bloc-formulaire-de-contact .wpcf7 .dk-select .dk-select-options li:hover { color: white; background: black; } .page-id-18531 #bloc-formulaire-de-contact .wpcf7 .confirmation-CGV input[name="confirmation-CGV"] { top: 10px; margin-left: 10px; } /**************************************************************************************** CHAMPS DE VALIDATION DES CGV ****************************************************************************************/ .page-id-18531 #bloc-formulaire-de-contact .wpcf7 .dk-select .dk-select-options li:before { display: none; } /**************************************************************************************** CTA SOUMISSION ****************************************************************************************/ .page-id-18531 #bloc-formulaire-de-contact .wpcf7 .cta { text-align: center; } .page-id-18531 .cta.identique-aux-ctas-de-la-ligniere { text-align: center; } .page-id-18531 .cta.identique-aux-ctas-de-la-ligniere .ubtn { background: #8eb71e; } .page-id-18531 .cta.identique-aux-ctas-de-la-ligniere .ubtn > .ubtn-hover { background: #a0d64f; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** PADDINGS LATÉRAUX ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-18531 #bloc-formulaire-de-contact { padding: 0 5%; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** PADDINGS LATÉRAUX ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-18531 #bloc-formulaire-de-contact { padding: 0 30px; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CENTRE MÉDICAL ET THÉRAPEUTIQUE > DIÉTÉTIQUE & NUTRITION - V2 **************************************************************************************** **************************************************************************************** ****************************************************************************************/ .page-id-30573 { /* ════════════════════════════════════════════════════════════════════════════════════ * BREADCRUMBS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * BLOC BREADCRUMBS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * BLOC BANDEAU * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN ROWS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * HEADINGS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * #introduction * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * #section-specialites * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * #section-cta * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * #section-etapes * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * #section-praticiens * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * #section-tarifs * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-id-30573 .breadcrumb { margin-bottom: -2px !important; padding-bottom: 0 !important; overflow: hidden; } .page-id-30573 #bloc-breadcrumb { padding: 10px 0 !important; } .page-id-30573 .breadcrumb > .vc-row-wrapper { /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ max-width: 1220px; margin: auto; padding: 60px 0; /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN FLEX ROWS / COLUMNS * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-id-30573 .breadcrumb > .vc-row-wrapper.full-width { max-width: none; margin: 0 -15px !important; padding-left: 0 15px !important; padding-right: 0 15px !important; } .page-id-30573 .breadcrumb > .vc-row-wrapper > .row { margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .page-id-30573 .breadcrumb > .vc-row-wrapper > .row > .columns:not(:last-child) { margin-bottom: 60px; } } @media (min-device-width: 1281px) and (max-width: 1279px) { .page-id-30573 #layout > .breadcrumb > .vc-row-wrapper > .row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-id-30573 #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { width: 100% !important; } .page-id-30573 #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.four { width: calc(32.33333333%) !important; } } .page-id-30573 h2 { margin-bottom: 30px !important; letter-spacing: normal !important; font-family: MontserratSemiBold !important; } .page-id-30573 p { color: #303030; font-family: 'Montserrat'; } .page-id-30573 p:last-child { margin-bottom: 0; } .page-id-30573 #introduction { /* ════════════════════════════════════════════════════════════════════════════════════ * CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ padding: 0 !important; /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-id-30573 #introduction p { font-family: MontserratSemiBold !important; line-height: 1.75; font-size: 16px; font-weight: 600; } .page-id-30573 #section-specialites { /* ════════════════════════════════════════════════════════════════════════════════════ * FLEX COLUMNS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * H2 * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * COLUMN .specialites * ════════════════════════════════════════════════════════════════════════════════════ */ } @media (min-width: 992px) { .page-id-30573 #section-specialites > .row > .columns:nth-child(1) { width: calc(25%); } .page-id-30573 #section-specialites > .row > .columns:nth-child(2) { width: calc(41.66666667%); } .page-id-30573 #section-specialites > .row > .columns:nth-child(3) { width: calc(33.33333333%); } } @media (min-width: 1200px) { .page-id-30573 #section-specialites h2 { max-width: 285px; } } .page-id-30573 #section-specialites .column-specialites { /* ════════════════════════════════════════════════════════════════════════════════════ * CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ padding: 0 35px; /* ════════════════════════════════════════════════════════════════════════════════════ * HEADINGS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT MODULES * ════════════════════════════════════════════════════════════════════════════════════ */ } @media (min-width: 768px) and (max-width: 1279px) { .page-id-30573 #section-specialites .column-specialites { padding: 0 15px; } } .page-id-30573 #section-specialites .column-specialites .uvc-heading { width: calc(120%); margin-top: 40px; } .page-id-30573 #section-specialites .column-specialites .uvc-heading:first-child { margin-top: 0; } @media (min-width: 768px) and (max-width: 1199px) { .page-id-30573 #section-specialites .column-specialites .uvc-heading .aio-icon-img { font-size: 40px !important; } } .page-id-30573 #section-specialites .column-specialites .uvc-heading h3 { vertical-align: top; margin: 0 0 10px 20px; padding-left: 0; color: #8eb71e; letter-spacing: 0.3px; line-height: 1; font-family: MontserratMedium !important; font-size: 18px; font-weight: 500; } @media (max-width: 1199px) { .page-id-30573 #section-specialites .column-specialites .uvc-heading h3 { margin-top: 10px; } } @media (min-width: 768px) and (max-width: 1199px) { .page-id-30573 #section-specialites .column-specialites .uvc-heading h3 { font-size: 16px; } } .page-id-30573 #section-specialites .column-specialites .wpb_text_column { /* ════════════════════════════════════════════════════════════════════════════════════ * DEFAULT * ════════════════════════════════════════════════════════════════════════════════════ */ margin-top: -20px; padding-left: 70px; /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT BIG * ════════════════════════════════════════════════════════════════════════════════════ */ } @media (max-width: 1199px) { .page-id-30573 #section-specialites .column-specialites .wpb_text_column { margin-top: 20px; padding-left: 0; } } .page-id-30573 #section-specialites .column-specialites .wpb_text_column p { font-family: MontserratLight !important; line-height: 1.21; font-size: 14px; font-weight: 300; } .page-id-30573 #section-specialites .column-specialites .wpb_text_column.text--big { margin-top: 60px; width: 200%; } @media (max-width: 1199px) { .page-id-30573 #section-specialites .column-specialites .wpb_text_column.text--big { width: auto; } } .page-id-30573 #section-specialites .column-specialites .wpb_text_column.text--big p { line-height: 23px; font-family: MontserratSemiBold !important; font-size: 16px !important; } @media (max-width: 991px) { .page-id-30573 #layout > .breadcrumb > #section-specialites.vc-row-wrapper > .row > .columns.four { width: 50% !important; } .page-id-30573 #layout > .breadcrumb > #section-specialites.vc-row-wrapper > .row > .columns:first-child { width: 100% !important; } } @media (max-width: 767px) { .page-id-30573 #layout > .breadcrumb > #section-specialites.vc-row-wrapper > .row > .columns.four { width: 100% !important; } } .page-id-30573 #section-cta { width: 810px; max-width: 100%; margin: 0 auto 60px auto; border: 5px solid #ffbb40; padding: 30px; text-align: center; } .page-id-30573 #section-cta > .row { margin: 0 !important; max-width: 100% !important; } @media (maax-width: 1199px) { .page-id-30573 #section-cta { width: 100%; } } .page-id-30573 #section-cta * { line-height: 1.38; font-family: MontserratSemiBold !important; font-size: 26px; font-weight: 500; } .page-id-30573 #section-cta a::before { display: none !important; } .page-id-30573 #section-cta a:hover { color: #8eb71e !important; text-decoration: underline !important; } .page-id-30573 #section-etapes { background-color: #8EB71E; /* ════════════════════════════════════════════════════════════════════════════════════ * FLEX ROW / COLUMNS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * ALL * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Chiffre étape * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Titre étape * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Texte étape * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-id-30573 #section-etapes > .row { margin-bottom: -60px !important; } @media (min-width: 768px) and (max-width: 1279px) { .page-id-30573 #section-etapes > .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-id-30573 #section-etapes > .row > .columns { margin-bottom: 60px; } @media (max-width: 767px) { .page-id-30573 #section-etapes > .row > .columns { width: 100% !important; } } .page-id-30573 #section-etapes * { color: white !important; } .page-id-30573 #section-etapes .etape-chiffre { margin-top: 20px; } .page-id-30573 #section-etapes .etape-chiffre p { font-family: 'Montserrat Bold' !important; font-size: 80px; font-weight: bold; } .page-id-30573 #section-etapes .etape-titre { margin: 60px auto 30px auto; } .page-id-30573 #section-etapes .etape-titre p { line-height: 1.38; font-family: MontserratSemiBold !important; font-size: 26px; font-weight: 500; } @media (min-width: 768px) { .page-id-30573 #section-etapes .etape-texte { padding: 0 10px; } } .page-id-30573 #section-etapes .etape-texte p { line-height: 1.43; font-size: 14px; font-weight: 300; } @media (max-width: 991px) { .page-id-30573 #layout > .breadcrumb > #section-etapes.vc-row-wrapper > .row > .columns.four { width: 50% !important; } } @media (max-width: 767px) { .page-id-30573 #layout > .breadcrumb > #section-etapes.vc-row-wrapper > .row > .columns.four { width: 100% !important; } } .page-id-30573 #section-praticiens { /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ margin-bottom: -60px !important; /* ════════════════════════════════════════════════════════════════════════════════════ * FLEX ROW * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Image Praticien * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Nom Praticien * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * Liste spécialités Praticien * ════════════════════════════════════════════════════════════════════════════════════ */ } @media (min-width: 768px) and (max-width: 1279px) { .page-id-30573 #section-praticiens > .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .page-id-30573 #section-praticiens > .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-id-30573 #section-praticiens > .row > .columns { margin-bottom: 60px; } @media (max-width: 1279px) { .page-id-30573 #section-praticiens > .row > .columns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .page-id-30573 #section-praticiens .praticien-image { margin: 0 auto 20px auto; width: 130px; height: 130px; } .page-id-30573 #section-praticiens .praticien-nom { margin-bottom: 20px; } .page-id-30573 #section-praticiens .praticien-nom p { font-family: MontserratSemiBold !important; line-height: 1.38; font-size: 26px; font-weight: 500; } .page-id-30573 #section-praticiens .praticien-liste-specialites p { line-height: 1.42; font-size: 12px; font-weight: 300; } @media (max-width: 1279px) { .page-id-30573 #layout > .breadcrumb > #section-praticiens.vc-row-wrapper > .row > .columns.three { width: calc(25%) !important; } } @media (max-width: 991px) { .page-id-30573 #layout > .breadcrumb > #section-praticiens.vc-row-wrapper > .row > .columns.three { width: calc(33.33333333%) !important; } } @media (max-width: 767px) { .page-id-30573 #layout > .breadcrumb > #section-praticiens.vc-row-wrapper > .row > .columns.three { width: calc(50%) !important; } } @media (max-width: 439px) { .page-id-30573 #layout > .breadcrumb > #section-praticiens.vc-row-wrapper > .row > .columns.three { width: 100% !important; } } .page-id-30573 #section-tarifs { background-color: #8EB71E; /* ════════════════════════════════════════════════════════════════════════════════════ * ALL * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * BTN * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-id-30573 #section-tarifs *:not(.ubtn-text) { color: white !important; } .page-id-30573 #section-tarifs p { line-height: 1.75; font-size: 16px; font-weight: 600; } .page-id-30573 #section-tarifs .ubtn-link { margin-top: 30px; } .page-id-30573 #section-tarifs .ubtn-link .ubtn-text { color: black; font-weight: bold; text-transform: uppercase; } .page-id-30573 #section-tarifs .ubtn-link .ubtn-text:hover { color: white; } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > OSTÉOPATHIE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17126 h2.uvc-main-heading { text-align: center; } .page-id-17126 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17126 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17126 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17126 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17126 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /**************************************************************************************** PUCES ****************************************************************************************/ .page-id-17126 #layout ul { margin-left: 45px; } .page-id-17126 #layout .wpb_text_column ul > li { list-style-type: none; text-indent: -10px; /* POUR RECALER LE DÉCALAGE DE LA PUCE EN-DESSOUS */ color: #303030; } .page-id-17126 #layout .wpb_text_column ul > li:before { content: '\2022'; font-size: 3em !important; font-size: 16px; /* iexplorer */ position: relative; top: 7px; right: 10px; color: #8eb71e; } .ie .page-id-17126 #layout .wpb_text_column ul > li:before, .ie-11 .page-id-17126 #layout .wpb_text_column ul > li:before { font-size: 16px; /* iexplorer */ } /**************************************************************************************** LIENS TEL ****************************************************************************************/ .page-id-17126 a[href^="tel:"] { font-family: inherit !important; font-size: 14px !important; font-style: normal !important; font-weight: normal !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17126 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - PROBLÈMES **************************************************************************************** ****************************************************************************************/ .page-id-17126 #bloc-problemes { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** RESPONSIOITÉ **************************************************************************************** ****************************************************************************************/ /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 370px !important; max-height: 370px !important; min-height: 370px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17126 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 310px !important; max-height: 310px !important; min-height: 310px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > ERGOTHÉRAPIE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17141 h2.uvc-main-heading { text-align: center; } .page-id-17141 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17141 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17141 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17141 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17141 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17141 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - PRISE EN CHARGE **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC - À SAVOIR **************************************************************************************** ****************************************************************************************/ .page-id-17141 #bloc-a-savoir { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - MODALITÉS THÉRAPEUTHIQUES **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1367px) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17141 #bloc-rendez-vous-documents .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17141 #bloc-rendez-vous-documents .columns.four { width: 455.333333333333px; /* 1366px / 3 */ height: 455.333333333333px !important; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17141 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1366px) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17141 #bloc-rendez-vous-documents .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17141 #bloc-rendez-vous-documents .columns.four { width: 33.33333333vw; height: 33.3333333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17141 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17141 #bloc-rendez-vous-documents .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17141 #bloc-rendez-vous-documents .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17141 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17141 #bloc-rendez-vous-documents .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17141 #bloc-rendez-vous-documents .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17141 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100%; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** BLOC - SLIDER ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 400px !important; max-height: 400px !important; min-height: 400px !important; } /**************************************************************************************** BLOC - À SAVOIR ****************************************************************************************/ .page-id-17141 #layout > .breadcrumb > #bloc-a-savoir.vc-row-wrapper > .row > .twelve.columns { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17141 #bloc-rendez-vous-documents .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .page-id-17141 #bloc-rendez-vous-documents .columns.four { width: 33.33333333vw !important; display: flex !important; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17141 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100% !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** BLOC - SLIDER ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17141 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 360px !important; max-height: 360px !important; min-height: 360px !important; } /**************************************************************************************** BLOC - À SAVOIR ****************************************************************************************/ .page-id-17141 #layout > .breadcrumb > #bloc-a-savoir.vc-row-wrapper > .row > .twelve.columns { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17141 #bloc-rendez-vous-documents .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; } .page-id-17141 #bloc-rendez-vous-documents .columns.four { width: 100vw !important; display: flex !important; min-height: 300px !important; } .page-id-17141 #bloc-rendez-vous-documents .columns.four.disable-on-mobile { display: none !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > MÉDECINS ET SPÉCIALISATION **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC MÉDECINS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC : RANGÉE 02 ****************************************************************************************/ /* LISTE - ON RÉDUIT LE MARGIN-LEFT POUR CALER LA LISTE SUR LE BORD GAUCHE */ .page-id-19159 #bloc-medecins .sous-bloc-rangee-02 ul { margin-left: 20px; } /* CTA */ .page-id-19159 #bloc-medecins .sous-bloc-rangee-02 a.ubtn-link { margin-top: 30px; } .page-id-19159 #bloc-medecins .sous-bloc-rangee-02 a.ubtn-link .ubtn-normal { padding: 10px 20px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** SOUS-BLOCS : RANGÉES / BLOCS COLONNES ****************************************************************************************/ /* ON EN CONSERVE TROIS COLONNES DANS LES SOUS-RANGEÉES */ .page-id-19159 #bloc-medecins.vc-row-wrapper .vc-row-wrapper .columns { display: inline-block; width: 33.33333333333333%; vertical-align: top; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** BLOC MÉDECINS - CONTENEUR PRINCIPAL ****************************************************************************************/ /* CHAQUE COLONNE SOUS LES AUTRES */ .page-id-19159 #bloc-medecins.vc-row-wrapper > .row { padding-left: 30px; padding-right: 30px; } /**************************************************************************************** SOUS-BLOCS : RANGÉES / BLOCS COLONNES ****************************************************************************************/ /* CHAQUE COLONNE SOUS LES AUTRES */ .page-id-19159 #bloc-medecins.vc-row-wrapper .vc-row-wrapper .columns { display: block; width: 100%; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** BLOC MÉDECINS - CONTENEUR PRINCIPAL ****************************************************************************************/ /* CHAQUE COLONNE SOUS LES AUTRES */ .page-id-19159 #bloc-medecins.vc-row-wrapper > .row { padding-left: 30px; padding-right: 30px; } /**************************************************************************************** SOUS-BLOCS : RANGÉES / BLOCS COLONNES ****************************************************************************************/ /* CHAQUE COLONNE SOUS LES AUTRES */ .page-id-19159 #bloc-medecins.vc-row-wrapper .vc-row-wrapper .columns { display: block; width: 100%; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > CORONARY CLUB **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17164 h2.uvc-main-heading { text-align: center; } .page-id-17164 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17164 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17164 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17164 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17164 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17164 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - CORONARY CLUB **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC - CONDITIONS DE PARTICIPATIONS **************************************************************************************** ****************************************************************************************/ .page-id-17164 #bloc-conditions-de-participation { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 200px 150px; } /*************************************************************************************** **************************************************************************************** BLOC - CONTRE-INDICATIONS **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC - RDV - DOCUMENTS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CTA ****************************************************************************************/ .page-id-17164 #bloc-rendez-vous-documents .columns.four .ubtn { padding: 15px 10px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1367px) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17164 #bloc-rendez-vous-documents .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17164 #bloc-rendez-vous-documents .columns.four { width: 455.333333333333px; /* 1366px / 3 */ height: 455.333333333333px; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17164 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1366px) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17164 #bloc-rendez-vous-documents .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17164 #bloc-rendez-vous-documents .columns.four { width: 33.33333333vw; height: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17164 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17164 #bloc-rendez-vous-documents .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17164 #bloc-rendez-vous-documents .columns.four { width: 33.33333333vw; height: 33.3333333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17164 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17164 #bloc-rendez-vous-documents .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17164 #bloc-rendez-vous-documents .columns.four { width: 33.33333333vw; height: auto !important; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17164 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100%; } .page-id-17164 #bloc-rendez-vous-documents .columns.four h2 { font-size: 20px !important; margin-bottom: 10px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** BLOC - SLIDER ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 400px !important; max-height: 400px !important; min-height: 400px !important; } /**************************************************************************************** BLOC - CONDITIONS DE PARTICIPATION ****************************************************************************************/ .page-id-17164 #layout > .breadcrumb > #bloc-conditions-de-participation.vc-row-wrapper > .row .twelve.columns { padding: 30px !important; } /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17164 #bloc-rendez-vous-documents .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .page-id-17164 #bloc-rendez-vous-documents .columns.four { width: 33.33333333vw; height: auto !important; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17164 #bloc-rendez-vous-documents .columns.four .wpb_wrapper { width: 100% !important; } .page-id-17164 #bloc-rendez-vous-documents .columns.four h2 { font-size: 18px !important; margin-bottom: 10px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** BLOC - SLIDER ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17164 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 360px !important; max-height: 360px !important; min-height: 360px !important; } /**************************************************************************************** BLOC - CONDITIONS DE PARTICIPATION ****************************************************************************************/ .page-id-17164 #layout > .breadcrumb > #bloc-conditions-de-participation.vc-row-wrapper > .row .twelve.columns { padding: 30px !important; } /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17164 #bloc-rendez-vous-documents .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; } .page-id-17164 #bloc-rendez-vous-documents .columns.four { width: 100vw !important; display: flex !important; min-height: 300px !important; } .page-id-17164 #bloc-rendez-vous-documents .columns.disable-on-mobile-vertical { display: none !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > PHYSIOTHÉRAPIE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17174 h2.uvc-main-heading { text-align: center; } .page-id-17174 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17174 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17174 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17174 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17174 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17174 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - ONGLETS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEUR PRINCIPAL ****************************************************************************************/ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list { margin: 0; width: 100%; } /* BUG IEXPLORER */ /* Fenêtres réduites */ @media (min-device-width: 1280px) and (max-width: 1366px) { .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list { margin: 0; width: 100vw; } } /**************************************************************************************** ONGLET : 1/7 POUR CHACUN ****************************************************************************************/ /* ON REND LES BLOCS CARRÉS */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab { height: 14.2857vw; width: 14.2857vw; } /* TRIANGLE VERT SOUS BOX ACTIVE */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab:after { content: url("/wp-content/uploads/2017/05/la-ligniere-triangle-sous-box-transparent.png"); position: relative; bottom: 6px; } .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active:after { content: url("/wp-content/uploads/2017/05/la-ligniere-triangle-vert-sous-carres.png"); } /* BLOCS LIENS - TOUT LE CONTENEUR*/ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a { height: 100%; width: 100%; padding: 0; font-family: "MontserratLight"; } /* IMAGE EN BEFORE */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a:before, .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a:before { display: initial !important; width: auto !important; position: initial !important; border: none !important; } /* POUR IEXPLORER */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a:before { display: block !important; width: auto !important; position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important; border: none !important; } /* ON PLACE LE TEXTE EN BAS DU BLOC */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a > .vc_tta-title-text { display: block !important; height: 60px !important; position: absolute; bottom: 0; width: 100%; } /**************************************************************************************** ICÔNES ****************************************************************************************/ /* ORTHO / RHUMATO*/ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#orthopedie-et-rhumatologie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-orthopedie-rhumatologie.png"); } .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#orthopedie-et-rhumatologie"]:hover:before, .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#orthopedie-et-rhumatologie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-blanc-orthopedie-rhumatologie.png"); } /* NEUROLOGIE */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#neurologie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-neurologie.png"); } .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#neurologie"]:hover:before, .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#neurologie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-blanc-neurologie.png"); } /* HYDROTHÉRAPIE */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#hydrotherapie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-hydrotherapie.png"); } .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#hydrotherapie"]:hover:before, .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#hydrotherapie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-blanc-hydrotherapie.png"); } /* GROUPE PISCINE */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#groupe-piscine"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-groupe-piscine.png"); } .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#groupe-piscine"]:hover:before, .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#groupe-piscine"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-blanc-groupe-piscine.png"); } /* PÉDIATRIE */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#pediatrie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-pediatrie.png"); } .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#pediatrie"]:hover:before, .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#pediatrie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-blanc-pediatrie.png"); } /* PÉRINÉOLOGIE */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#perineologie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-perineologie.png"); } .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#perineologie"]:hover:before, .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#perineologie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-blanc-perineologie.png"); } /* SURFTHÉRAPIE */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#surftherapie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-surftherapie.png"); } .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#surftherapie"]:hover:before, .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#surftherapie"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictogramme-blanc-surftherapie.png"); } /**************************************************************************************** TABLEAUX ****************************************************************************************/ .page-id-17174 #bloc-onglets .vc_tta-panels .vc_tta-panel table, .page-id-17174 #bloc-onglets .vc_tta-panels .vc_tta-panel table > tbody > tr { background: transparent; border: none; } .page-id-17174 #bloc-onglets .vc_tta-panels .vc_tta-panel table > tbody > tr > td { background: transparent; border: none; padding: 5px; } /*************************************************************************************** **************************************************************************************** BLOC ONGLETS > SOUS-BLOC - CHRONOLOGIE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17174 #bloc-onglets .sous-bloc-chronologie { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1366px) { /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* LA PLEINE LARGEUR EST RESTREINTE À 1366PX. CHACUN DES SEPT BLOCS EN UTILISE DONC UN SEPTIÈME */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab { width: 195px !important; height: 195px !important; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* TEXTE EN BAS DU BLOC */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a > .vc_tta-title-text { height: 3.5vw !important; font-size: 1.2vw !important; line-height: 1.2; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* TEXTE EN BAS DES BLOCS ICÔNES */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a > .vc_tta-title-text { height: 3.5vw !important; font-size: 1.2vw !important; line-height: 1.2; } /* ONGLET - HYDROTHÉRAPIE */ .page-id-17174 #bloc-onglets #hydrotherapie .sous-bloc-horaires table td { width: 33.3333333333% !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - SERVICE DE PHYSIOTHERAPIE ****************************************************************************************/ .page-id-17174 #bloc-service-de-physiotherapie > .row > .columns { padding: 0 2.5%; } /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* ICÔNES */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab a:before { zoom: 0.85; } /* TEXTE EN BAS DES BLOCS ICÔNES */ .page-id-17174 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a > .vc_tta-title-text { height: 2.5vw !important; font-size: 1.3vw !important; line-height: 1.1; } /* ONGLET - HYDROTHÉRAPIE */ .page-id-17174 #bloc-onglets #hydrotherapie .sous-bloc-horaires table td { width: 33.3333333333% !important; } .page-id-17174 #bloc-onglets #hydrotherapie .sous-bloc-horaires table td:first-child { text-align: left !important; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC CHRONOLOGIE : ON GARDE LES QUATRE COLONNES */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-chronologie > .row > .columns { width: 25% !important; display: inline-block !important; vertical-align: top; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC TROIS COLONNES : ON GARDE LES TROIS COLONNES */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-trois-colonnes > .row > .columns { width: 33.33333333333% !important; display: inline-block !important; vertical-align: top; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 400px !important; max-height: 400px !important; min-height: 400px !important; } /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC TITRE CHRONOLOGIE : ON ENLÈVE LE PADDING-LEFT */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-titre-chronologie { padding-left: 0 !important; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC ÉVOLUTION SURFTHÉRZPIE : ON ENLÈVE LE PADDING-LEFT */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-titre-evolution-surftherapie { padding-left: 0 !important; } /* ONGLETS */ .page-id-17174 .vc_tta.vc_general .vc_tta-panel { padding: 10px 20px; } .page-id-17174 .vc_tta.vc_general .vc_tta-panel-heading, .page-id-17174 .dfd_tabs_block .dfd_tta_tabs .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading, .page-id-17174 .dfd_tabs_block .dfd_tta_tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading a:hover { border-color: #8eb71e !important; } .page-id-17174 .vc_tta.vc_general .vc_tta-panel a:hover, .page-id-17174 .vc_tta-panel-heading a:hover, .page-id-17174 .vc_active .vc_tta-panel-heading a { color: #8eb71e !important; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC TITRE CHRONOLOGIE : ON ENLÈVE LE PADDING-LEFT */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-titre-chronologie { padding-left: 0 !important; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC ÉVOLUTION SURFTHÉRZPIE : ON ENLÈVE LE PADDING-LEFT */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-titre-evolution-surftherapie > .row > .columns.twelve { padding-left: 0 !important; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC CHRONOLOGIE : ON PASSE EN DEUX COLONNES */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-chronologie > .row > .columns { width: 50% !important; display: inline-block !important; vertical-align: top; margin-bottom: 30px; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC TROIS COLONNES : ON GARDE LES TROIS COLONNES */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-trois-colonnes > .row > .columns { width: 33.33333333333% !important; display: inline-block !important; vertical-align: top; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17174 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 360px !important; max-height: 360px !important; min-height: 360px !important; } /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* ONGLETS */ .page-id-17174 .vc_tta.vc_general .vc_tta-panel { padding: 10px 20px; } .page-id-17174 .vc_tta.vc_general .vc_tta-panel-heading, .page-id-17174 .dfd_tabs_block .dfd_tta_tabs .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading, .page-id-17174 .dfd_tabs_block .dfd_tta_tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading a:hover { border-color: #8eb71e !important; } .page-id-17174 .vc_tta.vc_general .vc_tta-panel a:hover, .page-id-17174 .vc_tta-panel-heading a:hover, .page-id-17174 .vc_active .vc_tta-panel-heading a { color: #8eb71e !important; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC TITRE CHRONOLOGIE : ON ENLÈVE LE PADDING-LEFT */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-titre-chronologie { padding-left: 0 !important; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC ÉVOLUTION SURFTHÉRZPIE : ON ENLÈVE LE PADDING-LEFT */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-titre-evolution-surftherapie > .row > .columns.twelve { padding-left: 0 !important; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC CHRONOLOGIE : ON PASSE EN DEUX COLONNES */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-chronologie > .row > .columns { width: 50% !important; display: inline-block !important; vertical-align: top; margin-bottom: 30px; } /* ONGLET - SURFTHÉRAPIE - SOUS-BLOC TROIS COLONNES : ON GARDE LES TROIS COLONNES */ .page-id-17174 #bloc-onglets #surftherapie .sous-bloc-trois-colonnes > .row > .columns { width: 33.33333333333% !important; display: inline-block !important; vertical-align: top; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > PÔLE DIABÈTE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17253 h2.uvc-main-heading { text-align: center; } .page-id-17253 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17253 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17253 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17253 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17253 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /**************************************************************************************** TABLEAUX ****************************************************************************************/ .page-id-17253 #layout table { border: none; } .page-id-17253 #layout table > tbody > tr { border: none; background: none; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17253 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - RENSEIGNEMENTS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17253 #bloc-renseignements { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 190px 150px; } /*************************************************************************************** **************************************************************************************** BLOC - INSULINOTHÉRAPIE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TABLEAU ****************************************************************************************/ .page-id-17253 #bloc-insulinotherapie table > tbody > tr > td:first-child { width: 40%; } .page-id-17253 #bloc-insulinotherapie table > tbody > tr > td:last-child { width: 60%; } /**************************************************************************************** CTA ****************************************************************************************/ .page-id-17253 #bloc-insulinotherapie .ubtn:hover { background: #a0d64f !important; } /*************************************************************************************** **************************************************************************************** POPUP - CONTACT FORM 7 **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRE ****************************************************************************************/ .page-id-17253 #fancybox-content .uvc-heading { opacity: 1 !important; } /**************************************************************************************** PARAGRAPHES ****************************************************************************************/ .page-id-17253 #fancybox-content p { text-align: left; } /**************************************************************************************** LABEL ****************************************************************************************/ .page-id-17253 #fancybox-content label { width: 100%; } /**************************************************************************************** INPUT ****************************************************************************************/ .page-id-17253 #fancybox-content input:not(.wpcf7-submit) { border: none; border-bottom: 1px solid #8eb71e; padding: 0; height: 30px; } .page-id-17253 #fancybox-content input[type="text"], .page-id-17253 #fancybox-content input[type="email"] { font-style: italic; color: #8eb71e; } /**************************************************************************************** INPUT - DATE DE NAISSANCE ****************************************************************************************/ .page-id-17253 #fancybox-content .date-de-naissance label { text-align: left; } .page-id-17253 #fancybox-content .date-de-naissance input { border: 1px solid #8eb71e; width: 75px; height: 30px; padding: 0 10px; display: inline-block; } .page-id-17253 #fancybox-content .date-de-naissance input:last-child { width: 100px; } .page-id-17253 #fancybox-content .date-de-naissance input { margin-left: 15px; } /**************************************************************************************** CTA ****************************************************************************************/ .page-id-17253 #fancybox-content .cta.identique-aux-ctas-de-la-ligniere { text-align: center; } .page-id-17253 #fancybox-content .cta.identique-aux-ctas-de-la-ligniere .ubtn { background: #8eb71e; } .page-id-17253 #fancybox-content .cta.identique-aux-ctas-de-la-ligniere .ubtn > .ubtn-hover { background: #a0d64f; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /*************************************************************************************** TITRES AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17253 h2.uvc-main-heading { text-align: left !important; margin-bottom: 20px !important; } .page-id-17253 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: 0 !important; left: 0; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /*************************************************************************************** TITRES AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17253 h2.uvc-main-heading { text-align: left !important; margin-bottom: 20px !important; } .page-id-17253 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: 0 !important; left: 0; } /**************************************************************************************** BLOC - PÔLE DIABÈTE ***************************************************************************************/ .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve .row { margin: 0 !important; } /*************************************************************************************** BLOC - DIAFOOD / DIAFIT ****************************************************************************************/ .page-id-17253 #bloc-insulinotherapie > .row > .columns .sous-rangee { padding: 0 30px !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /*************************************************************************************** TITRES AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17253 h2.uvc-main-heading { text-align: left !important; margin-bottom: 20px !important; } .page-id-17253 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: 0 !important; left: 0; } /**************************************************************************************** BLOC - PÔLE DIABÈTE ***************************************************************************************/ .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; width: 100% !important; } .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve .row { margin: 0 !important; } .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve .row > .columns { padding-left: 0 !important; padding-right: 0 !important; } /*************************************************************************************** BLOC - DIAFOOD / DIAFIT ****************************************************************************************/ .page-id-17253 #bloc-diafit-diafood > .row .sous-rangee > .row > .columns { display: inline-block; width: 50%; vertical-align: top; } /*************************************************************************************** BLOC - INSULINOTHÉRAPIE ****************************************************************************************/ .page-id-17253 #bloc-insulinotherapie > .row > .columns.colonne-de-droite { padding: 0 30px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 400px !important; max-height: 400px !important; min-height: 400px !important; } /*************************************************************************************** TITRES AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17253 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17253 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC - PÔLE DIABÈTE ***************************************************************************************/ .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; width: 100% !important; } .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve .row > .columns { padding-left: 0 !important; padding-right: 0 !important; } /*************************************************************************************** BLOC - DIAFOOD / DIAFIT ****************************************************************************************/ .page-id-17253 #bloc-diafit-diafood > .row .sous-rangee > .row > .columns { display: inline-block; width: 50%; vertical-align: top; padding: 5% !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17253 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 360px !important; max-height: 360px !important; min-height: 360px !important; } /*************************************************************************************** TITRES AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17253 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17253 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC - PÔLE DIABÈTE ***************************************************************************************/ .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; width: 100% !important; } .page-id-17253 #layout > .breadcrumb > #bloc-pole-diabete.vc-row-wrapper > .row > .columns.twelve .row > .columns { padding-left: 0 !important; padding-right: 0 !important; } /*************************************************************************************** BLOC - DIAFOOD / DIAFIT ****************************************************************************************/ .page-id-17253 #bloc-diafit-diafood > .row .sous-rangee > .row > .columns { display: block; width: 100%; padding: 5% !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > DIAFOOD / DIAFIT **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17890 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-1717890253 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17890 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17890 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17890 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17890 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - DIAFOOD **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BUG IEXPLORER ****************************************************************************************/ .page-id-17890 #bloc-diafood .columns > .dfd-vertical-aligned, .page-id-17890 #bloc-diafood .columns > .dfd-vertical-aligned > .wpb_wrapper { width: 100%; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** ON AJUSTE POUR QUE LE BLOC DE CONTACT NE SOIT PAS DÉPASSÉ ****************************************************************************************/ .page-id-17890 #bloc-slider #bloc-de-texte { padding: 5px 20px !important; } .page-id-17890 #bloc-slider #bloc-de-texte p.titre { margin-bottom: 5px !important; } .page-id-17890 #bloc-slider #bloc-de-texte table { margin-bottom: 5px !important; } .page-id-17890 #bloc-slider #bloc-de-texte .cta { margin-top: 20px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 400px !important; max-height: 400px !important; min-height: 400px !important; } /*************************************************************************************** **************************************************************************************** BLOC - DIAFOOD **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON N'AFFICHE PAS LE SPACER ****************************************************************************************/ .page-id-17890 #bloc-diafood .columns:first-child .dfd-spacer-module { display: none; } /**************************************************************************************** IMAGE EN PLEIN LARGEUR ****************************************************************************************/ .page-id-17890 #layout > .breadcrumb > #bloc-diafood.vc-row-wrapper > .row > .columns:first-child { padding: 0 !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17890 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 360px !important; max-height: 360px !important; min-height: 360px !important; } /**************************************************************************************** BLOC - SLIDER ****************************************************************************************/ .page-id-17890 #bloc-slider #bloc-texte p.titre { margin-bottom: 20px; } .page-id-17890 #bloc-slider #bloc-de-texte .cta { margin-top: 40px; } /**************************************************************************************** BLOC - SERVICES ****************************************************************************************/ .page-id-17890 #bloc-services .columns { display: block !important; width: 100% !important; } /*************************************************************************************** **************************************************************************************** BLOC - DIAFOOD **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** IMAGE EN PLEIN LARGEUR ****************************************************************************************/ .page-id-17890 #layout > .breadcrumb > #bloc-diafood.vc-row-wrapper > .row > .columns:first-child { padding: 0 !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > Psychologie & Psychothérapies **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17272 h2.uvc-main-heading { text-align: center; } .page-id-17272 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17272 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17272 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17272 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17272 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17272 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - POUR QUI **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TABLEAU ****************************************************************************************/ .page-id-17272 #bloc-pour-qui table { border: none; } .page-id-17272 #bloc-pour-qui table > tbody > tr { background: none; display: block; } .page-id-17272 #bloc-pour-qui table > tbody > tr { margin-bottom: 20px; } .page-id-17272 #bloc-pour-qui table > tbody > tr td { line-height: 1.5; } .page-id-17272 #bloc-pour-qui table > tbody > tr td:first-child { padding: 0; width: 25%; } .page-id-17272 #bloc-pour-qui table > tbody > tr td:last-child { width: 75%; } /*************************************************************************************** **************************************************************************************** BLOC - POUR QUOI **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LIENS ****************************************************************************************/ .page-id-17272 #bloc-pourquoi { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1367px) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17272 #bloc-outils-conditions-remboursements .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four { width: 455.333333333333px; /* 1366px / 3 */ height: 455.333333333333px; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1366px) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17272 #bloc-outils-conditions-remboursements .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four { width: 33.33333333vw; height: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17272 #bloc-outils-conditions-remboursements .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four { width: 33.33333333vw; height: 33.3333333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17272 #bloc-outils-conditions-remboursements .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four { width: 33.33333333vw; height: auto !important; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four .wpb_wrapper { width: 100%; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four h2 { font-size: 20px !important; margin-bottom: 10px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** BLOC - SLIDER ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 250px !important; max-height: 250px !important; min-height: 250px !important; } /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17272 #bloc-outils-conditions-remboursements .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four { width: 33.33333333vw; height: auto !important; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four .wpb_wrapper { width: 100% !important; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four h2 { font-size: 18px !important; margin-bottom: 10px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** BLOC - SLIDER ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17272 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 250px !important; max-height: 250px !important; min-height: 250px !important; } /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17272 #bloc-outils-conditions-remboursements .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; } .page-id-17272 #bloc-outils-conditions-remboursements .columns.four { width: 100vw !important; display: flex !important; min-height: 300px !important; } .page-id-17164 #bloc-rendez-vous-documents .columns.disable-on-mobile-vertical { display: none !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > Neuropsychologie & Logopédie **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17286 h2.uvc-main-heading { text-align: center; } .page-id-17286 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17286 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17286 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17286 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17286 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17286 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - POURQUOI **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17286 #bloc-pourquoi { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** BLOC - PRENEZ UN RENDEZ-VOUS ****************************************************************************************/ /**************************************************************************************** BLOC 1/3 : HAUTEUR = LARGEUR ****************************************************************************************/ .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four { width: 33.33333333vw; height: 33.3333333vw !important; } /**************************************************************************************** BLOC 2/3 ****************************************************************************************/ .page-id-17286 #bloc-prenez-un-rendez-vous .columns.eight { width: 66.66666666vw; height: 33.3333333vw !important; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1367px) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17286 #bloc-prenez-un-rendez-vous .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four { width: 455.333333333333px; /* 1366px / 3 */ height: 455.333333333333px !important; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.eight { width: 910.666666666666px; /* 1366px / 3 */ height: 455.333333333333px !important; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1366px) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17286 #bloc-prenez-un-rendez-vous .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four { width: 33.33333333vw; height: 33.3333333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.eight { width: 66.66666666666vw; height: 33.3333333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17286 #bloc-prenez-un-rendez-vous .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four { width: 33.33333333vw; height: 33.3333333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.eight { width: 66.66666666666vw; height: 33.3333333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17286 #bloc-prenez-un-rendez-vous .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four { width: 33.33333333vw; height: auto !important; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.eight { width: 66.66666666666vw; height: auto !important; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four .wpb_wrapper { width: 100%; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four h2 { font-size: 20px !important; margin-bottom: 10px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** BLOC - SLIDER ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 400px !important; max-height: 400px !important; min-height: 400px !important; } /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17286 #bloc-prenez-un-rendez-vous .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four { width: 33.33333333vw; height: auto !important; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.eight { width: 66.66666666666vw; height: auto !important; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four .wpb_wrapper { width: 100% !important; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four h2 { font-size: 18px !important; margin-bottom: 10px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** BLOC - SLIDER ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta), .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3), .page-id-17286 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element ul.tp-revslider-mainul > li > .tp-parallax-wrap:nth-child(3) div:not(.cta) { height: 360px !important; max-height: 360px !important; min-height: 360px !important; } /**************************************************************************************** BLOC - RDV - DOCUMENTS ****************************************************************************************/ .page-id-17286 #bloc-prenez-un-rendez-vous .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.four { width: 100vw !important; display: flex !important; min-height: 300px !important; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.eight { width: 100vw !important; display: flex !important; min-height: 300px !important; } .page-id-17286 #bloc-prenez-un-rendez-vous .columns.disable-on-mobile-vertical { display: none !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CENTRE DE VACCINATION COVID-19 (& page RDV) **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** WPBAKERY DEFAULT ROWS — Same as banner **************************************************************************************** ****************************************************************************************/ .centre-de-vaccination #layout > div > .wpb_row:not(#bloc-plan), .centre-de-vaccination #layout > div > .wpb_row:not(#bloc-plan) > .row { margin: 0 auto; } .centre-de-vaccination #layout > div > .wpb_row:not(#bloc-plan) > .row { width: 100% !important; } @media (max-width: 1279px) { .centre-de-vaccination #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.three { display: inline-block; width: 25% !important; } } @media (max-width: 1199px) { .centre-de-vaccination #layout > div > .wpb_row:not(#bloc-plan) { padding: 0 15px !important; } } @media (max-width: 1500px) and (min-width: 1280px) { .centre-de-vaccination #layout > div > .wpb_row:not(#bloc-plan) { width: 90% !important; } } @media (min-width: 1500px) { .centre-de-vaccination #layout > div > .wpb_row:not(#bloc-plan) { width: 1366px !important; max-width: 1366px !important; min-width: 1366px !important; } } /*************************************************************************************** **************************************************************************************** BLOC CLINIQUES **************************************************************************************** ****************************************************************************************/ .centre-de-vaccination #bloc-cliniques .columns > .wpb_wrapper { margin: auto; } @media (min-width: 501px) and (max-width: 991px) { .centre-de-vaccination #bloc-cliniques .ult-spacer { display: none !important; } } @media (max-width: 500px) { .centre-de-vaccination #bloc-cliniques .columns:last-child .ult-spacer { display: none !important; } } /*************************************************************************************** **************************************************************************************** BLOC VIDEO **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** COLONNES ****************************************************************************************/ @media (max-width: 991px) { .centre-de-vaccination #bloc-video .columns { height: auto !important; min-height: 0px !important; } .centre-de-vaccination #bloc-video .columns > .dfd-vertical-aligned { top: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } } @media (min-width: 1366px) { .centre-de-vaccination #bloc-video .columns { height: 375px !important; } } /**************************************************************************************** COLONNE PRÉSENTATION ****************************************************************************************/ @media (min-width: 992px) and (max-width: 1199px) { .centre-de-vaccination #bloc-video .presentation { padding-right: 45px !important; } } @media (max-width: 991px) { .centre-de-vaccination #bloc-video .presentation { padding-right: 0 !important; } } /**************************************************************************************** BLOCS EN-DESSOUS L'UN DE L'AUTRE ****************************************************************************************/ @media (max-width: 991px) { .centre-de-vaccination #bloc-video > .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 992px) { .centre-de-vaccination #bloc-video .ult-spacer { display: none !important; } } /**************************************************************************************** VIDÉO : COMPORTEMENT HOMOTHETIC (1366px / 769px) ****************************************************************************************/ .centre-de-vaccination #bloc-video video { width: calc((100vw - 2*15px)/2) !important; height: auto !important; max-width: 100%; } .centre-de-vaccination #bloc-video .video-poster-image { display: none !important; } @media (max-width: 767px) { html:not(.vc_desktop) .centre-de-vaccination #bloc-video .video-poster-image { display: block !important; position: absolute; top: 0; } } @media (max-width: 991px) { .centre-de-vaccination #bloc-video video { width: calc((100vw - 2*15px)) !important; } } /*************************************************************************************** **************************************************************************************** BLOC CARTE / PLAN D'ACCÈS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON MET EN PLEINE LARGEUR ****************************************************************************************/ .centre-de-vaccination #bloc-plan .row { width: 100vw !important; max-width: 100vw !important; } @media (max-width: 767px) { .centre-de-vaccination #bloc-plan .row { width: 100% !important; margin: 0 -15px !important; } } /*************************************************************************************** **************************************************************************************** SOUS-BLOC CARTE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PLEINE HAUTEUR ****************************************************************************************/ .centre-de-vaccination #bloc-plan .sous-bloc-carte * { height: 100%; } .centre-de-vaccination #bloc-plan .sous-bloc-carte .wpb_wrapper { overflow: hidden; width: 100%; } .centre-de-vaccination #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { width: 100% !important; max-width: 100% !important; } @media (max-width: 450px) { .centre-de-vaccination #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { height: 300px; } } /*************************************************************************************** **************************************************************************************** SOUS-BLOC INFORMATIONS D'ACCÈS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEUR PRINCIPAL ****************************************************************************************/ /* BORDURE - FOND */ .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces { border: 20px solid #ebebeb; background: white; } /**************************************************************************************** COLONNES 1/2 ****************************************************************************************/ .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces .column.six { display: inline-block !important; min-height: 120px !important; min-width: 0px !important; box-shadow: none !important; padding: 0 !important; } .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces .column.bloc-clinique { padding-right: 30px !important; } @media (max-width: 1199px) { .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces .column.six { display: block !important; width: 100% !important; padding-right: 0 !important; } } .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces .column.six p { line-height: inherit !important; text-align: left !important; font-size: inherit !important; font-weight: inherit !important; } .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces .column.twelve { display: block !important; width: 100% !important; min-height: 0px; padding: 0 !important; } /**************************************************************************************** SOUS-TITRE H3 ****************************************************************************************/ .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces h3 { margin-top: 30px; margin-bottom: 10px; } .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces h3:first-child { margin-top: 0; } /**************************************************************************************** CTA - HORAIRES EN LIGNE ****************************************************************************************/ .centre-de-vaccination #bloc-plan .sous-bloc-informations-d-acces .cta-horaires-en-ligne { padding: 5px; margin: 10px 0; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** SOUS-BLOCS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON LES FAIT PASSER L'UN SOUS L'AUTRE ****************************************************************************************/ .centre-de-vaccination #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row { display: block; } .centre-de-vaccination #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row > .columns.six.sous-bloc-carte, .centre-de-vaccination #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row > .columns.six.sous-bloc-informations-d-acces { display: block; width: 100% !important; } /*************************************************************************************** **************************************************************************************** SOUS-BLOC CARTE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** IFRAME ****************************************************************************************/ .centre-de-vaccination #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { height: 400px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** SOUS-BLOC CARTE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PADDINGS ****************************************************************************************/ .centre-de-vaccination #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row > .columns.sous-bloc-carte { padding: 0 !important; } /**************************************************************************************** IFRAME ****************************************************************************************/ .centre-de-vaccination #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { height: 400px; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** SOUS-BLOC CARTE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PADDINGS ****************************************************************************************/ .centre-de-vaccination #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row > .columns.sous-bloc-carte { padding: 0 !important; } /**************************************************************************************** IFRAME ****************************************************************************************/ .centre-de-vaccination #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { height: 400px; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CENTRE DE VACCINATION COVID-19 > PRENDRE RDV **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC ONEDOC **************************************************************************************** ****************************************************************************************/ .centre-de-vaccination.prendre-rendez-vous .bloc-onedoc { text-align: center !important; } @media (max-width: 800px) { .centre-de-vaccination.prendre-rendez-vous .rangee-onedoc > .row { margin: 0 !important; } .centre-de-vaccination.prendre-rendez-vous .rangee-onedoc > .row > .columns, .centre-de-vaccination.prendre-rendez-vous .bloc-onedoc { width: 100% !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CENTRE DE SANTÉ **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SURLIGNEMENT ADAPTÉ ****************************************************************************************/ /* EFFET DE SURLIGNEMENT - ON LE PLACE JUSTE SOUS L'ÉLÉMENT DE MENU */ .page-id-16841 #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0:after { background: #3ab0e5 !important; } /*************************************************************************************** **************************************************************************************** BLOC - REVOLUTION SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .tp-videoposter { display: none !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS (SAUF SUR TABLETTES / MOBILES) ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } /**************************************************************************************** BLOC DE TEXTE - BACKGROUND ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** IMAGE POSTER DE REMPLACEMENT DE LA VIDÉO : ON N'AFFICHE PAS SAUF SUR TABLETTES / MOBILES ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .tp-videoposter { display: block !important; } /**************************************************************************************** FOND VIDÉO : ON N'AFFICHE PAS ****************************************************************************************/ .page-id-16841 #bloc-revolution-slider .rs-background-video-layer { display: none !important; } } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * HERO * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * CTA * ════════════════════════════════════════════════════════════════════════════════════ */ .page-id-16841 #blocBandeau .bandeauSousTitre:hover > a { color: #3ab0e5 !important; text-decoration: underline; } /*************************************************************************************** **************************************************************************************** BLOC - NOS ACTIVITÉS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC - BLOC HOVER ****************************************************************************************/ .page-id-16841 #bloc-nos-activites .row { overflow: hidden; } .page-id-16841 #bloc-nos-activites .row a.ubtn-link { margin: 0; padding: 0; } .page-id-16841 #bloc-nos-activites .columns.three > .wpb_wrapper .wpb_wrapper-hover { z-index: 2; margin: 0 10px; width: calc(100% - 20px); height: 100%; position: absolute; top: -100%; left: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; background: transparent; } .page-id-16841 #bloc-nos-activites .columns.three:hover > .wpb_wrapper .wpb_wrapper-hover { top: 0; background-color: rgba(200, 200, 200, 0.5); background-size: calc(100% - 20px) auto; display: block; } .page-id-16841 #bloc-nos-activites .sous-bloc-images .columns > .wpb_wrapper .vc_single_image-wrapper, .page-id-16841 #bloc-nos-activites .sous-bloc-images .columns > .wpb_wrapper .vc_single_image-wrapper img { width: 100%; } /*************************************************************************************** **************************************************************************************** BLOC - NOTRE MISSION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LOGO À GAUCHE DU TITRE H2 ****************************************************************************************/ .page-id-16841 #bloc-mission h2:before { content: url("/wp-content/uploads/2017/05/la-ligniere-centre-sante-arbre.png"); height: 70px; width: 70px; display: inline-block; vertical-align: middle; margin-right: 20px; } /**************************************************************************************** ALIGNEMENT VERTICAL IMAGE / TITRE ****************************************************************************************/ .page-id-16841 #bloc-mission .uvc-heading h2 { line-height: 70px; display: inline-block; vertical-align: middle; } /*************************************************************************************** **************************************************************************************** BLOC - NOS ACTIVITÉS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC-IMAGES - CTA ****************************************************************************************/ .page-id-16841 #bloc-activites-de-sante .sous-bloc-images .ubtn-ctn-center > .ubtn-block { height: 70px; margin: 0; padding: 0; } .page-id-16841 #bloc-activites-de-sante .sous-bloc-images .ubtn-ctn-center > .ubtn-block > .ubtn-text { margin: 0; padding: 10px; line-height: 50px; } .page-id-16841 #bloc-activites-de-sante .sous-bloc-images .ubtn-ctn-center > .ubtn-block.deux-lignes > .ubtn-text { line-height: 25px; } /**************************************************************************************** SOUS-BLOC - PRENDRE UN RDV ****************************************************************************************/ .page-id-16841 #bloc-activites-de-sante .sous-bloc-prendre-un-RDV .ubtn { padding: 10px; } /*************************************************************************************** **************************************************************************************** BLOC - INSCRIPTION À L'AQUAGYM **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-16841 #bloc-inscription-a-l-aquagym { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 330px 250px; } /**************************************************************************************** SOUS-BLOC DE GAUCHE — CTA ****************************************************************************************/ .page-id-16841 #bloc-inscription-a-l-aquagym .sous-bloc-de-gauche .ubtn { padding: 10px 20px; } /*************************************************************************************** **************************************************************************************** BLOC - HORAIRES D'OUVERTURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC - SOUS-TITRES ****************************************************************************************/ .page-id-16841 #bloc-horaires-ouverture .bloc-sous-titres .sous-titre:after { content: ""; display: block; background: #3ab0e5; height: 2px; margin: 20px auto 0 auto; width: 200px; } /*************************************************************************************** **************************************************************************************** BLOC - PLAN D'ACCÈS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC RANGÉE - SOUS-SOUS BLOC DE GAUCHE ****************************************************************************************/ .page-id-16841 #bloc-plan-acces > .row .sous-bloc-rangee > .row { display: flex; } .page-id-16841 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns, .page-id-16841 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche * { display: flex; flex-grow: 1; flex-direction: column; height: inherit; } /**************************************************************************************** SOUS-BLOC RANGÉE - SOUS-SOUS BLOC DE DROITE ****************************************************************************************/ /* CONTENEUR INTERNE */ .page-id-16841 #bloc-plan-acces > .row .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-droite > .wpb_wrapper { background: white !important; padding: 20px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - NOTRE MISSION ****************************************************************************************/ .page-id-16841 #bloc-mission > .row > .columns.colonne-de-texte { padding: 0 2.5% !important; } /**************************************************************************************** BLOC - NOS ACTIVITÉS ****************************************************************************************/ .page-id-16841 #bloc-nos-activites .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 25% !important; } /**************************************************************************************** BLOC - HORAIRES D'OUVERTURE ****************************************************************************************/ .page-id-16841 #bloc-horaires-ouverture > .row > .columns.twelve { display: block !important; width: 100% !important; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-sous-titres { display: block !important; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-sous-titres > .row > .columns { display: inline-block !important; width: 50% !important; vertical-align: top; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-horaires > .row > .columns { display: inline-block !important; width: 50% !important; vertical-align: top; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16841 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16841 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: inline-block !important; width: 50% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 420px !important; max-height: 420px !important; min-height: 420px !important; } /**************************************************************************************** BLOC - NOS ACTIVITÉS ****************************************************************************************/ .page-id-16841 #bloc-nos-activites .sous-bloc-images { padding: 0 5% !important; } .page-id-16841 #bloc-nos-activites .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 25% !important; } /**************************************************************************************** BLOC - HORAIRES D'OUVERTURE ****************************************************************************************/ .page-id-16841 #bloc-horaires-ouverture > .row > .columns.twelve { display: block !important; width: 100% !important; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-sous-titres { display: block !important; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-sous-titres > .row > .columns { display: inline-block !important; width: 50% !important; vertical-align: top; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-horaires > .row > .columns { display: inline-block !important; width: 50% !important; vertical-align: top; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16841 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16841 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: block !important; width: 100% !important; } .page-id-16841 #bloc-plan-acces .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche { height: 250px !important; } /**************************************************************************************** BLOC - INSTAGRAM ****************************************************************************************/ .page-id-16841 #bloc-instagram #sbi_images { padding: 0 !important; } /*.page-id-16841 #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 33.33333333vw !important; height: 33.33333333vw !important; padding: 0 !important; margin: 0 !important; }*/ } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-16841 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 410px !important; max-height: 410px !important; min-height: 410px !important; } /**************************************************************************************** BLOC - NOTRE MISSION ****************************************************************************************/ .page-id-16841 #bloc-mission > .row > .columns.colonne-de-texte { padding-left: 30px !important; padding-right: 30px !important; } .page-id-16841 #bloc-mission > .row > .columns.colonne-de-texte h2 { font-size: 25px !important; } /**************************************************************************************** BLOC - NOS ACTIVITÉS ****************************************************************************************/ .page-id-16841 #bloc-nos-activites .sous-bloc-images { padding: 0 5% !important; } .page-id-16841 #bloc-nos-activites .sous-bloc-images > .row > .columns.three { display: inline-block !important; width: 50% !important; margin-bottom: 5% !important; } /**************************************************************************************** BLOC - HORAIRES D'OUVERTURE ****************************************************************************************/ .page-id-16841 #bloc-horaires-ouverture { padding-left: 30px !important; padding-right: 30px !important; } .page-id-16841 #bloc-horaires-ouverture > .row > .columns.twelve { display: block !important; width: 100% !important; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-sous-titres { display: block !important; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-sous-titres > .row > .columns { display: inline-block !important; width: 50% !important; vertical-align: top; } .page-id-16841 #bloc-horaires-ouverture .sous-bloc-horaires > .row > .columns { display: inline-block !important; width: 50% !important; vertical-align: top; } /**************************************************************************************** BLOC - PLAN D'ACCÈS ****************************************************************************************/ .page-id-16841 #bloc-plan-acces .sous-bloc-rangee > .row { display: block !important; width: 100% !important; } .page-id-16841 #bloc-plan-acces .sous-bloc-rangee > .row > .columns { display: block !important; width: 100% !important; } .page-id-16841 #bloc-plan-acces .sous-bloc-rangee > .row > .columns.sous-sous-bloc-de-gauche { height: 250px !important; } /**************************************************************************************** BLOC - INSTAGRAM ****************************************************************************************/ .page-id-16841 #bloc-instagram #sbi_images { padding: 0 !important; } /*.page-id-16841 #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 50vw !important; height: 50vw !important; padding: 0 !important; margin: 0 !important; }*/ } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE DE SANTÉ **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SURLIGNEMENT ADAPTÉ ****************************************************************************************/ /* EFFET DE SURLIGNEMENT - ON LE PLACE JUSTE SOUS L'ÉLÉMENT DE MENU */ .parent-pageid-16841 #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0:after { background: #3ab0e5 !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * HERO * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * CTA * ════════════════════════════════════════════════════════════════════════════════════ */ .parent-pageid-16841 #blocBandeau .bandeauSousTitre:hover > a { color: inherit !important; text-decoration: underline; } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE DE SANTÉ > OFFRE DÉCOUVERTE **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-19902 h2.uvc-main-heading { text-align: center; } .page-id-19902 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-19902 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-19902 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left !important; } .page-id-19902 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-19902 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px !important; } /*************************************************************************************** **************************************************************************************** BLOC BANDEAU **************************************************************************************** ****************************************************************************************/ .page-id-19902 #bloc-bandeau * { font-family: "MontserratMedium"; color: white; } .page-id-19902 #bloc-bandeau b { font-family: "Montserrat Bold"; color: white; } /*************************************************************************************** **************************************************************************************** BLOC INTRODUCTION **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC SERVICES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-TITRES ****************************************************************************************/ .page-id-19902 #bloc-services a { font-size: 18px; padding-top: 30px; font-family: "Montserrat"; } .page-id-19902 #bloc-services a:before { display: none; } .page-id-19902 #bloc-services a:hover { color: #3ab0e5; } /*************************************************************************************** **************************************************************************************** BLOC OFFRE SPÉCIALE **************************************************************************************** ****************************************************************************************/ .page-id-19902 #bloc-offre-speciale strong { font-family: "Montserrat Bold"; } /*************************************************************************************** **************************************************************************************** BLOC HORAIRE D'OUVERTURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOCS DE MÊME HAUTEUR ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture > .row { display: flex !important; } .page-id-19902 #bloc-horaire-d-ouverture > .row > .sous-bloc-de-droite, .page-id-19902 #bloc-horaire-d-ouverture > .row > .sous-bloc-de-gauche { display: flex !important; } /**************************************************************************************** SOUS-BLOC DE DROITE - IMAGE DE FOND ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 330px 250px; } .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite > .wpb_wrapper { width: 100%; } /**************************************************************************************** SOUS-BLOC DE DROITE - TABLEAU ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite table, .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite table * { background: none; border: none; } .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite table > tbody > tr > td { padding: 10px 0; } /************************************************************************************************************************************* ************************************************************************************************************************************** RESPONSIVITÉ ************************************************************************************************************************************** **************************************************************************************************************************************/ /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC INTRODUCTION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LIGNE DE TITRE ****************************************************************************************/ .page-id-19902 #layout > .breadcrumb > #bloc-introduction.vc-row-wrapper > .row h2.uvc-main-heading { text-align: center !important; } /**************************************************************************************** LIGNE DE TITRE ****************************************************************************************/ .page-id-19902 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { display: none; } /**************************************************************************************** COLONNE DE TEXTE ****************************************************************************************/ .page-id-19902 #bloc-introduction .colonne-de-texte { padding-left: 5% !important; padding-right: 5% !important; } /*************************************************************************************** **************************************************************************************** BLOC HORAIRE D'OUVERTURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC DE DROITE - CTA ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite .bloc-cta .wpb_wrapper { text-align: center !important; } } /* Tablettes Verticales */ @media (max-width: 800px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC INTRODUCTION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LIGNE DE TITRE ****************************************************************************************/ .page-id-19902 #layout > .breadcrumb > #bloc-introduction.vc-row-wrapper > .row h2.uvc-main-heading { text-align: left !important; } /**************************************************************************************** LIGNE DE TITRE ****************************************************************************************/ .page-id-19902 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { display: none; } /**************************************************************************************** COLONNE DE TEXTE ****************************************************************************************/ .page-id-19902 #bloc-introduction .colonne-de-texte { padding-left: 5% !important; padding-right: 5% !important; } /*************************************************************************************** **************************************************************************************** BLOC OFFRE SPÉCIALE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC DE TEXTE - ON CONSERVE LA PRÉSENTATION EN COLONNE 1/4 - 1/2 - 1/4 ****************************************************************************************/ .page-id-19902 #bloc-offre-speciale .sous-bloc-de-texte .columns.three { display: inline-block; width: 25% !important; } .page-id-19902 #bloc-offre-speciale .sous-bloc-de-texte .columns.six { display: inline-block; width: 50% !important; } /*************************************************************************************** **************************************************************************************** BLOC HORAIRE D'OUVERTURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC DE DROITE - PADDINGS ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite { padding: 0 5% !important; } /**************************************************************************************** ON CENTRE TITRE ET LIGNE DE SÉPARATION ****************************************************************************************/ .page-id-19902 .ligne-alignee-a-gauche h2.uvc-main-heading { text-align: center; } .page-id-19902 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-top: 30px; float: none !important; right: 0 !important; } /**************************************************************************************** SOUS-BLOC DE DROITE - CTA ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite .bloc-cta .wpb_wrapper { text-align: center !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC INTRODUCTION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LIGNE DE TITRE ****************************************************************************************/ .page-id-19902 #layout > .breadcrumb > #bloc-introduction.vc-row-wrapper > .row h2.uvc-main-heading { text-align: left !important; } /**************************************************************************************** COLONNES ****************************************************************************************/ .page-id-19902 #layout > .breadcrumb > #bloc-introduction.vc-row-wrapper.rangee-flex > .row > .columns.colonne-flex-image { height: auto !important; } /**************************************************************************************** LIGNE DE TITRE ****************************************************************************************/ .page-id-19902 #bloc-introduction .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { display: none; } /*************************************************************************************** **************************************************************************************** BLOC SERVICES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SUR DEUX COLONNES ****************************************************************************************/ .page-id-19902 #layout > .breadcrumb > #bloc-services.vc-row-wrapper > .row { display: block; font-size: 0; } .page-id-19902 #layout > .breadcrumb > #bloc-services.vc-row-wrapper > .row > .columns.three { display: inline-block; vertical-align: top; width: 25% !important; padding-left: 10px !important; padding-right: 10px !important; } /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-19902 #bloc-services .columns a { font-size: 14px; } /*************************************************************************************** **************************************************************************************** BLOC OFFRE SPÉCIALE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC DE TEXTE - ON CONSERVE LA PRÉSENTATION EN COLONNE 1/4 - 1/2 - 1/4 ****************************************************************************************/ .page-id-19902 #bloc-offre-speciale .sous-bloc-de-texte .columns.three { display: inline-block; width: 20% !important; } .page-id-19902 #bloc-offre-speciale .sous-bloc-de-texte .columns.six { display: inline-block; width: 60% !important; } /*************************************************************************************** **************************************************************************************** BLOC HORAIRE D'OUVERTURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC DE GAUCHE - ON N'AFFICHE PAS ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture > .row > .sous-bloc-de-gauche { display: none !important; } /**************************************************************************************** SOUS-BLOC DE DROITE - CTA ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite { width: 100%; } .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite .bloc-cta .columns.six { width: 50%; display: inline-block; } .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite .bloc-cta .wpb_wrapper { text-align: center !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC INTRODUCTION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LIGNE DE TITRE ****************************************************************************************/ .page-id-19902 #layout > .breadcrumb > #bloc-introduction.vc-row-wrapper > .row h2.uvc-main-heading { text-align: left !important; } /**************************************************************************************** LIGNE DE TITRE ****************************************************************************************/ .page-id-19902 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { display: none; } /*************************************************************************************** **************************************************************************************** BLOC BANDEAU **************************************************************************************** ****************************************************************************************/ .page-id-19902 #bloc-bandeau h1.widget-title.uvc-main-heading { font-size: 25px !important; line-height: 1.2 !important; } .page-id-19902 #bloc-bandeau h3.widget-sub-title.uvc-sub-heading { font-size: 20px !important; line-height: 1.2 !important; } /*************************************************************************************** **************************************************************************************** BLOC SERVICES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SUR UNE COLONNE ****************************************************************************************/ .page-id-19902 #layout > .breadcrumb > #bloc-services.vc-row-wrapper > .row { display: block; font-size: 0; } .page-id-19902 #layout > .breadcrumb > #bloc-services.vc-row-wrapper > .row > .columns.three { display: inline-block; vertical-align: top; width: 50% !important; padding-left: 10px !important; padding-right: 10px !important; } /*************************************************************************************** **************************************************************************************** BLOC OFFRE SPÉCIALE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC DE TEXTE - ON CONSERVE LA PRÉSENTATION EN COLONNE 1/4 - 1/2 - 1/4 ****************************************************************************************/ .page-id-19902 #bloc-offre-speciale .sous-bloc-de-texte .columns.three { display: inline-block; width: 10% !important; } .page-id-19902 #bloc-offre-speciale .sous-bloc-de-texte .columns.six { display: inline-block; width: 80% !important; } /*************************************************************************************** **************************************************************************************** BLOC HORAIRE D'OUVERTURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC DE GAUCHE - ON N'AFFICHE PAS ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture > .row > .sous-bloc-de-gauche { display: none !important; } /**************************************************************************************** SOUS-BLOC DE DROITE - CTA ****************************************************************************************/ .page-id-19902 #bloc-horaire-d-ouverture .sous-bloc-de-droite .bloc-cta .wpb_wrapper { text-align: center !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE DE SANTÉ > COACHING **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17033 h2.uvc-main-heading { text-align: center; } .page-id-17033 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17033 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17033 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17033 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17033 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17033 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - ACCOMPAGNEMENT **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC - COACHING **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC - INSCRIPTIONS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** HAUTEUR = LARGEUR ****************************************************************************************/ /*.page-id-17033 #bloc-inscriptions .columns.four { width: 33.33333333vw; height: 33.33333333vw; } */ /**************************************************************************************** ON CORRIGE L'ALIGNEMENT VERTICAL QUI SE DÉCALE QUAND ON RAJOUTE LE PADDING DE 2.5% ****************************************************************************************/ /*.page-id-17033 #bloc-inscriptions .columns.four > .wpb_wrapper { position: relative; top: 50%; -webkit-transform: translateY(-52.5%); -moz-transform: translateY(-52.5%); -o-transform: translateY(-52.5%); transform: translateY(-52.5%); }/ /**************************************************************************************** LINE-HEIGHT DU BLOC CENTRAL ****************************************************************************************/ /* .page-id-17033 #bloc-inscriptions .columns.four.bloc-du-milieu { line-height: 1.2; } */ /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1367px) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17033 #bloc-inscriptions .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17033 #bloc-inscriptions .columns.four { width: 455.333333333333px; /* 1366px / 3 */ height: 455.333333333333px !important; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17033 #bloc-inscriptions .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1366px) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17033 #bloc-inscriptions .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17033 #bloc-inscriptions .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17033 #bloc-inscriptions .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17033 #bloc-inscriptions .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17033 #bloc-inscriptions .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17033 #bloc-inscriptions .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17033 #bloc-inscriptions .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17033 #bloc-inscriptions .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17033 #bloc-inscriptions .columns.four .wpb_wrapper { width: 100%; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 420px !important; max-height: 420px !important; min-height: 420px !important; } /*************************************************************************************** **************************************************************************************** BLOC - TITRE COACHING **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** BLOC - COLONNES 12/12 ****************************************************************************************/ .page-id-17033 #layout > .breadcrumb > #bloc-coaching-01.vc-row-wrapper > .row > .columns { padding-left: 30px !important; padding-right: 30px !important; } /*************************************************************************************** **************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS **************************************************************************************** ****************************************************************************************/ .page-id-17033 #bloc-inscriptions .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .page-id-17033 #bloc-inscriptions .columns.four { width: 33.33333333vw !important; display: flex !important; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17033 #bloc-inscriptions .columns.four .wpb_wrapper { width: 100% !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS **************************************************************************************** ****************************************************************************************/ .page-id-17033 h2 { font-size: 22px !important; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17033 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 420px !important; max-height: 420px !important; min-height: 420px !important; } /*************************************************************************************** **************************************************************************************** BLOC - ACCOMPAGNEMENT **************************************************************************************** ****************************************************************************************/ .page-id-17033 #bloc-accompagnement .columns:last-child { display: block !important; } /*************************************************************************************** **************************************************************************************** BLOC - TITRE COACHING **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** BLOC - COLONNES 12/12 ****************************************************************************************/ .page-id-17033 #layout > .breadcrumb > #bloc-coaching-01.vc-row-wrapper > .row > .columns { padding-left: 30px !important; padding-right: 30px !important; } /*************************************************************************************** **************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS **************************************************************************************** ****************************************************************************************/ .page-id-17033 #bloc-inscriptions .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; } .page-id-17033 #bloc-inscriptions .columns.four { width: 100vw !important; display: flex !important; min-height: 300px !important; } .page-id-17033 #bloc-inscriptions .columns.four.disable-on-mobile { display: none !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE DE SANTÉ > ÉCOLE DE NATATION **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** CTA DÉCLENCHANT LES POPUPS - ON IMPOSE LE MÊME STYLE QUE LES AUTRES CTA DU SITE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CTA ****************************************************************************************/ .cta.identique-aux-ctas-de-la-ligniere { margin: auto; width: 300px; } .cta.identique-aux-ctas-de-la-ligniere > .ubtn { padding-top: 0; padding-bottom: 0; background: #3ab0e5; color: white; } .cta.identique-aux-ctas-de-la-ligniere > .ubtn > .ubtn-hover { z-index: 2 !important; opacity: 0.5; background: #8ec9e5; } .cta.identique-aux-ctas-de-la-ligniere > .ubtn > .ubtn-hover a { position: absolute; top: 0; left: 0; opacity: 0; } .cta.identique-aux-ctas-de-la-ligniere > .ubtn > .ubtn-text { height: 50px; line-height: 50px; font-size: 14px; z-index: 1 !important; } .cta.identique-aux-ctas-de-la-ligniere > .ubtn > .ubtn-text * { z-index: 10 !important; } .cta.identique-aux-ctas-de-la-ligniere a { width: 100% !important; height: 50px !important; position: relative !important; bottom: 50px !important; line-height: 50px !important; margin: 0 !important; opacity: 0 !important; font-size: 14px; } /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17061 h2.uvc-main-heading { text-align: center; } .page-id-17061 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17061 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17061 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17061 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17061 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /**************************************************************************************** TABLEAUX ****************************************************************************************/ .page-id-17061 #layout table { border: none; } .page-id-17061 #layout table > tbody > tr { border: none; background: transparent; } .page-id-17061 #layout table > tbody > tr > td { width: 50%; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17061 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - ÉCOLE DE NATATION **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC - STAGE - COURS PRIVÉS **************************************************************************************** ****************************************************************************************/ .page-id-17061 #bloc-stage-cours-prives { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 500px 380px; } /*************************************************************************************** **************************************************************************************** BLOC - TARIFS & INSCRIPTIONS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TABLEAUX - ON VEUT QUE LE TEXTE SOIT SUR UNE LIGNE ****************************************************************************************/ .page-id-17061 #bloc-tarifs-inscriptions table td { font-size: 13px; } /**************************************************************************************** CTAs - ON VEUT QUE LE TEXTE SOIT SUR UNE LIGNE ****************************************************************************************/ .page-id-17061 #bloc-tarifs-inscriptions .ubtn { padding: 15px 10px; font-size: 13px; } /*************************************************************************************** **************************************************************************************** FORMULAIRE D'INSCRIPTION (POPUP) **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRE ****************************************************************************************/ .page-id-17061 #fancybox-content .uvc-heading { opacity: 1 !important; } /**************************************************************************************** SOUS-TITRES ****************************************************************************************/ .page-id-17061 #fancybox-content .sous-titre { font-size: 1.5em; margin: 20px 0; color: #3ab0e5; } /**************************************************************************************** PARAGRAPHES ****************************************************************************************/ .page-id-17061 #fancybox-content p { text-align: left; } /**************************************************************************************** LABEL ****************************************************************************************/ .page-id-17061 #fancybox-content label { width: 100%; } /**************************************************************************************** INPUT ****************************************************************************************/ .page-id-17061 #fancybox-content input:not(.wpcf7-submit):not([type="radio"]):not([type="checkbox"]) { border: none; border-bottom: 1px solid #3ab0e5; padding: 0; height: 30px; } .page-id-17061 #fancybox-content input[type="text"], .page-id-17061 #fancybox-content input[type="email"] { font-style: italic; color: #3ab0e5; } /**************************************************************************************** BOUTONS RADIO ****************************************************************************************/ .page-id-17061 #fancybox-content .wpcf7-radio .wpcf7-list-item { margin: 0.5em 2em 0.5em 0.3em; } .page-id-17061 #fancybox-content .wpcf7-radio .wpcf7-list-item > * { display: inline-block; vertical-align: middle; } .page-id-17061 #fancybox-content .wpcf7-radio .wpcf7-list-item > input[type="radio"] { border: none; } .page-id-17061 #fancybox-content .wpcf7-radio .wpcf7-list-item > .wpcf7-list-item-label { padding-left: 1.5em; } /**************************************************************************************** CASES À COCHER ****************************************************************************************/ .page-id-17061 #fancybox-content .wpcf7-checkbox .wpcf7-list-item { margin: 0.5em 2em 0.5em 0.3em; } .page-id-17061 #fancybox-content .wpcf7-checkbox .wpcf7-list-item > * { display: inline-block; vertical-align: middle; } .page-id-17061 #fancybox-content .wpcf7-checkbox .wpcf7-list-item > .wpcf7-list-item-label { padding-left: 1.5em; } /**************************************************************************************** CHAMPS TEXTEAREA ****************************************************************************************/ .page-id-17061 #fancybox-content textarea { margin: 0.5em 2em 0.5em 0.3em; } /**************************************************************************************** CTA ****************************************************************************************/ .page-id-17061 #fancybox-content .cta.identique-aux-ctas-de-la-ligniere { text-align: center; } .page-id-17061 #fancybox-content .cta.identique-aux-ctas-de-la-ligniere .ubtn { background: #3ab0e5; } .page-id-17061 #fancybox-content .cta.identique-aux-ctas-de-la-ligniere .ubtn > .ubtn-hover { background: #8ec9e5; z-index: 1 !important; } .page-id-17061 #fancybox-content .cta.identique-aux-ctas-de-la-ligniere .ubtn > .ubtn-text { z-index: 2 !important; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1367px) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17061 #bloc-tarifs-inscriptions .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four { width: 455.333333333333px; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1366px) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17061 #bloc-tarifs-inscriptions .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17061 #bloc-tarifs-inscriptions .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17061 #bloc-tarifs-inscriptions .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four .wpb_wrapper { width: 100%; } /**************************************************************************************** BLOC - STAGE - COURS PRIVÉS ****************************************************************************************/ .page-id-17061 #bloc-stage-cours-prives > .row > .columns { padding: 5% !important; } /* TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ */ .page-id-17061 #bloc-stage-cours-prives > .row > .columns h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17061 #bloc-stage-cours-prives > .row > .columns h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC - TARIFS / INSCRIPTIONS ****************************************************************************************/ .page-id-17061 #layout > .breadcrumb > #bloc-tarifs-inscriptions.vc-row-wrapper > .row { display: block !important; } .page-id-17061 #layout > .breadcrumb > #bloc-tarifs-inscriptions.vc-row-wrapper > .row > .columns { width: 50vw !important; display: inline-block !important; padding: 5% !important; vertical-align: top !important; } .page-id-17061 #layout > .breadcrumb > #bloc-tarifs-inscriptions.vc-row-wrapper > .row > .columns.bloc-du-milieu { display: none !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 420px !important; max-height: 420px !important; min-height: 420px !important; } /*************************************************************************************** **************************************************************************************** BLOC - TARIFS & INSCRIPTIONS **************************************************************************************** ****************************************************************************************/ .page-id-17061 #bloc-tarifs-inscriptions .row { display: block !important; } .page-id-17061 #bloc-tarifs-inscriptions .columns.four { display: block !important; width: 100vw !important; } .page-id-17061 #bloc-tarifs-inscriptions .columns.disable-on-mobile { display: none !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17061 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 410px !important; max-height: 410px !important; min-height: 410px !important; } /*************************************************************************************** **************************************************************************************** BLOC - TARIFS & INSCRIPTIONS **************************************************************************************** ****************************************************************************************/ .page-id-17061 #layout > .breadcrumb > #bloc-tarifs-inscriptions.vc-row-wrapper > .row { display: block !important; } .page-id-17061 #layout > .breadcrumb > #bloc-tarifs-inscriptions.vc-row-wrapper > .row > .columns { display: block !important; width: 100vw !important; } .page-id-17061 #layout > .breadcrumb > #bloc-tarifs-inscriptions.vc-row-wrapper > .row > .columns.disable-on-mobile { display: none !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE DE SANTÉ > MASSAGES **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17089 h2.uvc-main-heading { text-align: center; } .page-id-17089 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17089 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17089 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17089 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17089 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - CONTACT-FORM **************************************************************************************** ****************************************************************************************/ .page-id-17089 { /* ════════════════════════════════════════════════════════════════════════════════════ * ROW * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-id-17089 #formulaire-de-contact { max-width: 1000px; margin: auto; } .page-id-17089 .wpcf7 { /* ════════════════════════════════════════════════════════════════════════════════════ * PLACEHOLDERS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * INPUT / TEXTAREA * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * LABEL * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * SUBMIT CTA * ════════════════════════════════════════════════════════════════════════════════════ */ } .page-id-17089 .wpcf7 ::-webkit-input-placeholder { font-family: "MontserratLight" !important; font-style: italic !important; font-weight: normal !important; color: #999 !important; font-size: 14px !important; opacity: 1 !important; } .page-id-17089 .wpcf7 ::-moz-placeholder { font-family: "MontserratLight" !important; font-style: italic !important; font-weight: normal !important; color: #444 !important; opacity: 1 !important; } .page-id-17089 .wpcf7 :-ms-input-placeholder { font-family: "MontserratLight" !important; font-style: italic !important; font-weight: normal !important; color: #333 !important; opacity: 1 !important; } .page-id-17089 .wpcf7 :-moz-placeholder { font-family: "MontserratLight" !important; font-style: italic !important; font-weight: normal !important; color: #222 !important; opacity: 1 !important; } .page-id-17089 .wpcf7 ::placeholder { font-family: "MontserratLight" !important; font-style: italic !important; font-weight: normal !important; color: #999 !important; font-size: 14px !important; opacity: 1 !important; } .page-id-17089 .wpcf7 input { margin-bottom: 30px; font-size: 14px !important; border: none !important; border-bottom: 1px solid black !important; background: none; padding: 0 0 30px 0; } .page-id-17089 .wpcf7 input, .page-id-17089 .wpcf7 textarea { border: 1px solid black; background: none; } .page-id-17089 .wpcf7 label { margin-top: 30px; font-style: italic; font-size: 14px; font-weight: normal; } .page-id-17089 .wpcf7 .cta { margin-top: 30px; } .page-id-17089 .wpcf7 .cta .ubtn { background: #3ab0e5; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17089 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - RENSEIGNEMENTS ET RÉSERVATIONS **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1367px) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17089 #bloc-renseignements-et-reservations .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four { width: 455.333333333333px; /* 1366px / 3 */ height: 455.333333333333px !important; /* 1366px / 3 */ display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (min-width: 1280px) and (max-width: 1366px) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17089 #bloc-renseignements-et-reservations .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four { width: 33.33333333vw; height: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four .wpb_wrapper { width: 100%; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17089 #bloc-renseignements-et-reservations .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17089 #bloc-renseignements-et-reservations .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four .wpb_wrapper { width: 100%; } } /* Tablettes Verticales */ @media (max-device-width: 1280px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - NOS MASSAGES ****************************************************************************************/ .page-id-17089 #bloc-nos-massages-titre h2.uvc-main-heading { text-align: left !important; margin-bottom: 20px !important; } .page-id-17089 #bloc-nos-massages-titre h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: 0 !important; left: 0; } /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17089 #bloc-renseignements-et-reservations .row { display: -ms-flexbox; display: -webkit-flex; display: flex; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four { width: 33.33333333vw; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four .wpb_wrapper { width: 100%; } /* TITRES */ .page-id-17089 #bloc-renseignements-et-reservations h2.uvc-main-heading { font-size: 20px !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 420px !important; max-height: 420px !important; min-height: 420px !important; } /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17089 h2.uvc-main-heading { font-size: 20px !important; } /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17089 #bloc-renseignements-et-reservations .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four { width: 33.33333333vw !important; display: flex !important; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four .wpb_wrapper { width: 100% !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17089 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 420px !important; max-height: 420px !important; min-height: 420px !important; } /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17089 h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; font-size: 20px !important; } .page-id-17089 #bloc-nos-massages-titre h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; } /**************************************************************************************** BLOC - RENSEIGNEMENTS & RÉSERVATIONS ****************************************************************************************/ .page-id-17089 #bloc-renseignements-et-reservations .row { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four { width: 100vw !important; display: flex !important; min-height: 300px !important; } .page-id-17089 #bloc-renseignements-et-reservations .columns.four.disable-on-mobile { display: none !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - CENTRE MÉDICAL > FITNESS **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17464 h2.uvc-main-heading { text-align: center; } .page-id-17464 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17464 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17464 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-17464 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17464 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17464 #bloc-slider #bloc-de-texte { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 250px 190px; } /*************************************************************************************** **************************************************************************************** BLOC - ONGLETS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list { margin: 0; width: 100%; padding: 0; height: 14.2857vw; background: #f4f4f4; } /**************************************************************************************** ONGLET : CACHÉ TEMPORAIREMENT ****************************************************************************************/ /* FOND TRANSPARENT */ /**************************************************************************************** ONGLET : 1/4 POUR CHACUN ****************************************************************************************/ /* FOND TRANSPARENT */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list { background: transparent; } /* ON REND LES BLOCS CARRÉS */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab { height: 14.2857vw; width: 14.2857vw; } /* TRIANGLE VERT SOUS BOX ACTIVE */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab:after { content: url("/wp-content/uploads/2017/05/la-ligniere-triangle-sous-box-transparent.png"); position: relative; bottom: 6px; } .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active:after { content: url("/wp-content/uploads/2017/05/la-ligniere-triangle-bleu-sous-box.png"); } /* BLOCS LIENS - TOUT LE CONTENEUR*/ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a { height: 100%; width: 100%; padding: 0; border: 1px solid #e6e6e6; } /* IMAGE EN BEFORE */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a:before, .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a:before { display: initial !important; width: auto !important; position: initial !important; border: none !important; } /* POUR IEXPLORER */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a:before { display: block !important; width: auto !important; position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important; border: none !important; } /* ON PLACE LE TEXTE EN BAS DU BLOC */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a > .vc_tta-title-text { display: block !important; height: 60px; position: absolute; bottom: 0; width: 100%; } /**************************************************************************************** ICÔNES ****************************************************************************************/ .page-id-17464 #bloc-onglets .vc_tta.vc_general .vc_tta-tab.vc_active > a::before { height: auto !important; } /* SALLE DE GYM & COURS COLLECTIFS */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#salle-de-gym-et-cours-collectifs"]::before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-gym.png") !important; } /* SALLE DE GYM & COURS COLLECTIFS */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#salle-de-gym-et-cours-collectifs"]::before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-gym.png") !important; } .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#salle-de-gym-et-cours-collectifs"]:hover::before, .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#salle-de-gym-et-cours-collectifs"]::before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-blanc-gym.png") !important; } /* SAUNAS */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#saunas"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-sauna.png"); } .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#saunas"]:hover:before, .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#saunas"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-blanc-sauna.png"); } /* SALLE D’ENTRAINEMENT & COACHING */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#salle-entrainement-coaching"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-salle-entrainement.png"); } .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#salle-entrainement-coaching"]:hover:before, .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#salle-entrainement-coaching"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-blanc-salle-entrainement.png"); } /* AQUAGYM */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#aquagym"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-piscine-sante.png"); } .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#aquagym"]:hover:before, .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#aquagym"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-blanc-piscine.png"); } /* TARIFS */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#tarifs"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-tarifs.png"); } .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a[href="#tarifs"]:hover:before, .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab.vc_active > a[href="#tarifs"]:before { content: url("/wp-content/uploads/2017/05/la-ligniere-pictos-blanc-tarifs.png"); } /**************************************************************************************** LIENS BUTTON ****************************************************************************************/ .page-id-17464 #bloc-onglets .vc_tta-panels #salle-entrainement-coaching { width: 100%; } /**************************************************************************************** CTAs ****************************************************************************************/ .page-id-17464 #bloc-onglets .vc_tta-panels .vc_tta-panel .cta-container { float: right; } .page-id-17464 #bloc-onglets .vc_tta-panels .vc_tta-panel .cta { border: 1px solid #303030; padding: 10px; width: auto; text-align: center !important; margin-bottom: 15px; } /*************************************************************************************** **************************************************************************************** BLOC - HORAIRES - RÉSERVATIONS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BACKGROUND ****************************************************************************************/ .page-id-17464 #bloc-horaires-reservations { background-image: url("/wp-content/uploads/2017/05/la-ligniere-logo-blanc-attenue.png"); background-position: left bottom; background-repeat: no-repeat; background-size: 200px 150px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1366px) { /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* LA PLEINE LARGEUR EST RESTREINTE À 1366PX. CHACUN DES CINQ BLOCS EN UTILISE DONC UN COINQUIÈME */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab { width: 195px !important; height: 195px !important; } .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list { height: 195px !important; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* HAUTEUR CONTENEUR PRINCIPAL */ .page-id-17464 #bloc-onglets .vc_tta-tabs-container { height: 20vw; } /* TEXTE EN BAS DES BLOCS ICÔNES */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab { width: 20vw !important; height: 20vw !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - FITNESS ****************************************************************************************/ .page-id-17464 #bloc-fitness > .row { display: block !important; } .page-id-17464 #layout > .breadcrumb > #bloc-fitness.vc-row-wrapper > .row > .columns.six { display: block !important; width: 100% !important; } .page-id-17464 #layout > .breadcrumb > #bloc-fitness.vc-row-wrapper > .row > .columns.six:last-child { padding: 2.5% 5% !important; } /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ /* HAUTEUR CONTENEUR PRINCIPAL */ .page-id-17464 #bloc-onglets .vc_tta-tabs-container { height: 20vw; } /* TEXTE EN BAS DES BLOCS ICÔNES */ .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab { width: 20vw !important; height: 20vw !important; } .page-id-17464 #bloc-onglets ul.vc_tta-tabs-list > li.vc_tta-tab > a > .vc_tta-title-text { font-size: 12px; height: 50px; } /**************************************************************************************** BLOC - HORAIRES / RÉSERVATIONS ****************************************************************************************/ /* TEXTE EN BAS DES BLOCS ICÔNES */ .page-id-17464 #bloc-horaires-reservations > .row { display: block !important; } /* TEXTE EN BAS DES BLOCS ICÔNES */ .page-id-17464 #bloc-horaires-reservations > .row > .columns { display: inline-block !important; width: 33.33333333333% !important; vertical-align: top; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 420px !important; max-height: 420px !important; min-height: 420px !important; } /**************************************************************************************** BLOC - FITNESS ****************************************************************************************/ .page-id-17464 #bloc-fitness > .row { display: block !important; } .page-id-17464 #layout > .breadcrumb > #bloc-fitness.vc-row-wrapper > .row > .columns.six { display: block !important; width: 100% !important; } .page-id-17464 #layout > .breadcrumb > #bloc-fitness.vc-row-wrapper > .row > .columns.six:last-child { padding: 2.5% 5% !important; } /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ .page-id-17464 #bloc-onglets .vc_tta-panels-container { width: 100vw !important; margin: 0 !important; } /* ONGLETS */ .page-id-17464 .vc_tta.vc_general .vc_tta-panel { padding: 10px 20px; } .page-id-17464 .vc_tta.vc_general .vc_tta-panel-heading, .page-id-17464 .dfd_tabs_block .dfd_tta_tabs .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading, .page-id-17464 .dfd_tabs_block .dfd_tta_tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading a:hover { border-color: #3ab0e5 !important; } .page-id-17464 .vc_tta.vc_general .vc_tta-panel a:hover, .page-id-17464 .vc_tta-panel-heading a:hover, .page-id-17464 .vc_active .vc_tta-panel-heading a { color: #3ab0e5 !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - SLIDER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** UNIFORMISATION DES HAUTEURS DES DIFFÉRENTS CONTENEURS PARENTS ****************************************************************************************/ .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li, .page-id-17464 #layout > .breadcrumb #bloc-revolution-slider.avec-bloc-contact .wpb_revslider_element > div > div > div > ul > li div:not(.cta) { height: 420px !important; max-height: 420px !important; min-height: 420px !important; } /**************************************************************************************** BLOC - FITNESS ****************************************************************************************/ .page-id-17464 #bloc-fitness > .row { display: block !important; } .page-id-17464 #layout > .breadcrumb > #bloc-fitness.vc-row-wrapper > .row > .columns.six { display: block !important; width: 100% !important; } .page-id-17464 #layout > .breadcrumb > #bloc-fitness.vc-row-wrapper > .row > .columns.six:last-child { padding: 2.5% 5% !important; } /**************************************************************************************** BLOC - ONGLETS ****************************************************************************************/ .page-id-17464 #bloc-onglets .vc_tta-panel-body { padding: 0 !important; } .page-id-17464 #bloc-onglets .vc_tta-panels-container { width: 100vw !important; margin: 0 !important; } /* ONGLETS */ .page-id-17464 .vc_tta.vc_general .vc_tta-panel { padding: 10px 20px; } .page-id-17464 .vc_tta.vc_general .vc_tta-panel-heading, .page-id-17464 .dfd_tabs_block .dfd_tta_tabs .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading, .page-id-17464 .dfd_tabs_block .dfd_tta_tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading a:hover { border-color: #3ab0e5 !important; } .page-id-17464 .vc_tta.vc_general .vc_tta-panel a:hover, .page-id-17464 .vc_tta-panel-heading a:hover, .page-id-17464 .vc_active .vc_tta-panel-heading a { color: #3ab0e5 !important; } /* ONGLET - SALLE DE GYM ET COURS COLLECTIFS - CTA - IMPRIMER LE PLANNING*/ .page-id-17464 #bloc-onglets #salle-de-gym-et-cours-collectifs .sous-bloc-planning .cta { padding: 10px; width: auto; } /* ONGLET - SALLE D'ENTRAINEMENT ET COACHING - CTA - IMPRIMER LE PLANNING*/ .page-id-17464 #bloc-onglets #salle-entrainement-et-coaching .sous-bloc-planning .cta { padding: 10px; width: auto; } /* ONGLET - SALLE DE GYM ET COURS COLLECTIFS - CTA - IMPRIMER LE PLANNING*/ .page-id-17464 #bloc-onglets #aquagym .sous-bloc-planning .cta { padding: 10px; width: auto; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS SOUS-PAGES - LA LIGNIÈRE ET VOUS > HISTORIQUE SOUS-PAGES - LA LIGNIÈRE ET VOUS > VALEURS **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** MENU **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LOGO ****************************************************************************************/ /* SOUS-PAGES : LA LIGNIÈRE ET VOUS */ /*.parent-parent-pageid-17331 #header .logo-for-panel img, .parent-parent-pageid-17331 #header .fixed-header-logo img { height: 60px !important; } */ /* SOUS-PAGES : LA LIGNIÈRE ET VOUS > HISTORIQUE */ /*.parent-parent-pageid-17333 #header .logo-for-panel img, .parent-parent-pageid-17333 #header .fixed-header-logo img { height: 60px !important; } */ /* SOUS-PAGES : LA LIGNIÈRE ET VOUS > VALEURS */ /* .parent-parent-pageid-17386 #header .logo-for-panel img, .parent-parent-pageid-17386 #header .fixed-header-logo img { height: 60px !important; }*/ /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17331 h2.uvc-main-heading { text-align: center; } .page-id-17331 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .page-id-17331 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17331 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } .page-id-17331 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17331 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17331 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /**************************************************************************************** BOUTONS ****************************************************************************************/ .page-id-17331 .ubtn { max-width: 100%; font-weight: normal !important; } /*************************************************************************************** **************************************************************************************** BLOC - TROIS BLOCS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BUG IEXPLORER ****************************************************************************************/ .page-id-17331 #bloc-trois-blocs .columns > .wpb_wrapper { width: 100%; } /*************************************************************************************** **************************************************************************************** BLOC - NOTRE HISTOIRE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC - CTA ****************************************************************************************/ .page-id-17331 #bloc-notre-histoire .sous-bloc-cta .ubtn { width: 150px; } /*************************************************************************************** **************************************************************************************** BLOC - TRAVAILLER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BOUTONS ****************************************************************************************/ .page-id-17331 #bloc-travailler .ubtn { width: 300px; } /*************************************************************************************** **************************************************************************************** BLOC - NOUVEAUTÉ **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** L'IMAGE DE FOND EST RAJOUTÉE COMME ENFANT DIRECT DU CONTENEUR PRINCIPAL #bloc-nouveaute ON SOUHAITE QUE SON CONTENEUR .row SOIT ALIGNÉ VERTICALEMENT AVEC LE CONTENEUR .row DU BANDEAU INSTAGRAM ON DOIT DONC BAISSER LES DIMENSIONS DU CONTENEUR PRINCIPAL #bloc-nouveaute À CELLES DE SON CONTENEUR ENFANT .row ****************************************************************************************/ .page-id-17331 #bloc-nouveaute { width: 1200px; max-width: 100%; min-width: 768px; margin: 0 auto; position: relative; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** BLOC - TROIS BLOCS ****************************************************************************************/ .page-id-17331 #bloc-trois-blocs h2 { font-size: 20px !important; } /**************************************************************************************** BLOC - NOTRE HISTOIRE ****************************************************************************************/ /* PADDING */ .page-id-17331 #bloc-notre-histoire > .row > .columns { padding: 0 2.5% !important; } /* TITRE */ .page-id-17331 #bloc-notre-histoire h2.uvc-main-heading { text-align: left !important; margin-bottom: 20px !important; } .page-id-17331 #bloc-notre-histoire h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: 0 !important; left: 0; } /* CTA */ .page-id-17331 #bloc-notre-histoire .ubtn { width: 120px !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - TROIS BLOCS ****************************************************************************************/ .page-id-17331 #bloc-trois-blocs h2 { font-size: 14px; margin-bottom: 10px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** BLOC - TROIS BLOCS ****************************************************************************************/ .page-id-17331 #bloc-trois-blocs > .row > .columns { display: block !important; width: 100% !important; margin-bottom: 30px !important; } /**************************************************************************************** BLOC - NOTRE HISTOIRE ****************************************************************************************/ /* TITRE */ .page-id-17331 #bloc-notre-histoire h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17331 #bloc-notre-histoire h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /* CTAS */ .page-id-17331 #bloc-notre-histoire .sous-bloc-cta .columns { width: 33.3333333333% !important; display: inline-block !important; } /**************************************************************************************** BLOC - NOUVEAUTÉ ****************************************************************************************/ .page-id-17331 #bloc-nouveaute { padding: 0 5% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .page-id-17331 #bloc-nouveaute > .row > .columns:first-child { display: none !important; } .page-id-17331 #bloc-nouveaute > .row > .columns:last-child { display: block !important; width: 100% !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** BLOC - TROIS BLOCS ****************************************************************************************/ .page-id-17331 #bloc-trois-blocs > .row > .columns { display: block !important; width: 100% !important; margin-bottom: 30px !important; } /**************************************************************************************** BLOC - NOUVEAUTÉ ****************************************************************************************/ .page-id-17331 #bloc-nouveaute { padding: 0 5% !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .page-id-17331 #bloc-nouveaute > .row > .columns:first-child { display: none !important; } .page-id-17331 #bloc-nouveaute > .row > .columns:last-child { display: block !important; width: 100% !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS > HISTORIQUE > Notre source **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17342 h2.uvc-main-heading { text-align: center; } .page-id-17342 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .page-id-17342 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17342 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } .page-id-17342 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17342 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17342 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** CONTENEUR INTERNE PRINCIPAL ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { padding-right: 5% !important; padding-left: 5% !important; } /**************************************************************************************** BLOC HISTORIQUE ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > #bloc-historique.vc-row-wrapper > .row > .columns.colonne-image { display: none !important; } .page-id-17342 #layout > .breadcrumb > #bloc-historique.vc-row-wrapper > .row > .columns.colonne-texte { display: block; width: 100vw !important; } /**************************************************************************************** BLOC HISTOIRE ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > #bloc-histoire.vc-row-wrapper .row { display: flex; flex-direction: column; } .page-id-17342 #layout > .breadcrumb > #bloc-histoire.vc-row-wrapper > .row > .columns.colonne-video { display: flex; order: 1; width: 100vw !important; } .page-id-17342 #layout > .breadcrumb > #bloc-histoire.vc-row-wrapper > .row > .columns.colonne-texte { display: flex; order: 2; width: 100vw !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** CONTENEUR INTERNE PRINCIPAL ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC HISTORIQUE ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > #bloc-historique.vc-row-wrapper .row { display: flex; flex-direction: column; } .page-id-17342 #layout > .breadcrumb > #bloc-historique.vc-row-wrapper > .row > .columns.colonne-image { display: flex !important; width: 100vw !important; order: 1; height: 250px !important; } .page-id-17342 #layout > .breadcrumb > #bloc-historique.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; order: 2; } /**************************************************************************************** BLOC HISTOIRE ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > #bloc-histoire.vc-row-wrapper .row { display: flex; flex-direction: column; } .page-id-17342 #layout > .breadcrumb > #bloc-histoire.vc-row-wrapper > .row > .columns.colonne-video { display: flex !important; order: 1; width: 100vw !important; height: auto !important; } .page-id-17342 #layout > .breadcrumb > #bloc-histoire.vc-row-wrapper > .row > .columns.colonne-video > .dfd-vertical-aligned { width: 100vw !important; height: auto !important; } .page-id-17342 #layout > .breadcrumb > #bloc-histoire.vc-row-wrapper > .row > .columns.colonne-texte { display: flex; order: 2; width: 100vw !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** CONTENEUR INTERNE PRINCIPAL ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC HISTORIQUE ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > #bloc-historique.vc-row-wrapper .row { display: flex; flex-direction: column; } .page-id-17342 #layout > .breadcrumb > #bloc-historique.vc-row-wrapper > .row > .columns.colonne-image { display: flex !important; width: 100vw !important; height: 250px !important; } .page-id-17342 #layout > .breadcrumb > #bloc-historique.vc-row-wrapper > .row > .columns.colonne-texte { display: flex !important; width: 100vw !important; } /**************************************************************************************** BLOC HISTOIRE ****************************************************************************************/ .page-id-17342 #layout > .breadcrumb > #bloc-histoire.vc-row-wrapper > .row > .columns.colonne-video { height: 200px !important; display: inline-block !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS > Publications & Actualités **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17385 h2.uvc-main-heading { text-align: center; } .page-id-17385 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .page-id-17385 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17385 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } .page-id-17385 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17385 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17385 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres agrandies */ @media (min-device-width: 1281px) and (min-width: 1281px) { /**************************************************************************************** BLOC - NOUVEAUTES ****************************************************************************************/ /* RESTE EN 25% */ .page-id-17385 #bloc-nouveaute { max-width: 1366px; margin: auto; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - RAPPORTS ANNUELS ****************************************************************************************/ /* 4 BLOCS PAR LIGNE */ .page-id-17385 #bloc-rapports-annuels .row .columns.three { display: inline-block; width: 25%; padding: 0 1% !important; } /* TITRES */ .page-id-17385 #bloc-rapports-annuels .row .columns.three .wpb_text_column a { font-size: 12px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** BLOC - RAPPORTS ANNUELS ****************************************************************************************/ /* 2 BLOCS PAR LIGNE */ .page-id-17385 #bloc-rapports-annuels .row .columns.three { display: inline-block; width: 50%; padding: 2.5% 0 !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** BLOC - RAPPORTS ANNUELS ****************************************************************************************/ /* 2 BLOCS PAR LIGNE */ .page-id-17385 #bloc-rapports-annuels .row .columns.three { display: inline-block; width: 50%; padding: 5% 2.5% !important; } /* TITRES */ .page-id-17385 #bloc-rapports-annuels .row .columns.three .wpb_text_column a { font-size: 10px; } /**************************************************************************************** BLOC - NOUVEAUTES ****************************************************************************************/ /* ON AFFICHE UNIQUEMENT LA COLONNE 7/12 EN PLEINE LARGEUR */ .page-id-17385 #bloc-nouveaute .columns.five { display: none; } .page-id-17385 #bloc-nouveaute .columns.seven { display: block; width: 100%; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS > HISTORIQUE > Affiliation & Partenaires **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEUR INTERNE PRINCIPAL ****************************************************************************************/ .page-id-17325 #layout > .breadcrumb > .vc-row-wrapper > .row > .columns.twelve { padding-left: 5% !important; padding-right: 5% !important; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC LOGOS - COLONNES 1/3 ****************************************************************************************/ .page-id-17325 #bloc-affilliation .sous-bloc-logos .row .columns { display: inline-block !important; width: 33.3333333% !important; } /**************************************************************************************** BLOC PARTENAIRES - COLONNES 1/3 ****************************************************************************************/ .page-id-17325 #bloc-partenaires .row .columns { display: inline-block !important; width: 33.3333333% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** BLOC PARTENAIRES - COLONNES 1/3 ****************************************************************************************/ .page-id-17325 #bloc-partenaires { margin-bottom: 30px; } .page-id-17325 #bloc-partenaires .row .columns { display: inline-block !important; width: 33.3333333% !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** BLOC LOGOS - COLONNES 1/3 ****************************************************************************************/ .page-id-17325 #bloc-affilliation .sous-bloc-logos .row .columns { display: block !important; width: 100% !important; } /**************************************************************************************** BLOC LOGOS - COLONNES 1/3 ****************************************************************************************/ .page-id-17325 #bloc-partenaires .row .columns { display: block !important; width: 100% !important; margin: 10px 0; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS > HISTORIQUE > Nos espaces de vie **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17371 h2.uvc-main-heading { text-align: center; } .page-id-17371 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17371 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } .page-id-17371 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17371 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17371 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS > Nos offres d'emploi **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17437 h2.uvc-main-heading { text-align: center; } .page-id-17437 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17437 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } .page-id-17437 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17437 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17437 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - POSTES-CANDIDATURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE GAUCHE - CTA ****************************************************************************************/ .page-id-17437 #bloc-postes-candidature .bloc-de-gauche .ubtn { padding: 10px; font-size: 14px; margin-top: 0; margin-left: 20px; font-weight: 400; width: 200px; } .page-id-17437 #bloc-postes-candidature .bloc-de-gauche .ubtn.cta-offre-de-stage { padding: 15px; margin-left: 0; width: 250px; } /**************************************************************************************** FORMULAIRE DE CONTACT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-17437 #bloc-postes-candidature .wpcf7 label { width: 100%; font-style: italic; } /* CHAMPS DE SAISIE */ .page-id-17437 #bloc-postes-candidature .wpcf7 input { background: transparent; border: none; border-bottom: 1px solid grey; padding: 0; height: 25px; line-height: 25px; } /**************************************************************************************** CHAMPS SELECT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-17437 #bloc-postes-candidature .wpcf7 .dk-selected { width: 100%; background: transparent; border: 1px solid grey; padding: 0 15px; height: 30px; line-height: 25px; margin-top: 10px; } .page-id-17437 #bloc-postes-candidature .dk-select .dk-select-options { overflow: scroll; } /**************************************************************************************** CHAMPS UPLOAD ****************************************************************************************/ /* CONTENEUR PRINCIPAL */ .page-id-17437 #bloc-postes-candidature .wpcf7 .fichiers { width: 100%; font-size: 0; } /* CONTENEUR SECONDAIRE */ .page-id-17437 #bloc-postes-candidature .wpcf7 .fichiers > .fichier { display: inline-block; width: 50%; text-align: center; } /* CTAs */ .page-id-17437 #bloc-postes-candidature .wpcf7 .fichiers > .fichier > label > .cta-de-remplacement { width: 80%; margin: auto; padding: 10px; border: 1px solid gray; } .page-id-17437 #bloc-postes-candidature .wpcf7 .fichiers > .fichier .wpcf7-form-control-wrap input { display: none; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /*************************************************************************************** **************************************************************************************** BLOC - POSTES-CANDIDATURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE GAUCHE ****************************************************************************************/ .page-id-17437 #bloc-postes-candidature .bloc-de-gauche { padding: 0 2.5% !important; } .page-id-17437 #bloc-postes-candidature .bloc-de-gauche .columns { display: block !important; width: 100%; text-align: center; } .page-id-17437 #bloc-postes-candidature .bloc-de-gauche .columns .ubtn { margin: 20px auto !important; width: 200px !important; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** BLOC - POSTES-CANDIDATURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE GAUCHE ****************************************************************************************/ .page-id-17437 #bloc-postes-candidature .bloc-de-gauche { padding: 0 2.5% !important; } .page-id-17437 #bloc-postes-candidature .bloc-de-gauche .columns { display: block !important; width: 100%; text-align: center; } .page-id-17437 #bloc-postes-candidature .bloc-de-gauche .columns .ubtn { margin: 20px auto !important; width: 200px !important; } /**************************************************************************************** BLOC DE DROITE ****************************************************************************************/ .page-id-17437 #bloc-postes-candidature .bloc-de-droite { padding: 0 2.5% !important; } /*************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17437 #bloc-postes-candidature h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17437 #bloc-postes-candidature h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - POSTES-CANDIDATURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE GAUCHE ****************************************************************************************/ .page-id-17437 #bloc-postes-candidature .bloc-de-gauche { padding: 0 2.5% !important; } .page-id-17437 #bloc-postes-candidature .bloc-de-gauche .columns { display: block !important; width: 100%; text-align: center; } .page-id-17437 #bloc-postes-candidature .bloc-de-gauche .columns .ubtn { margin: 20px auto !important; width: 200px !important; } /**************************************************************************************** BLOC DE DROITE ****************************************************************************************/ .page-id-17437 #bloc-postes-candidature .bloc-de-droite { padding: 0 2.5% !important; } /*************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17437 #bloc-postes-candidature h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; font-size: 20px !important; } .page-id-17437 #bloc-postes-candidature h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS > TRAVAILLER > Demande de stage **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC - POSTES-CANDIDATURE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC DE GAUCHE - CTA ****************************************************************************************/ .page-id-17962 #bloc-postes-candidature .bloc-de-gauche .ubtn { padding-left: 10px; padding-right: 10px; font-size: 12px; } /**************************************************************************************** FORMULAIRE DE CONTACT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-17962 #bloc-postes-candidature .wpcf7 label { width: 100%; font-style: italic; } /* CHAMPS DE SAISIE */ .page-id-17962 #bloc-postes-candidature .wpcf7 input { background: transparent; border: none; border-bottom: 1px solid grey; padding: 0; height: 25px; line-height: 25px; } /**************************************************************************************** CHAMPS SELECT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-17962 #bloc-postes-candidature .dk-selected { width: 100%; background: transparent; border: 1px solid grey; padding: 0 15px; height: 30px; line-height: 25px; margin-top: 10px; } .page-id-17962 #bloc-postes-candidature .dk-select .dk-select-options { overflow: scroll; } .page-id-17962 #bloc-postes-candidature .wpcf7 .dk-select .dk-select-options li:hover { color: white; background: black; } .page-id-17962 #bloc-postes-candidature .wpcf7 .dk-select .dk-select-options li:before { display: none; } /**************************************************************************************** CHAMPS UPLOAD ****************************************************************************************/ /* CONTENEUR PRINCIPAL */ .page-id-17962 #bloc-postes-candidature .wpcf7 .fichiers { width: 100%; font-size: 0; } /* CONTENEUR SECONDAIRE */ .page-id-17962 #bloc-postes-candidature .wpcf7 .fichiers > .fichier { display: inline-block; width: 50%; text-align: center; } /* CTAs */ .page-id-17962 #bloc-postes-candidature .wpcf7 .fichiers > .fichier > label > .cta-de-remplacement { width: 80%; margin: auto; padding: 10px; border: 1px solid gray; } .page-id-17962 #bloc-postes-candidature .wpcf7 .fichiers > .fichier .wpcf7-form-control-wrap input { display: none; } /**************************************************************************************** CHAMPS FICHIERS ****************************************************************************************/ .page-id-17962 #bloc-postes-candidature .wpcf7 .fichiers { margin: 60px 0 30px 0; } /**************************************************************************************** CTA SOUMISSION ****************************************************************************************/ .page-id-17962 #bloc-postes-candidature .wpcf7 .cta { text-align: center; } .page-id-17962 #bloc-postes-candidature .wpcf7 .cta input[type="submit"] { padding: 10px !important; color: #FFF; background: #303030; width: 200px; margin-top: 30px; height: auto; line-height: auto; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** BLOC - INTRODUCTION ****************************************************************************************/ .page-id-17962 #bloc-introduction { padding: 0 5% !important; } /**************************************************************************************** BLOC - FORMULAIRE DE CONTACT ****************************************************************************************/ .page-id-17962 #bloc-postes-candidature { padding: 0 5% !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** BLOC - INTRODUCTION ****************************************************************************************/ .page-id-17962 #bloc-introduction { padding: 0 5% !important; } /**************************************************************************************** BLOC - FORMULAIRE DE CONTACT ****************************************************************************************/ .page-id-17962 #bloc-postes-candidature { padding: 0 5% !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS > Politique d'entreprise **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17415 h2.uvc-main-heading { text-align: center; } .page-id-17415 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .page-id-17415 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17415 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } .page-id-17415 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17415 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17415 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - NOTRE VISION **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LOGO À GAUCHE DU TITRE H2 ****************************************************************************************/ .page-id-17415 #bloc-notre-vision h2:before { content: url("/wp-content/uploads/2017/05/la-ligniere-arbre-gris.png"); height: 70px; width: 70px; display: inline-block; vertical-align: middle; margin-right: 20px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - NOTRE MISSION ****************************************************************************************/ .page-id-17415 #bloc-mission > .row > .columns:last-child { padding: 5% !important; } /* LIGNE DE SOULIGNEMENT NON DÉCALÉE */ .page-id-171741502 #bloc-mission > .row > .columns:last-child h2.uvc-main-heading { text-align: left !important; margin-bottom: 20px !important; } .page-id-17415 h2.uvc-main-heading + .uvc-heading-spacer { text-align: center !important; } .page-id-17415 #bloc-mission > .row > .columns:last-child h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: 20px 0 !important; left: 0; } /**************************************************************************************** BLOC - NOS VALEURS ****************************************************************************************/ .page-id-17415 #bloc-nos-valeurs > .row > .columns:first-child { padding: 5% !important; } /* LIGNE DE SOULIGNEMENT NON DÉCALÉE */ .page-id-17415 #bloc-nos-valeurs > .row > .columns:first-child h2.uvc-main-heading { text-align: left !important; margin-bottom: 20px !important; } .page-id-17415 #bloc-nos-valeurs > .row > .columns:first-child h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: 0 !important; left: 0; } /**************************************************************************************** BLOC LOGOS - COLONNES 1/3 ****************************************************************************************/ .page-id-17415 #bloc-logos .row .columns { display: inline-block !important; width: 33.3333333% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17415 #bloc-mission > .row > .columns:last-child h2.uvc-main-heading, .page-id-17415 #bloc-nos-valeurs > .row > .columns:first-child h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17415 #bloc-mission > .row > .columns:last-child h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line, .page-id-17415 #bloc-nos-valeurs > .row > .columns:first-child h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC - NOTRE ENGAGEMENT - SOUS-BLOC - NOS PATIENTS - NOS COLLABORATEURS ****************************************************************************************/ .page-id-17415 #bloc-engagement .sous-bloc-nos-patients-nos-collaborateurs { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - NOS PARTENAIRES ****************************************************************************************/ .page-id-17415 #bloc-partenaires { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - NOTRE MANAGEMENT ****************************************************************************************/ .page-id-17415 #bloc-management { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - ENVIRONNEMENT / PROMOTION ****************************************************************************************/ .page-id-17415 #bloc-environnement-promotion { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC LOGOS - COLONNES 1/3 ****************************************************************************************/ .page-id-17415 #bloc-logos { margin-bottom: 30px; } .page-id-17415 #bloc-logos .row .columns { display: inline-block !important; width: 33.3333333% !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-17415 #bloc-mission > .row > .columns:last-child h2.uvc-main-heading, .page-id-17415 #bloc-nos-valeurs > .row > .columns:first-child h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-17415 #bloc-mission > .row > .columns:last-child h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line, .page-id-17415 #bloc-nos-valeurs > .row > .columns:first-child h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** BLOC - NOTRE ENGAGEMENT - SOUS-BLOC - NOS PATIENTS - NOS COLLABORATEURS ****************************************************************************************/ .page-id-17415 #bloc-engagement .sous-bloc-nos-patients-nos-collaborateurs { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - NOS PARTENAIRES ****************************************************************************************/ .page-id-17415 #bloc-partenaires { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - NOTRE MANAGEMENT ****************************************************************************************/ .page-id-17415 #bloc-management { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC - ENVIRONNEMENT / PROMOTION ****************************************************************************************/ .page-id-17415 #bloc-environnement-promotion { padding-left: 30px !important; padding-right: 30px !important; } /**************************************************************************************** BLOC LOGOS - COLONNES 1/3 ****************************************************************************************/ .page-id-17415 #bloc-logos { margin-bottom: 30px; } .page-id-17415 #bloc-logos .row .columns { display: inline-block !important; width: 33.3333333% !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** SOUS-PAGES - LA LIGNIÈRE ET VOUS > Conférences **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC À NE PAS AFFICHER TANT QUE PAS DE MISES À JOUR **************************************************************************************** ****************************************************************************************/ .page-id-17536 #bloc-dates, .page-id-17536 #bloc-titre-conferences-pro, .page-id-17536 #bloc-sous-titre-conferences-pro, .page-id-17536 #bloc-conferences-pro { display: none !important; } /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-17536 h2.uvc-main-heading { text-align: center; } .page-id-17536 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .page-id-17536 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { margin-left: auto; margin-right: auto; } .page-id-17536 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; } .page-id-17536 .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left; } .page-id-17536 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-17536 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /**************************************************************************************** TABLEAUX ****************************************************************************************/ .page-id-17536 table, .page-id-17536 table > tbody > tr { border: none; background: none; } /*************************************************************************************** **************************************************************************************** BLOC - DATES **************************************************************************************** ****************************************************************************************/ /* ON ALIGNE EN HAUT */ .page-id-17536 #layout > .breadcrumb > #bloc-dates.vc-row-wrapper > .row > .columns.three { display: inline-block !important; vertical-align: top; } /* ON CENTRE LES CONTENEURS DES DATES DANS LES COLONNES */ .page-id-17536 #bloc-dates .columns > .wpb_wrapper { margin: auto; } /*************************************************************************************** **************************************************************************************** BLOC - CONFÉRENCES PRO **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** COLONNE DE DROITE ****************************************************************************************/ .page-id-17536 #bloc-conferences-pro .sous-bloc-de-droite { background: #f8f8f8; } /**************************************************************************************** COLONNE DE DROITE - CTA ****************************************************************************************/ .page-id-17536 #bloc-conferences-pro .sous-bloc-de-droite .ubtn { width: 200px; font-weight: 400; } /*************************************************************************************** **************************************************************************************** POPUP - CONTACT FORM 7 **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRE ****************************************************************************************/ .page-id-17536 #fancybox-content .uvc-heading { opacity: 1 !important; } /**************************************************************************************** PARAGRAPHES ****************************************************************************************/ .page-id-17536 #fancybox-content p { text-align: left; } /**************************************************************************************** LABEL ****************************************************************************************/ .page-id-17536 #fancybox-content label { width: 100%; } /**************************************************************************************** INPUT ****************************************************************************************/ .page-id-17536 #fancybox-content input:not(.wpcf7-submit) { border: none; border-bottom: 1px solid grey; padding: 0; } .page-id-17536 #fancybox-content input[type="text"], .page-id-17536 #fancybox-content input[type="email"] { font-style: italic; color: grey; } /**************************************************************************************** CASES À COCHER ****************************************************************************************/ .page-id-17536 #fancybox-content .wpcf7-checkbox .wpcf7-list-item { margin: 0 0 0 1em; width: 100px; } .page-id-17536 #fancybox-content .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label { position: relative; left: 15px; top: 3px; } /**************************************************************************************** LISTE DÉROULANTE ****************************************************************************************/ .page-id-17536 #fancybox-content .dk-select { display: inline-block; width: 200px; margin-left: 2em; height: 50px; } .page-id-17536 #fancybox-content .dk-select .dk-selected { padding: 5px 15px; } .page-id-17536 #fancybox-content .dk-select ul.dk-select-options li { padding: 7.5px 15px; } /**************************************************************************************** CTA ****************************************************************************************/ .page-id-17536 #fancybox-content input[type="submit"] { margin-top: 30px; background: black; color: white; width: 200px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** BLOC - CONFÉRENCES ****************************************************************************************/ .page-id-17536 #bloc-conferences > .row { display: flex; flex-direction: column; } /**************************************************************************************** BLOC - CONFÉRENCES PRO ****************************************************************************************/ .page-id-17536 #bloc-sous-titre-conferences-pro { padding: 0 !important; margin-top: 60px !important; } .page-id-17536 #layout > .breadcrumb > #bloc-conferences.vc-row-wrapper > .row > .columns.six.colonne-flex-image { display: flex; width: 100vw !important; order: 2 !important; margin: 0 !important; padding: 0 5% !important; } .page-id-17536 #layout > .breadcrumb > #bloc-conferences.vc-row-wrapper > .row > .columns.six.colonne-de-texte { display: flex; width: 100vw !important; order: 1 !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** BLOC - CONFÉRENCES ****************************************************************************************/ .page-id-17536 #bloc-conferences > .row { display: flex; flex-direction: column; } .page-id-17536 #layout > .breadcrumb > #bloc-conferences.vc-row-wrapper > .row > .columns.six.colonne-flex-image { display: flex; width: 100vw !important; order: 1 !important; margin-bottom: 20px !important; padding: 0 5% !important; height: auto !important; } .page-id-17536 #layout > .breadcrumb > #bloc-conferences.vc-row-wrapper > .row > .columns.six.colonne-de-texte { display: flex; width: 100vw !important; order: 2 !important; } .page-id-17536 #layout > .breadcrumb > #bloc-conferences h2.disable-on-mobile { display: none !important; } /*************************************************************************************** BLOC - DATES ****************************************************************************************/ /* ON ALIGNE EN HAUT */ .page-id-17536 #layout > .breadcrumb > #bloc-dates.vc-row-wrapper > .row { font-size: 0 !important; } /* ON ALIGNE EN HAUT */ .page-id-17536 #layout > .breadcrumb > #bloc-dates.vc-row-wrapper > .row > .columns.three { display: inline-block !important; width: 25% !important; } /**************************************************************************************** BLOC - CONFÉRENCES PRO ****************************************************************************************/ .page-id-17536 #bloc-sous-titre-conferences-pro { padding: 0 !important; margin-top: 60px !important; } .page-id-17536 #layout > .breadcrumb > #bloc-sous-titre-conferences-pro.vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** BLOC - CONFÉRENCES ****************************************************************************************/ .page-id-17536 #bloc-conferences > .row { display: flex; flex-direction: column; } .page-id-17536 #layout > .breadcrumb > #bloc-conferences.vc-row-wrapper > .row > .columns.six.colonne-flex-image { display: flex; width: 100vw !important; order: 1 !important; margin-bottom: 20px !important; padding: 0 5% !important; height: auto !important; } .page-id-17536 #layout > .breadcrumb > #bloc-conferences.vc-row-wrapper > .row > .columns.six.colonne-de-texte { display: flex; width: 100vw !important; order: 2 !important; } .page-id-17536 #layout > .breadcrumb > #bloc-conferences h2.disable-on-mobile { display: none !important; } /**************************************************************************************** BLOC - CONFÉRENCES PRO ****************************************************************************************/ .page-id-17536 #bloc-sous-titre-conferences-pro > .row > .colums { padding: 0 !important; margin-top: 60px !important; } .page-id-17536 #layout > .breadcrumb > #bloc-sous-titre-conferences-pro.vc-row-wrapper > .row > .columns.twelve { padding-left: 30px !important; padding-right: 30px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - PLAN D'ACCÈS **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** BLOC CARTE / PLAN D'ACCÈS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON MET EN PLEINE LARGEUR ****************************************************************************************/ .page-id-19000 #bloc-plan .row { width: 100vw !important; max-width: 100vw !important; } /*************************************************************************************** **************************************************************************************** SOUS-BLOC CARTE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PLEINE HAUTEUR ****************************************************************************************/ .page-id-19000 #bloc-plan .sous-bloc-carte * { height: 100%; } .page-id-19000 #bloc-plan .sous-bloc-carte .wpb_wrapper { overflow: hidden; width: 100%; } .page-id-19000 #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { width: 100% !important; max-width: 100% !important; } @media (max-width: 450px) { .page-id-19000 #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { height: 300px; } } /*************************************************************************************** **************************************************************************************** SOUS-BLOC INFORMATIONS D'ACCÈS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEUR PRINCIPAL ****************************************************************************************/ /* BORDURE - FOND */ .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces { border: 20px solid #ebebeb; background: white; } /**************************************************************************************** COLONNES 1/2 ****************************************************************************************/ .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces .column.six { display: inline-block !important; min-height: 120px !important; min-width: 0px !important; box-shadow: none !important; padding: 0 !important; } .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces .column.bloc-clinique { padding-right: 30px !important; } @media (max-width: 1199px) { .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces .column.six { display: block !important; width: 100% !important; padding-right: 0 !important; } } .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces .column.six p { line-height: inherit !important; text-align: left !important; font-size: inherit !important; font-weight: inherit !important; } .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces .column.twelve { display: block !important; width: 100% !important; min-height: 0px; padding: 0 !important; } /**************************************************************************************** SOUS-TITRE H3 ****************************************************************************************/ .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces h3 { margin-top: 30px; margin-bottom: 10px; } .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces h3:first-child { margin-top: 0; } /**************************************************************************************** CTA - HORAIRES EN LIGNE ****************************************************************************************/ .page-id-19000 #bloc-plan .sous-bloc-informations-d-acces .cta-horaires-en-ligne { padding: 5px; margin: 10px 0; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** SOUS-BLOCS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON LES FAIT PASSER L'UN SOUS L'AUTRE ****************************************************************************************/ .page-id-19000 #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row { display: block; } .page-id-19000 #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row > .columns.six.sous-bloc-carte, .page-id-19000 #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row > .columns.six.sous-bloc-informations-d-acces { display: block; width: 100% !important; } /*************************************************************************************** **************************************************************************************** SOUS-BLOC CARTE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** IFRAME ****************************************************************************************/ .page-id-19000 #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { height: 400px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** SOUS-BLOC CARTE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PADDINGS ****************************************************************************************/ .page-id-19000 #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row > .columns.sous-bloc-carte { padding: 0 !important; } /**************************************************************************************** IFRAME ****************************************************************************************/ .page-id-19000 #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { height: 400px; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** SOUS-BLOC CARTE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PADDINGS ****************************************************************************************/ .page-id-19000 #layout > .breadcrumb > #bloc-plan.vc-row-wrapper > .row > .columns.sous-bloc-carte { padding: 0 !important; } /**************************************************************************************** IFRAME ****************************************************************************************/ .page-id-19000 #bloc-plan .sous-bloc-carte .wpb_wrapper > iframe { height: 400px; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - CONTACT **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-TITRE H2 ****************************************************************************************/ .page-id-18980 #layout > .breadcrumb > .vc-row-wrapper > .row .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .page-id-18980 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .page-id-18980 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-18980 .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC - FORMULAIRES — NUMÉROS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** SOUS-BLOC NUMÉROS - TABLEAU ****************************************************************************************/ /* FOND */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-numeros table > tbody > tr { background: none; } /* BORDURES */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-numeros table, .page-id-18980 #bloc-formulaires-numeros .sous-bloc-numeros table > tbody > tr > td { border: none; } /* SOUS-TITRES */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-numeros table > tbody > tr:not(:first-child) > td > strong { display: block; padding-top: 20px; border-top: 1px solid #929595; } /**************************************************************************************** FORMULAIRE DE CONTACT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 label { width: 100%; font-style: italic; } /* CHAMPS DE SAISIE */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 input { background: transparent; border: none; border-bottom: 1px solid grey; padding: 0; height: 25px; line-height: 25px; } /**************************************************************************************** CHAMPS SELECT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .dk-selected { width: 100%; background: transparent; border: 1px solid grey; padding: 0 15px; height: 30px; line-height: 25px; margin-top: 10px; } .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .dk-select .dk-select-options { overflow: scroll; } /**************************************************************************************** CASES À COCHER ****************************************************************************************/ /* ESPACE AVANT LE BLOC DE CASES À COCHER */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .wpcf7-form-control-wrap.objectif { display: block; margin-top: 20px; } /* LES UNS SOUS LES AUTRES */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .wpcf7-checkbox .wpcf7-list-item { display: block; margin-bottom: 10px; } /* ÉCART CASE TEXTE / PAS DE BORDURE DESSOUS*/ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] { padding-right: 20px; border: none; } /* HOMOGÉNÉISATION DES HAUTEURS DES CASES ET DU TEXTE */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"], .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] + .wpcf7-list-item-label { height: 15px; line-height: 15px; } /* CASES */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:before { height: 16px; width: 16px; } /* CONTENU CASE */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:after { height: 10px; top: 3px; width: 10px; left: 3px; margin: 0; } /**************************************************************************************** BLOC DE MESSAGE ****************************************************************************************/ /* ESPACE AVANT LE BLOC DE MESSAGE */ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .wpcf7-form-control-wrap.message { display: block; margin-top: 20px; } /**************************************************************************************** CTA SOUMISSION ****************************************************************************************/ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .cta { text-align: center; } .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire .wpcf7 .cta input[type="submit"] { padding: 10px !important; color: #FFF; background: #303030; width: 200px; margin-top: 30px; height: auto; line-height: auto; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** BLOC - ADRESSE - HORAIRES **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PADDINGS SOUS-BLOCS ****************************************************************************************/ .page-id-18980 #bloc-adresse-horaires .sous-bloc-adresse, .page-id-18980 #bloc-adresse-horaires .sous-bloc-horaires { padding: 5% !important; } /*************************************************************************************** **************************************************************************************** BLOC - FORMULAIRES — NUMÉROS **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-18980 #layout > .breadcrumb > #bloc-formulaires-numeros.vc-row-wrapper > .row .titre-aligne-a-gauche h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-18980 #layout > .breadcrumb > #bloc-formulaires-numeros.vc-row-wrapper > .row h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } /**************************************************************************************** PADDINGS SOUS-BLOCS ****************************************************************************************/ .page-id-18980 #bloc-formulaires-numeros .sous-bloc-formulaire, .page-id-18980 #bloc-formulaires-numeros .sous-bloc-numeros { padding: 5% !important; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** TITRES CENTRÉS AVEC SOULIGNEMENT CENTRÉ ****************************************************************************************/ .page-id-18980 #layout > .breadcrumb > .vc-row-wrapper > .row .titre-aligne-a-gauche h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-18980 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { .page-id-18980 #layout > .breadcrumb > .vc-row-wrapper > .row .titre-aligne-a-gauche h2.uvc-main-heading { text-align: center !important; margin-bottom: 20px !important; } .page-id-18980 h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: none !important; width: 100px !important; margin: auto !important; left: 0; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE - INTRANET **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** LIENS DE MENU INTRANET **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** LIEN DOCTEUR ****************************************************************************************/ /* ON CRÉÉ UNE SÉPARATION AVEC LES ÉLÉMENTS DU MENU */ #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.intranet-lien-docteur { margin-left: 100px; } #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.intranet-lien-docteur a { text-transform: none; } /* ICÔNE */ #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.intranet-lien-docteur a:before { content: url("/wp-content/uploads/2017/06/la-ligniere-pictos-intranet-connexion.png"); padding-right: 10px; opacity: 1 !important; } /* PAS D'EFFET DE SURLIGNEMENT */ #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.intranet-lien-docteur:after { display: none !important; } /**************************************************************************************** LIEN DÉCONNEXION ****************************************************************************************/ /* STYLE */ #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.intranet-lien-deconnexion a { border: 1px solid white; height: 40px !important; line-height: 40px !important; margin: 10px 20px; padding: 0 30px; text-transform: none; } /* PAS D'EFFET DE SURLIGNEMENT */ #header ul#menu-la-ligniere-menu-principal > li.menu-item-depth-0.intranet-lien-deconnexion:after { display: none !important; } /*************************************************************************************** **************************************************************************************** BLOC INTRANET **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ #bloc-intranet.intranet h1 { text-transform: none; } #bloc-intranet.intranet .sous-bloc-formations-gardes-et-piquets h2 { color: white; font-size: 24px; font-weight: bold; margin-bottom: 5px; } #bloc-intranet.intranet .sous-bloc-formations-gardes-et-piquets img { width: 50px; height: auto; margin-bottom: 20px; } /**************************************************************************************** SOUS-BLOC - FORMATIONS / GARDES & PIQUETS ****************************************************************************************/ #bloc-intranet.intranet .sous-bloc-formations-gardes-et-piquets .columns { width: 48.75%; } #bloc-intranet.intranet .sous-bloc-formations-gardes-et-piquets .columns:first-child { margin-right: 1.25%; } #bloc-intranet.intranet .sous-bloc-formations-gardes-et-piquets .columns:last-child { margin-left: 1.25%; } /*************************************************************************************** **************************************************************************************** BLOC ACTUALITÉS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ #bloc-actualites.intranet, #bloc-actualites.intranet > .row, #bloc-actualites.intranet > .row > .columns { height: 300px; } #bloc-actualites.intranet > .row > .columns { padding: 0; width: 23%; margin: 0 1%; } /**************************************************************************************** BLOCS DE TEXTE - DEMI HAUTEUR - SITUÉS EN BAS ****************************************************************************************/ #bloc-actualites.intranet > .row > .columns > .wpb_wrapper { position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.8); padding: 10px; } /**************************************************************************************** BLOCS DE TEXTE - TITRE ****************************************************************************************/ #bloc-actualites.intranet > .row > .columns .wpb_text_column.titre-actualite { height: 36px; margin-bottom: 10px; } #bloc-actualites.intranet > .row > .columns .wpb_text_column.titre-actualite strong { font-size: 18px; line-height: 0.8; } /**************************************************************************************** BLOCS DE TEXTE - DATE ****************************************************************************************/ #bloc-actualites.intranet > .row > .columns .wpb_text_column.date-actualite { color: #ababab; font-style: italic; margin-bottom: 10px; } /*************************************************************************************** **************************************************************************************** **************************************************************************************** FOOTER **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** CONTENEUR PRINCIPAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PADDING ****************************************************************************************/ #footer.footer-style-3 { padding: 30px; } /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN ROW * ════════════════════════════════════════════════════════════════════════════════════ */ #footer .row { margin: 0 auto !important; } /*************************************************************************************** **************************************************************************************** BLOC CONTACTER **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRE ****************************************************************************************/ #footer .bloc-contact h3 { margin-bottom: 20px; font-size: 1.2em; } /**************************************************************************************** SOUS-BLOC ADRESSE ****************************************************************************************/ #footer .bloc-contact .adresse { margin-bottom: 20px; } #footer .bloc-contact .adresse p { padding-left: 30px; margin: 0; } #footer .bloc-contact .adresse p:first-child { display: inline; padding-left: 10px; } #footer .bloc-contact .adresse:before { background-image: url("/wp-content/uploads/2017/06/la-ligniere-pictos-footer-send.png"); background-size: cover; width: 17px; height: 17px; margin: 0; line-height: 17px; content: ""; display: inline-block; border: none; top: 0; } /**************************************************************************************** SOUS-BLOC TEL / FAX / MAIL ****************************************************************************************/ #footer .bloc-contact a { padding-left: 30px; } #footer .bloc-contact a:before { background-size: cover; width: 17px; height: 17px; margin: 0; line-height: 17px; content: ""; border: none; top: 0; } #footer .bloc-contact a.tel:before { background-image: url("/wp-content/uploads/2017/06/la-ligniere-pictos-footer-tel.png"); } #footer .bloc-contact a.fax:before { background-image: url("/wp-content/uploads/2017/06/la-ligniere-pictos-footer-fax.png"); } #footer .bloc-contact a.mail:before { background-image: url("/wp-content/uploads/2017/06/la-ligniere-pictos-footer-logo-mail.png"); } /*************************************************************************************** **************************************************************************************** BLOC IMAGES **************************************************************************************** ****************************************************************************************/ /* BLOC CENTRAL */ #footer .four.columns:nth-child(2) .vc_single_image-wrapper { padding: 15%; } /* BLOC DE DROITE */ #footer .four.columns:nth-child(3) .vc_single_image-wrapper { padding: 10%; } /*************************************************************************************** **************************************************************************************** BLOC SOCIALS **************************************************************************************** ****************************************************************************************/ .socials { /* ════════════════════════════════════════════════════════════════════════════════════ * MAIN CONTAINER * ════════════════════════════════════════════════════════════════════════════════════ */ margin-bottom: 50px; padding: 0 10%; text-align: right; /* ════════════════════════════════════════════════════════════════════════════════════ * SINGLE SOCIAL * ════════════════════════════════════════════════════════════════════════════════════ */ } @media (max-width: 767px) { .socials { text-align: center; } } .socials .social { display: inline-block; width: 30px; height: 30px; margin: 0 10px; } @media (min-width: 767px) and (max-width: 991px) { .socials .social { width: calc(3.02419355vw); height: calc(3.02419355vw); margin: 0 calc(1.00806452vw); } } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1279px) { /**************************************************************************************** COLONNES EN 1/3 ****************************************************************************************/ #footer .row { font-size: 0; } #footer .row .columns.four { display: inline-block; width: 33.33333333333%; vertical-align: top; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** COLONNES EN 1/3 ****************************************************************************************/ #footer .row { font-size: 0; } #footer .row .columns.four { display: inline-block; width: 33.33333333333%; vertical-align: top; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** CONTENEUR PRINCIPAL ****************************************************************************************/ #footer.footer-style-3 { padding: 15px; } /**************************************************************************************** COLONNES EN 1/3 ****************************************************************************************/ #footer .row { font-size: 0; } #footer .row .columns.four { display: inline-block; width: 33.33333333333%; vertical-align: top; } /*************************************************************************************** BLOC IMAGES ****************************************************************************************/ /* BLOC CENTRAL */ #footer .four.columns:nth-child(2) .vc_single_image-wrapper { padding: 5%; } /* BLOC DE DROITE */ #footer .four.columns:nth-child(3) .vc_single_image-wrapper { padding: 5%; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** CONTENEUR PRINCIPAL ****************************************************************************************/ #footer.footer-style-3 { padding: 15px; } /**************************************************************************************** COLONNES EN 1/3 ****************************************************************************************/ #footer .row { font-size: 0; } #footer .row .columns.four { display: block; width: 100%; } /**************************************************************************************** SOUS-BLOC CONTACT ****************************************************************************************/ /* ON FAIT EN SORTE DE LE CENTRER HORIZONTALEMENT */ #footer .row .columns.bloc-contact { width: 210px; margin: 20px auto; } /**************************************************************************************** SOUS-BLOC IMAGES ****************************************************************************************/ #footer .row .columns:not(:first-child) { margin: 0; } #footer .row .columns .vc_single_image-wrapper { padding: 5%; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** COPYRIGHT & SUBFOOTER **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** CONTENEURS PRINCIPAUX **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** HAUTEURS ****************************************************************************************/ #sub-footer, #sub-footer > .row, #sub-footer > .row .subfooter-copyright { height: 60px !important; line-height: 60px !important; margin: 0 auto; } /*************************************************************************************** **************************************************************************************** CONTENEUR COPYRIGHT **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** MENU DE GAUCHE ****************************************************************************************/ #sub-footer ul#menu-footer { display: inline; float: left; margin-bottom: 0; } #sub-footer ul#menu-footer > li { display: inline; border-right: 1px solid white; padding: 0 10px; } #sub-footer ul#menu-footer > li:last-child { border-right: none; } /**************************************************************************************** ALIGNEMENT DROIT ****************************************************************************************/ #sub-footer .subfooter-copyright { text-align: right; } #sub-footer .subfooter-copyright #copyright { margin-bottom: 0; } /**************************************************************************************** COULEUR ****************************************************************************************/ #sub-footer .subfooter-copyright * { color: white; font-size: 12px; line-height: 60px; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1200px) { /**************************************************************************************** COPYRIGHT ****************************************************************************************/ #sub-footer p#copyright { font-size: xx-small; } #sub-footer p#copyright * { font-size: inherit !important; } } @media (min-device-width: 1281px) and (max-width: 1070px) { /**************************************************************************************** PLAN DU SITE ****************************************************************************************/ #sub-footer ul#menu-footer > li { padding: 5px; } #sub-footer ul#menu-footer > li > a { font-size: 11px; } } @media (min-device-width: 1281px) and (max-width: 980px) { /**************************************************************************************** PLAN DU SITE ****************************************************************************************/ #sub-footer ul#menu-footer > li > a { font-size: 10px; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** LARGEURS RELATIVES DES DEUX BLOCS ****************************************************************************************/ #sub-footer ul#menu-footer { display: inline-block; width: 60%; float: left; text-align: left; } #sub-footer p#copyright { display: inline-block; width: 40%; float: left; text-align: right; } /**************************************************************************************** PLAN DU SITE ****************************************************************************************/ #sub-footer ul#menu-footer > li { padding: 7px; } #sub-footer ul#menu-footer > li:last-child { border: none; } #sub-footer ul#menu-footer > li > a { font-size: x-small; } /**************************************************************************************** COPYRIGHT ****************************************************************************************/ #sub-footer p#copyright { font-size: x-small; } #sub-footer p#copyright * { font-size: inherit !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ #sub-footer, #sub-footer > .row, #sub-footer > .row > .columns { height: 70px !important; } /**************************************************************************************** LARGEURS RELATIVES DES DEUX BLOCS ****************************************************************************************/ #sub-footer ul#menu-footer { float: none; display: block; width: 100%; } #sub-footer p#copyright { float: none; display: block; width: 100%; } /**************************************************************************************** PLAN DU SITE ****************************************************************************************/ #sub-footer ul#menu-footer { height: 40px; line-height: 40px; margin-bottom: 0; text-align: center; } #sub-footer ul#menu-footer * { height: inherit; line-height: inherit; } /**************************************************************************************** COPYRIGHT ****************************************************************************************/ #sub-footer p#copyright { height: 20px; line-height: 20px; margin-bottom: 0; text-align: center; } #sub-footer p#copyright * { height: inherit; line-height: inherit; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ #sub-footer, #sub-footer > .row, #sub-footer > .row > .columns { height: 68.5px !important; } /**************************************************************************************** LARGEURS RELATIVES DES DEUX BLOCS ****************************************************************************************/ #sub-footer ul#menu-footer { float: none; display: block; width: 100%; } #sub-footer p#copyright { float: none; display: block; width: 100%; } /**************************************************************************************** PLAN DU SITE ****************************************************************************************/ #sub-footer ul#menu-footer { height: 40px; line-height: 40px; margin-bottom: 0; text-align: center; } #sub-footer ul#menu-footer * { height: inherit; line-height: inherit; font-size: xx-small; } /**************************************************************************************** COPYRIGHT ****************************************************************************************/ #sub-footer p#copyright { height: 20px; line-height: 20px; margin-bottom: 0; text-align: center; font-size: xx-small; } #sub-footer p#copyright * { height: inherit; line-height: inherit; font-size: xx-small; } } /* Smartphones Horizontal - iPhone 5 */ @media (max-device-width: 570px) and (max-width: 570px) and (orientation: landscape) { /**************************************************************************************** SOUS-CONTENEUR PRINCIPAL ****************************************************************************************/ #sub-footer > .row > .columns { padding: 0; } /**************************************************************************************** PLAN DU SITE ****************************************************************************************/ #sub-footer ul#menu-footer > li { padding: 4px; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ #sub-footer { padding: 10px; } #sub-footer, #sub-footer > .row, #sub-footer > .row > .columns { height: 70px; } /**************************************************************************************** LARGEURS RELATIVES DES DEUX BLOCS ****************************************************************************************/ #sub-footer ul#menu-footer { float: none; display: block; width: 100%; } #sub-footer p#copyright { float: none; display: block; width: 100%; } /**************************************************************************************** PLAN DU SITE ****************************************************************************************/ #sub-footer ul#menu-footer { height: 30px; line-height: 15px; margin-bottom: 0; text-align: center; } /* ON PERMET SI BESOIN LE RETOUR DE L'ÉLÉMENT À LA LIGNE */ #sub-footer ul#menu-footer > li { display: inline-block; height: 15px; line-height: 15px; } /* PAS DE BORDURE DROITE POUR LE DERNIER ÉLÉMENT DE LA PREMIÈRE LIGNE */ #sub-footer ul#menu-footer > li:nth-child(3) { border-right: none; } #sub-footer ul#menu-footer * { height: inherit; line-height: inherit; font-size: xx-small; } /**************************************************************************************** COPYRIGHT ****************************************************************************************/ #sub-footer p#copyright { height: 30px; line-height: 30px; margin-bottom: 0; text-align: center; font-size: xx-small; } #sub-footer p#copyright * { height: inherit; line-height: inherit; font-size: xx-small; } } /* Smartphones Vertical - iPhone 5 */ @media (max-device-width: 320px) and (max-width: 320px) and (orientation: portrait) { /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ #sub-footer > .row > .columns { padding: 0; } #sub-footer ul#menu-footer > li { padding: 4px; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** ERREUR 404 **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CTA ****************************************************************************************/ .page-404 .ubtn { min-width: 200px !important; padding: 10px !important; } .page-404 .ubtn.cta-centre-medical-et-therapeutique { min-width: 300px !important; } /*************************************************************************************** **************************************************************************************** **************************************************************************************** CTA - ADMISSION ET RDV **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** H2 ****************************************************************************************/ .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row h2 { font-size: 18px !important; } /**************************************************************************************** CTAs ****************************************************************************************/ .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row .ubtn { max-width: 100% !important; width: 300px !important; display: inline-block !important; } /**************************************************************************************** COLONNES ****************************************************************************************/ /* ON DÉSACTIVE LE MODE FLEX */ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row { display: block !important; width: 100% !important; } .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row > .columns { display: inline-block !important; vertical-align: top !important; } /*************************************************************************************** **************************************************************************************** BLOC TITRE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-19197 #bloc-titre h1 > .row > .colums.twelve { padding-left: 30px !important; padding-right: 30px !important; } .page-id-19197 #bloc-titre h1 { text-transform: none; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 1200px) { /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** H2 ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row h2 { font-size: 14px !important; } } /* Fenêtres réduites */ @media (min-device-width: 1281px) and (max-width: 980px) { /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** H2 ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row h2 { font-size: 12px !important; } } /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** H2 ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row h2 { font-size: 14px !important; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** COLONNES ****************************************************************************************/ /* ON DÉSACTIVE LE MODE FLEX */ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row { display: block !important; width: 100% !important; } .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row > .columns { display: inline-block !important; vertical-align: top !important; } /**************************************************************************************** H2 ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row h2 { font-size: 14px !important; } /* BLOC CTA 01 - HOOGÉNÉISATION DES HAUTEURS */ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id="bloc-cta-01"] > .row h2 { height: 52px; /* TAILLE D'UN TITRE SUR DEUX LIGNES (CELUI DU MILIEU) */ } /**************************************************************************************** CTAs ****************************************************************************************/ .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row .ubtn { height: 58px; } .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row .ubtn > .ubtn-text { height: 38px; line-height: 38px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC TITRE ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > #bloc-titre { padding: 30px 0 !important; } /**************************************************************************************** BLOC CTA - COLONNES ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row > .columns { display: block !important; width: 90vw !important; margin: auto !important; } /**************************************************************************************** CTAs ****************************************************************************************/ .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row .ubtn { padding: 20px !important; font-size: 16px; } /**************************************************************************************** H2 ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row h2 { font-size: 18px !important; } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC TITRE ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > #bloc-titre { padding: 30px 0 !important; } /**************************************************************************************** BLOC CTA - COLONNES ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row > .columns { display: block !important; width: 80vw !important; margin: auto !important; } .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row .ubtn { height: 58px; } .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row .ubtn > .ubtn-text { height: 38px; line-height: 38px; } /**************************************************************************************** CTAs ****************************************************************************************/ .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row .ubtn { padding: 10px !important; font-size: 14px; } /**************************************************************************************** H2 ****************************************************************************************/ .page-id-19197 #layout > .breadcrumb > .vc-row-wrapper[id*="bloc-cta-"] > .row h2 { font-size: 16px !important; } } /* Smartphones Vertical - iPhone 5 */ @media (max-device-width: 320px) and (max-width: 320px) and (orientation: portrait) { /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** BLOC CTA - COLONNES ****************************************************************************************/ .page-id-19197 .vc-row-wrapper[id*="bloc-cta-"] > .row .ubtn > .ubtn-text { height: 38px; line-height: 38px !important; } /* SAUF LES DEUX PREMIERS CTA DE BLOC-CTA-01 QUI PASSENT SUR DEUX LIGNES */ .page-id-19197 .vc-row-wrapper[id="bloc-cta-01"] > .row .columns:nth-child(1) .ubtn > .ubtn-text, .page-id-19197 .vc-row-wrapper[id="bloc-cta-01"] > .row .columns:nth-child(2) .ubtn > .ubtn-text { line-height: 16px !important; } /*************************************************************************************** **************************************************************************************** BLOC TITRE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .page-id-19197 #bloc-titre h1 { font-size: 26px !important; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** ARTICLES DE NEWS **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** ÉLÉMENTS QUE L'ON N'AFFICHE PAS **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** MÉTAS ****************************************************************************************/ .single-post .entry-data { display: none; } /**************************************************************************************** ZONE DE COMMENTAIRES ****************************************************************************************/ .single-post .dfd-meta-container { display: none; } /*************************************************************************************** **************************************************************************************** PAGE **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** CONTENEURS PRINCIPAUX ****************************************************************************************/ .single-post #layout > .row, .single-post #layout > .row > .blog-section, .single-post #layout > .row > .blog-section #main-content, .single-post #layout > .row > .blog-section #main-content > article { margin: 0; padding: 0; width: 100%; } /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** TITRES ****************************************************************************************/ .single-post #layout > .breadcrumb > .vc-row-wrapper > .row .titre-aligne-a-gauche h2.uvc-main-heading { text-align: left !important; } .single-post .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { float: left; } .single-post .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .single-post .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 70px; } /*************************************************************************************** **************************************************************************************** BLOC-03 **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** PLEINE LARGEUR TOTALE ****************************************************************************************/ .single-post #main-content #bloc-03 > .row { max-width: 100vw; } .single-post #main-content #bloc-03 .sous-bloc-image { margin: 0 -7vw; width: 102vw; } .single-post #main-content #bloc-03 .sous-bloc-image > .row { margin: 0; } /**************************************************************************************** BLOC TEXTE ****************************************************************************************/ /* PAS DE MARGIN BOTTOM POUR LE DERNIER PARAGRAPHE */ .single-post #main-content #bloc-03 .bloc-texte p:last-child { margin-bottom: 0; } /*************************************************************************************** **************************************************************************************** **************************************************************************************** MODULE DERNIÈRES ACTUALITÉS **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** GÉNÉRAL **************************************************************************************** ****************************************************************************************/ /**************************************************************************************** ON N'AFFICHE PAS LA PREMIÈRE IMAGE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list:first-child { display: none; } /**************************************************************************************** Sur la page CMT, on n'affiche que les nouvelles avec le tag CMT ****************************************************************************************/ .page-id-16718 #module-dernieres-actualites div[id*="blog-posts"] > .posts-list .post:not([data-tag="centre-medical-et-therapeuthique"]) { display: none; } /**************************************************************************************** ON CHANGE LA LARGEUR RELATIVES DU SOUS-BLOC PRINCIPAL DU BLOC IMAGE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media { overflow: visible; } #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media > .entry-thumb { width: 750px; height: 300px; } #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media > .entry-thumb img { height: 100%; max-height: 300px; } /**************************************************************************************** ON MODIFIE LES PROPRIÉTÉS DU BLOC TEXTE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media + .title-wrap { height: 270px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: rgba(255, 255, 255, 0.9); padding: 30px; } /* DATE */ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media + .title-wrap > .entry-meta { margin-bottom: 10px; font-style: italic; color: #ababab; font-size: 14px; text-transform: uppercase; } /**************************************************************************************** ESPACEMENTS ENTRE DEUX ACTUALITÉS ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post { margin-bottom: 30px !important; } /*************************************************************************************** **************************************************************************************** RESPONSIVITÉ **************************************************************************************** ****************************************************************************************/ /* Tablettes Horizontales */ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) { /**************************************************************************************** ON MODIFIE LES PROPRIÉTÉS DU BLOC TEXTE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media + .title-wrap { padding: 15px; } } /* Tablettes Verticales */ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait) { /**************************************************************************************** ON MODIFIE LES PROPRIÉTÉS DU BLOC TEXTE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media + .title-wrap { width: 60% !important; font-size: 12px; line-height: 1.3; padding: 15px; } } /* Smartphones Horizontal - iPhone 5, 6 et + */ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape) { /**************************************************************************************** SOUS-BLOC PRINCIPAL DU BLOC IMAGE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media { padding: 0; width: 100%; } /**************************************************************************************** ON MODIFIE LES PROPRIÉTÉS DU BLOC TEXTE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media + .title-wrap { width: 90% !important; position: absolute; top: 50%; left: 50%; right: initial; transform: translate(-50%, -50%); } } /* Smartphone Vertical - iPhone 5, 6 et + */ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait) { /**************************************************************************************** SOUS-BLOC PRINCIPAL DU BLOC IMAGE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media { padding: 0; width: 100%; } /**************************************************************************************** ON MODIFIE LES PROPRIÉTÉS DU BLOC TEXTE ****************************************************************************************/ #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media + .title-wrap { width: 95% !important; position: absolute; top: 50%; left: 50%; right: initial; transform: translate(-50%, -50%); } #module-dernieres-actualites div[id*="blog-posts"] > .posts-list > .post > .entry-media + .title-wrap .excerpt { font-size: 13px; line-height: 1.4; } } /*************************************************************************************** **************************************************************************************** **************************************************************************************** PAGE — OFFRES D'EMPLOI V2 **************************************************************************************** **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** **************************************************************************************** RANGÉE - TITRE & CTA CANDIDATURE SPONTANÉE **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** BARRE SOUS-TITRE ****************************************************************************************/ .page-id-19816 #bloc-titre-et-candidature-spontanee .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer { overflow: visible; } .page-id-19816 #bloc-titre-et-candidature-spontanee .ligne-alignee-a-gauche h2.uvc-main-heading + .uvc-heading-spacer > .uvc-headings-line { width: 65px !important; position: relative; right: 100px; } /*************************************************************************************** CTA CANDIDATURE SPONTANÉE ****************************************************************************************/ .page-id-19816 #bloc-titre-et-candidature-spontanee a.ubtn-link .ubtn { padding: 10px; text-align: center; } @media (max-width: 767px) { .page-id-19816 #bloc-titre-et-candidature-spontanee a.ubtn-link { margin-top: 30px; float: none !important; } } /*************************************************************************************** **************************************************************************************** RANGÉE - OFFRES D'EMPLOI **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** RANGÉE OFFRE ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi { margin: auto; } .page-id-19816 #bloc-offres-d-emploi > .row { margin: 0; width: 100%; } .page-id-19816 #bloc-offres-d-emploi > .row > .columns.twelve { width: 100%; } /*************************************************************************************** RANGÉE OFFRE ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] { font-size: 0; padding: 30px 0; } /*************************************************************************************** BLOCS FILTRES DE MOTS CLÉS ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi .search_jobs { background: #f9f9f9; } /*************************************************************************************** BLOCS FILTRES DE CATÉGORIES ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi .job_filters ul.job_types { margin: 0; border: none; } .page-id-19816 #bloc-offres-d-emploi .job_filters ul.job_types > li { text-indent: 0; font-weight: 100; border: none !important; } .page-id-19816 #bloc-offres-d-emploi .job_filters ul.job_types > li:before { display: none; } .page-id-19816 #bloc-offres-d-emploi .job_filters ul.job_types > li input[type="checkbox"]:before { width: 15px; height: 15px; } .page-id-19816 #bloc-offres-d-emploi .job_filters ul.job_types > li input[type="checkbox"]:checked:after { background: transparent; content: '\002713'; font-size: 15px; margin: 0; line-height: 15px; left: 1px; top: -2px; } /*************************************************************************************** LIGNE DE NOMBRE DE RÉSULTATS DE RECHERCHE ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi .job_filters .showing_jobs { display: none; } /*************************************************************************************** BLOCS TITRES ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a { min-height: 60px; height: auto; width: 60%; display: inline-block; vertical-align: top; } /*************************************************************************************** BLOCS TITRES - Icônes ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a > img { width: auto !important; height: 35px; padding-right: 30px; } /*************************************************************************************** BLOCS TITRES - TITRE ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a > .position { padding-left: 70px; width: 100%; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a > .position h3 { font-size: 18px; text-indent: 0; margin-bottom: 5px; margin-right: 30px; } /*************************************************************************************** CATÉGORIES DES POSTES ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] .company ul.meta { float: left; text-align: left; width: 100%; padding: 0; margin: 0; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] .company ul.meta > li { font-weight: 100; color: black; font-size: 15px; text-indent: 0; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] .company ul.meta > li:before { display: none; } /*************************************************************************************** BLOC CTAS ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas { display: inline-block; vertical-align: top; width: 40%; font-size: 0; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta { width: 50%; display: inline-block; vertical-align: top; transition: all .3s; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta > a { width: 80%; margin: auto; padding: 0; overflow: visible; background: transparent; text-align: center; transition: all .3s; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta > a > .ubtn { width: 100%; padding: 10px 20px; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta > a .ubtn-left-bg:not(:hover) .ubtn-hover { left: -110%; } /* OFFRE - CLINIQUE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li.job-type-clinique .consulter-offre .ubtn { background: #009980; color: white; } .page-id-19816 ul.job_listings > li.job-type-clinique .consulter-offre .ubtn-hover { background-color: #4b8e84; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li.job-type-clinique .postuler-offre .ubtn { background: transparent; border: 1px solid #009980 !important; color: #009980 !important; } .page-id-19816 ul.job_listings > li.job-type-clinique .postuler-offre .ubtn-hover { background-color: #4b8e84; } .page-id-19816 ul.job_listings > li.job-type-clinique .postuler-offre:hover a span { color: #FFF !important; } /* OFFRE - CENTRE MÉDICAL & THÉRAPEUTIQUE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li.job-type-centre-medical-therapeutique .consulter-offre .ubtn { background: #8eb71e; color: white; } .page-id-19816 ul.job_listings > li.job-type-centre-medical-therapeutique .consulter-offre .ubtn-hover { background-color: #a0d64f; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li.job-type-centre-medical-therapeutique .postuler-offre .ubtn { background: transparent; border: 1px solid #8eb71e !important; color: #8eb71e !important; } .page-id-19816 ul.job_listings > li.job-type-centre-medical-therapeutique .postuler-offre .ubtn-hover { background-color: #a0d64f; } .page-id-19816 ul.job_listings > li.job-type-centre-medical-therapeutique .postuler-offre:hover a span { color: #FFF !important; } /* OFFRE - CENTRE DE SANTÉ */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li.job-type-centre-de-sante .consulter-offre .ubtn { background: #3ab0e5; color: white; } .page-id-19816 ul.job_listings > li.job-type-centre-de-sante .consulter-offre .ubtn-hover { background-color: #3acbe5; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li.job-type-centre-de-sante .postuler-offre .ubtn { background: transparent; border: 1px solid #3ab0e5 !important; color: #3ab0e5 !important; } .page-id-19816 ul.job_listings > li.job-type-centre-de-sante .postuler-offre .ubtn-hover { background-color: #3acbe5; } .page-id-19816 ul.job_listings > li.job-type-centre-de-sante .postuler-offre:hover a span { color: #FFF !important; } /* OFFRE - CENTRE LA LIGNIÈRE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li.job-type-la-ligniere .consulter-offre .ubtn { background: #777777; color: white; } .page-id-19816 ul.job_listings > li.job-type-la-ligniere .consulter-offre .ubtn-hover { background-color: #999; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li.job-type-la-ligniere .postuler-offre .ubtn { background: transparent; border: 1px solid #777777 !important; color: #777777 !important; } .page-id-19816 ul.job_listings > li.job-type-la-ligniere .postuler-offre .ubtn-hover { background-color: #999; } .page-id-19816 ul.job_listings > li.job-type-la-ligniere .postuler-offre:hover a span { color: #FFF !important; } /*************************************************************************************** **************************************************************************************** POPUP DE FORMULAIRE DE CONTACT **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** CENTRE SUR LA PAGE (HORIZONTALEMENT) ****************************************************************************************/ .page-id-19816 #fancybox-wrap { top: 50px !important; left: 50% !important; transform: translateX(-50%) !important; } /**************************************************************************************** FORMULAIRE DE CONTACT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-19816 #fancybox-wrap .wpcf7 label { width: 100%; font-style: italic; } /* CHAMPS DE SAISIE */ .page-id-19816 #fancybox-wrap .wpcf7 input { background: transparent; border: none; border-bottom: 1px solid grey; padding: 0; height: 25px; line-height: 25px; } /**************************************************************************************** CHAMPS SELECT ****************************************************************************************/ /* CHAMPS DE SAISIE */ .page-id-19816 #fancybox-wrap .wpcf7 .dk-selected { width: 100%; background: transparent; border: 1px solid grey; padding: 0 15px; height: 30px; line-height: 25px; margin-top: 10px; } .page-id-19816 #fancybox-wrap .dk-select .dk-select-options { overflow: scroll; } /**************************************************************************************** CHAMPS UPLOAD ****************************************************************************************/ /* CONTENEUR PRINCIPAL */ .page-id-19816 #fancybox-wrap .wpcf7 .fichiers { width: 100%; font-size: 0; } /* CONTENEUR SECONDAIRE */ .page-id-19816 #fancybox-wrap .wpcf7 .fichiers > .fichier { display: inline-block; width: 50%; text-align: center; } /* CTAs */ .page-id-19816 #fancybox-wrap .fichiers > .fichier > label > .cta-de-remplacement { width: 80%; margin: auto; padding: 10px; border: 1px solid gray; } .page-id-19816 #fancybox-wrap .wpcf7 .fichiers > .fichier .wpcf7-form-control-wrap input { display: none; } /*************************************************************************************** **************************************************************************************** PAGE - OFFRE INDIVIDUELLE **************************************************************************************** ****************************************************************************************/ /*************************************************************************************** LOCATION ****************************************************************************************/ .single-job_listing article ul.job-listing-meta > li.location { display: none; } /*************************************************************************************** CATÉGORIE ****************************************************************************************/ .single-job_listing article.job-type-clinique ul.job-listing-meta > .job-type.clinique { background-color: #009980 !important; } .single-job_listing article.job-type-centre-medical-therapeutique ul.job-listing-meta > .job-type.centre-medical-et-therapeutique { background-color: #8eb71e !important; } .single-job_listing article.job-type-centre-de-sante ul.job-listing-meta > .job-type.centre-de-sante { background-color: #3ab0e5 !important; } .single-job_listing article.job-type-la-ligniere ul.job-listing-meta > .job-type.la-ligniere { background-color: #777777 !important; } /*************************************************************************************** CONTENEUR DESCRIPTION DU POSTE ****************************************************************************************/ .single-job_listing article .job_description { margin: 0 !important; } /*************************************************************************************** BOUTON PDF ****************************************************************************************/ .single-job_listing article .job_description a { padding: 15px; color: white; margin: 20px 0; display: inline-block; } /*************************************************************************************** BOUTON POSTULER ****************************************************************************************/ .single-job_listing article .job_application { text-align: center !important; } .single-job_listing article input.application_button { line-height: 0px !important; border: none !important; } .single-job_listing article.job-type-clinique input.application_button { background-color: #009980 !important; } .single-job_listing article.job-type-centre-medical-therapeutique input.application_button { background-color: #8eb71e !important; } .single-job_listing article.job-type-centre-de-sante input.application_button { background-color: #3ab0e5 !important; } .single-job_listing article.job-type-la-ligniere input.application_button { background-color: #777777 !important; } /*************************************************************************************** LIEN MAILTO ****************************************************************************************/ .single-job_listing article input.application_button { line-height: 0px !important; } .single-job_listing article.job-type-clinique a[href^="mailto:"] { color: #009980 !important; background: transparent !important; } .single-job_listing article.job-type-centre-medical-therapeutique a[href^="mailto:"] { color: #8eb71e !important; background: transparent !important; } .single-job_listing article.job-type-centre-de-sante a[href^="mailto:"] { color: #3ab0e5 !important; background: transparent !important; } .single-job_listing article.job-type-la-ligniere a[href^="mailto:"] { color: #777777 !important; background: transparent !important; } /********************************************************************************************* ********************************************************************************************** RESPONSIVITÉ ********************************************************************************************** *********************************************************************************************/ /***************************************************************************************** FENÊTRES RÉDUITES / AGRANDIES *****************************************************************************************/ /* ON CONSIDÈRE QUE LES PAGES SONT DE BASE FAITES POUR ASSURER UNE RÉSOLUTION DE 1280PX LES ORDINATEURS 13" (1280px) SONT DONC CONSIDÉRÉS COMME TRAITÉS PAR LE CODE DE BASE EN-DEÇA DE 1280PX ON CONSIDÈRE CELA COMME DES FENÊTRES RÉDUITES AU-DELÀ DE 1280PX ON CONSIDÈRE CELA COMME DES FENPETRES AGRANDIES */ /************************************************************************************* Fenêtres réduites : À partir des 10" (1024px) *************************************************************************************/ /************************************************************************************* Fenêtres agrandies : À partir des 13.3" (1366px) *************************************************************************************/ /***************************************************************************************** TABLETTES *****************************************************************************************/ /************************************************************************************* Tablettes Horizontales *************************************************************************************/ @media (max-device-width: 1280px) and (max-width: 1280px) and (orientation: landscape), (min-device-width: 1024px) and (max-width: 1280px) { /*************************************************************************************** BLOCS TITRES - TITRE ****************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a > .position h3 { font-size: 16px; } /************************************************************************************* CTAS *************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta > a > .ubtn { font-size: 12px; padding: 10px 10px; } } /************************************************************************************* Tablettes Verticales *************************************************************************************/ @media (max-device-width: 800px) and (max-width: 800px) and (orientation: portrait), (min-device-width: 1024px) and (max-width: 800px) { /*************************************************************************************** BLOCS — CANDIDATURE SPONTANÉE ****************************************************************************************/ .page-id-19816 #bloc-titre-et-candidature-spontanee > .row > .twelve.columns { width: 100%; margin-top: 60px; } } /***************************************************************************************** SMARTPHONES *****************************************************************************************/ /************************************************************************************* Smartphones Horizontal - iPhone 5, 6 et + *************************************************************************************/ @media (max-device-width: 750px) and (max-width: 750px) and (orientation: landscape), (min-device-width: 1024px) and (max-width: 750px) { /*************************************************************************************** BLOCS — CANDIDATURE SPONTANÉE ****************************************************************************************/ .page-id-19816 #bloc-titre-et-candidature-spontanee > .row > .twelve.columns { width: 100%; } .page-id-19816 #bloc-titre-et-candidature-spontanee > .row > .twelve.columns .row > .columns.six { padding-left: 0; padding-right: 0; margin-bottom: 15px; } .page-id-19816 #layout > .breadcrumb > .vc-row-wrapper#bloc-titre-et-candidature-spontanee > .row h2.uvc-main-heading { text-align: left !important; } .page-id-19816 #bloc-titre-et-candidature-spontanee h2.uvc-main-heading + .uvc-heading-spacer { position: relative; right: 100px; } /*************************************************************************************** BLOCS — OFFRE D'EMPLOI ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper#bloc-offres-d-emploi > .row > .columns { padding: 0 !important; } /********************************************************************************** POSTES ***********************************************************************************/ /* LISTE DES POSTES */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings { margin-left: 40px; } /* POSTE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a > .position { padding-left: 50px; } /* INTITULÉ DU POSTE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a > .position h3 { font-size: 15px; } /* ICÔNE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] img.company_logo { visibility: visible; } /************************************************************************************* CTAS *************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta > a > .ubtn { padding: 10px; } } /************************************************************************************* Smartphone Vertical - iPhone 5, 6 et + *************************************************************************************/ @media (max-device-width: 500px) and (max-width: 500px) and (orientation: portrait), (min-device-width: 1024px) and (max-width: 500px) { /*************************************************************************************** BLOCS — CANDIDATURE SPONTANÉE ****************************************************************************************/ .page-id-19816 #bloc-titre-et-candidature-spontanee .row > .twelve.columns { width: 100%; } .page-id-19816 #bloc-titre-et-candidature-spontanee .row > .twelve.columns .row > .columns.six { padding-left: 0; padding-right: 0; margin-bottom: 15px; } .page-id-19816 #layout > .breadcrumb > .vc-row-wrapper#bloc-titre-et-candidature-spontanee > .row h2.uvc-main-heading { text-align: left !important; } .page-id-19816 #bloc-titre-et-candidature-spontanee h2.uvc-main-heading + .uvc-heading-spacer { position: relative; right: 100px; } /*************************************************************************************** BLOCS — OFFRE D'EMPLOI ****************************************************************************************/ #layout > .breadcrumb > .vc-row-wrapper#bloc-offres-d-emploi > .row > .columns { padding: 0 !important; } /********************************************************************************** ON PLACE LES BLOCS L'UN SOUS L'AUTRE ***********************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a, .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a + #bloc-ctas { display: block; width: 100%; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a { margin-bottom: 30px; } /********************************************************************************** POSTES ***********************************************************************************/ /* LISTE DES POSTES */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings { margin-left: 20px; } /* POSTE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a > .position { padding-left: 50px; } /* INTITULÉ DU POSTE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] > a > .position h3 { font-size: 15px; } /* ICÔNE */ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] img.company_logo { visibility: visible; } /************************************************************************************* CTAS *************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta > a { width: 90%; } .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta > a > .ubtn { padding: 10px; font-size: 13px; } } /************************************************************************************* Smartphones Vertical - iPhone 5 *************************************************************************************/ @media (max-device-width: 320px) and (max-width: 320px) and (orientation: portrait), (min-device-width: 1024px) and (max-width: 320px) { /************************************************************************************* CTAS *************************************************************************************/ .page-id-19816 #bloc-offres-d-emploi ul.job_listings > li[class*="job-type"] #bloc-ctas > .cta > a > .ubtn { font-size: 11px; } } #bloc-instagram .row { max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 400px) and (orientation: portrait) { #sbi_images { text-align: center !important; } #bloc-instagram #sbi_images .sbi_type_image { display: inline-block !important; width: 300px !important; height: 300px !important; padding: 0 !important; margin: 0 !important; } #bloc-revolution-slider .row { max-width: 100% !important; margin-left: -15px !important; } } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * COOKIE NOTICE (for GDPR) plugin — LESS VERSION * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ #cookie-notice { /* VARIABLES */ /* MAIN CONTAINER */ border-top: 1px solid #ffffff; /* TEXT PART */ } #cookie-notice #cn-notice-text { display: block; } #cookie-notice .cn-button { height: 35px; padding: 10px; line-height: 15px; margin-top: 10px; margin-bottom: 10px; background: #8EB71E; border-color: #8EB71E; } #cookie-notice .cn-button:hover { color: #8EB71E; background: transparent; } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * PAGE INDIVIDUELLE MÉDECIN * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ .single-medecin { /* ════════════════════════════════════════════════════════════════════════════════════ * CONTAC BLOCK * ════════════════════════════════════════════════════════════════════════════════════ */ } .single-medecin #contact-block { /* ════════════════════════════════════════════════════════════════════════════════════ * LINKS * ════════════════════════════════════════════════════════════════════════════════════ */ } .single-medecin #contact-block a { color: black !important; } .single-medecin #contact-block a:hover { color: #8EB71E !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * REPRISE MENU * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * SHIFTNAV PRO / MENU MOBILE * ════════════════════════════════════════════════════════════════════════════════════ */ /* DÉSACTIVATION SHIFTNAVPRO SUR TOUTES LES PAGES SAUF CELLE DE TEST */ #shiftnav-toggle-main { display: none !important; } .page-id-22884 #shiftnav-toggle-main { display: block !important; } /* DÉSACTIVATION MENU MOBILE CLASSIQUE SUR PAGE TEST */ .page-id-22884 #dl-menu { display: none !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * PARTIE CONTENU * ════════════════════════════════════════════════════════════════════════════════════ */ /* DÉSACTIVATION CONTENU RAJOUTÉ DANS HEADER1.PHP SUR PAGE TEST */ /* DÉSACTIVATION MENU MOBILE CLASSIQUE SUR PAGE TEST */ .page-id-22884#partie-a-remplacer { display: none !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * SOUS-MENU PRINCIPAUX * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 { /* ═══════════════════════════════════════════════════════════════════════════════════ * LIENS MENUS PRINCIPAUX * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * HAUTEURS / LARGEURS SOUS-MENU PRINCIPAUX * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * AERATION INTERNE COLONNES DES SOUS-MENUS PRINCIPAUX * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * SOUS-TITRES / SOUS-SOUS TITRES DE COLONNE * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Sous-titre de colonne * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Sous-sous-titres de colonne * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * COLONNES LIENS CLASSIQUES * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * COLONNES BLOCS CTAS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Conteneurs principaux (fonds) * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Comportement différent pour la section « La Lignière et vous? » * ═══════════════════════════════════════════════════════════════════════════════════ */ } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > a { font-size: 13px; padding: 0 15px !important; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > a:hover { font-weight: normal !important; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.admission-et-rendez-vous { height: 40px; margin: calc(11px) auto; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.admission-et-rendez-vous > a { line-height: calc(38px); /* Hauteur interne (moins bordure) */ } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.admission-et-rendez-vous > a > span { vertical-align: top; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > ul.ubermenu-submenu { width: 550px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique > ul.ubermenu-submenu { height: 320px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical > ul.ubermenu-submenu { height: 530px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante > ul.ubermenu-submenu { height: 320px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous > ul.ubermenu-submenu { height: 460px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > ul.ubermenu-submenu { /* On veut centrer verticalement le bloc des liens de la colonne des liens classique */ /* On doit donc être en height: auto et non 100% */ } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > ul.ubermenu-submenu > li, .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > ul.ubermenu-submenu > li > .ubermenu-submenu { height: 100%; margin: 0; padding: 0; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > ul.ubermenu-submenu > li.colonne-liens-classiques > .ubermenu-submenu { height: auto; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 > ul.ubermenu-submenu > li > .ubermenu-submenu > li { margin: 0; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-titre-colonne { width: 100%; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-titre-colonne > span .ubermenu-target-title, .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-titre-colonne > a .ubermenu-target-title { font-weight: bold !important; font-size: 17px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-titre-colonne.souligne > span .ubermenu-target-title, .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-titre-colonne.souligne > a .ubermenu-target-title { padding-bottom: 10px; border-bottom: 1px solid black; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-titre-colonne.couleur-blanc > span .ubermenu-target-title, .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-titre-colonne.couleur-blanc > a .ubermenu-target-title { color: white; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-sous-titre-colonne { width: 100%; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-sous-titre-colonne > * { font-weight: bold !important; font-size: 15px !important; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-sous-titre-colonne > .ubermenu-submenu { padding-top: 0; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .sous-sous-titre-colonne > .ubermenu-submenu li { padding-left: 15px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-liens-classiques { /* ═══════════════════════════════════════════════════════════════════════════════════ * Centrage vertical du bloc * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Liens * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Sous-Liens * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Separateurs * ═══════════════════════════════════════════════════════════════════════════════════ */ } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-liens-classiques > ul { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%, -50%); } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-liens-classiques a { color: #303030; line-height: 1.4; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-liens-classiques a:hover { font-weight: bold; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-liens-classiques .bloc-des-sous-liens > .ubermenu-submenu { padding-top: 0; padding-bottom: 0; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-liens-classiques .bloc-des-sous-liens > .ubermenu-submenu .sous-lien a { margin-left: 15px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-liens-classiques .bloc-des-sous-liens > .ubermenu-submenu .sous-lien a:before { content: '>'; padding-right: 10px; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-liens-classiques .ubermenu-divider hr { border-color: transparent; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.clinique .colonne-blocs-ctas { background: #009980; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-medical .colonne-blocs-ctas { background: #8eb71e; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.centre-de-sante .colonne-blocs-ctas { background: #3ab0e5; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .colonne-blocs-ctas { background: #303030; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas { /* ═══════════════════════════════════════════════════════════════════════════════════ * Général * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Sous-blocs CTAs : Conteneurs Parents * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Sous-blocs CTAs : Conteneurs enfants * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Images * ═══════════════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════════════════ * Liens * ═══════════════════════════════════════════════════════════════════════════════════ */ } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas * { text-align: center !important; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas .hauteur-1_1 { height: 100%; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas .hauteur-1_2 { height: 50%; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas .hauteur-1_2:not(:last-child) { border-bottom: 1px solid white; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas .hauteur-1_3 { height: calc((1/3)*(100% - 50px)); } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas .hauteur-1_3:not(:last-child) { border-bottom: 1px solid white; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas .ubermenu-custom-content { position: relative; height: 100%; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas .ubermenu-custom-content a { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas img { display: block; max-height: 50px; margin: 0 auto 20px auto; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas a { color: white; text-align: center; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0 .colonne-blocs-ctas a:hover { text-decoration: underline; font-size: 17px; font-weight: bold; color: white !important; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .colonne-liens-classiques a:hover span { font-weight: normal !important; text-decoration: underline !important; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .colonne-blocs-ctas .hauteur-1_3 { float: none; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .colonne-blocs-ctas .sous-titre-colonne { height: 50px; float: none; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .colonne-blocs-ctas :not(.sous-titre-colonne) > a { font-size: 13px !important; } .page-id-22884 #header nav.ubermenu-main > ul[id*="ubermenu-nav-main"] > li.ubermenu-sous-menu-de-niveau-0.la-ligniere-et-vous .colonne-blocs-ctas :not(.sous-titre-colonne) > a:hover * { text-decoration: none !important; font-size: inherit !important; } /* ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ * SINGLE CONSULTATION * ════════════════════════════════════════════════════════════════════════════════════ * ════════════════════════════════════════════════════════════════════════════════════ */ .single-consultation { /* ════════════════════════════════════════════════════════════════════════════════════ * FLEX ROWS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * CONSULTATIONS'ELEMENTS * ════════════════════════════════════════════════════════════════════════════════════ */ } .single-consultation #main-wrap .row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-left: 0; margin-right: 0; } .single-consultation #main-wrap .row.container { margin-left: auto; margin-right: auto; width: 1260px; } .single-consultation #main-wrap .row > .col { padding: 0; } @media (max-width: 767px) { .single-consultation #main-wrap .row.col-md-2-1 { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) { .single-consultation #main-wrap .row.col-md-2-1 > .col:nth-child(1) { width: calc(58.33333333%); } .single-consultation #main-wrap .row.col-md-2-1 > .col:nth-child(2) { width: calc(41.66666667%); } } @media (min-width: 992px) { .single-consultation #main-wrap .row.col-md-2-1 > .col:nth-child(1) { width: calc(66.66666667%); } .single-consultation #main-wrap .row.col-md-2-1 > .col:nth-child(2) { width: calc(33.33333333%); } } .single-consultation .consultation { padding-top: 35px; background: #f5f5f5; /* ════════════════════════════════════════════════════════════════════════════════════ * GENERAL * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * BREADCRUMBS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * INTRO * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * IMAGE * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TITLE & DESCRIPTION * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TITLE * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * DESCRIPTION * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * SPECIALITIES * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * INFORMATIONS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * PHONE / EMAIL / SCHDEULES / ACCESS_MAP * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT UNDER INFORMATIONS * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * PRICE BANNER * ════════════════════════════════════════════════════════════════════════════════════ */ } .single-consultation .consultation * { font-family: 'Montserrat' !important; } .single-consultation .consultation__breadcrumbs { margin-bottom: 30px; } .single-consultation .consultation__breadcrumbs-cta { border: 1px solid #8eb71e; height: 22px; width: 270px; 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; } .single-consultation .consultation__breadcrumbs-cta > a { font-size: 12px; color: #8eb71e; text-transform: uppercase; } .single-consultation .consultation__intro { padding-bottom: 80px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .single-consultation .consultation__intro > .col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-consultation .consultation__image { display: inline-block; width: calc(28.57142857%); } .single-consultation .consultation__image img { width: 100%; } @media (max-width: 599px) { .single-consultation .consultation__image { width: 100%; margin-bottom: 30px; } } @media (max-width: 767px) { .single-consultation .consultation__image { display: none; } } .single-consultation .consultation__title-description { display: inline-block; width: calc(71.42857143000001%); padding-left: 20px; padding-right: 20px; } @media (max-width: 767px) { .single-consultation .consultation__title-description { width: 100%; padding: 0; } } .single-consultation .consultation__title { margin-bottom: 20px; } .single-consultation .consultation__title h1 { margin: 0 !important; color: #8eb71e; font-size: 25px; font-weight: bold; letter-spacing: normal; text-transform: none; } .single-consultation .consultation__description { width: 500px; max-width: 100%; } .single-consultation .consultation__description p { font-size: 18px; line-height: 1.39; } .single-consultation .consultation__description p:last-child { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 991px) { .single-consultation .consultation__description p { font-size: 16px; } } .single-consultation .consultation__specialities { /* ════════════════════════════════════════════════════════════════════════════════════ * BLOCK * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TITLE * ════════════════════════════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════════════════════════════════ * TEXT * ════════════════════════════════════════════════════════════════════════════════════ */ } .single-consultation .consultation__specialities__block { margin-top: 40px; background: white; padding: 30px; width: 100%; } @media (max-width: 767px) { .single-consultation .consultation__specialities__block { margin-left: -15px; margin-right: -15px; width: calc(130%); } } .single-consultation .consultation__specialities__title { margin-top: 0; margin-bottom: 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: normal; } .single-consultation .consultation__specialities__text strong, .single-consultation .consultation__specialities__text b { color: #8eb71e; } .single-consultation .consultation__specialities__text ul { margin-top: 10px; margin-bottom: 30px; margin-left: 10px; list-style-type: none; } .single-consultation .consultation__specialities__text ul > li { position: relative; padding-left: 30px; } .single-consultation .consultation__specialities__text ul > li::before { position: absolute; left: 0; top: 0; font-size: 25px; content: '•'; } .single-consultation .consultation__specialities__text ul:last-child { margin-bottom: 0; } .single-consultation .consultation__informations { padding: 30px 25px; background: #8eb71e; } @media (max-width: 767px) { .single-consultation .consultation__informations { margin-top: 60px; width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .single-consultation .consultation__informations { padding: 15px 20px; } } .single-consultation .consultation__informations * { color: white; padding-left: 0; text-align: left; } .single-consultation .consultation__informations h2 { margin-top: 0; margin-bottom: 30px; text-transform: uppercase; font-weight: 600; font-size: 25px; line-height: normal; letter-spacing: normal; } @media (max-width: 767px) { .single-consultation .consultation__informations h2 { text-align: center; } } .single-consultation .consultation__informations h3 { margin-bottom: 10px; font-weight: bold; font-size: 18px; text-transform: uppercase; letter-spacing: normal; } .single-consultation .consultation__phones, .single-consultation .consultation__mails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin-bottom: 40px; padding-left: 70px; } @media (min-width: 768px) and (max-width: 991px) { .single-consultation .consultation__phones, .single-consultation .consultation__mails { padding-left: 60px; } } .single-consultation .consultation__phones::after, .single-consultation .consultation__mails::after { width: 50px; height: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: cover; background-position: center center; content: ''; } @media (min-width: 768px) and (max-width: 991px) { .single-consultation .consultation__phones::after, .single-consultation .consultation__mails::after { width: 40px; height: 32px; } } .single-consultation .consultation__phone, .single-consultation .consultation__mail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; } .single-consultation .consultation__phone span, .single-consultation .consultation__mail span { font-size: 100%; } .single-consultation .consultation__schedules { position: relative; margin-bottom: 40px; padding-left: 70px; } .single-consultation .consultation__schedules::after { width: 50px; height: 40px; position: absolute; left: 0; top: 0; content: ''; background-size: cover; background-position: center center; } @media (min-width: 768px) and (max-width: 991px) { .single-consultation .consultation__schedules::after { width: 40px; height: 32px; } } .single-consultation .consultation__access-plan { position: relative; margin-left: 70px; padding-left: 0; } .single-consultation .consultation__access-plan::after { width: 50px; height: 40px; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); content: ''; background-size: cover; background-position: center center; } @media (min-width: 768px) and (max-width: 991px) { .single-consultation .consultation__access-plan::after { width: 40px; height: 32px; } } .single-consultation .consultation__phones::after { background-image: url('/wp-content/themes/ronneby_child/assets/la-ligniere-cmt-template-consultations-picto-tel.svg'); } .single-consultation .consultation__phones a[href*="tel"] { text-align: left !important; } .single-consultation .consultation__mails::after { background-image: url('/wp-content/themes/ronneby_child/assets/la-ligniere-cmt-template-consultations-picto-mail.svg'); } .single-consultation .consultation__mails a[href*="mail"] { text-align: left !important; } .single-consultation .consultation__schedules::after { background-image: url('/wp-content/themes/ronneby_child/assets/la-ligniere-cmt-template-consultations-picto-horaires.svg'); } .single-consultation .consultation__schedules table { border: none; } .single-consultation .consultation__schedules table tr { border: none; background: transparent !important; } .single-consultation .consultation__schedules table tr td { padding: 5px 0; text-transform: uppercase; font-weight: bold; } .single-consultation .consultation__access-plan { height: 20px; width: 175px; background: white; border: 2px solid white; 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; transition: all ease-in 200ms; } .single-consultation .consultation__access-plan::after { background-image: url('/wp-content/themes/ronneby_child/assets/la-ligniere-cmt-template-consultations-picto-plan.svg'); } .single-consultation .consultation__access-plan > a { color: #8eb71e !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.18 !important; text-transform: uppercase; } .single-consultation .consultation__access-plan:hover { background: #8eb71e; } .single-consultation .consultation__access-plan:hover > a { color: white !important; text-decoration: none !important; } .single-consultation .consultation__text-under-informations { margin-top: 40px; padding-left: 20px; font-size: 14px; font-weight: 500; line-height: 1.64; } @media (max-width: 767px) { .single-consultation .consultation__text-under-informations { padding-left: 0; } } .single-consultation .consultation__price-banner { background: #8eb71e; padding: 60px 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .single-consultation .consultation__price-banner * { text-align: center; color: white; } .single-consultation .consultation__price-banner h2 { margin-bottom: 30px; font-weight: bold; font-size: 26px; line-height: 1.38; } .single-consultation .consultation__price-banner__text { margin-bottom: 30px; } .single-consultation .consultation__price-banner__text * { font-size: 16px; font-weight: 600; line-height: 1.75; } .single-consultation .consultation__price-banner__document { margin-left: auto; margin-right: auto; height: 35px; width: 190px; border: 2px solid #FFF; background: white; 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; transition: all ease-in 200ms; } .single-consultation .consultation__price-banner__document > a { color: black; font-size: 11px; font-weight: 500; line-height: 1.18; text-transform: uppercase; } .single-consultation .consultation__price-banner__document:hover { background: #8eb71e; } .single-consultation .consultation__price-banner__document:hover > a { color: white; text-decoration: none; }