/* Theme Name: Le Coeur bus & cars Version: 2.0.0 Author: Business to Web Author URI: http://www.b2w.fr Description: Thème WordPress sur-mesure pour le site www.url.com . Vous avez besoin d'aide, contactez Business to Web au 09 67 06 67 56. Text Domain: themeb2w @site : http://www.b2w.fr @author : b2w @version : 2.0.0 @date : 2016 @licence : Création Business to Web - Tous droits réservés @media : screen @tested : @todo : */ /************************************************/ /* SOMMAIRE */ /************************************************/ /* 1= Icofont 2= Reset 3= Structure 4= Elements 5= Buttons 6= Forms 7= Tables 8= Medias 9= Typography 10= Box infos 11= Colors 12= Effects 13= Slick 14= Header 15= Navigation 16= Footer 17= Contents 18= Loops 19= Archive 20= Page templates 21= Cookie Choice 22= 404 23= Compatibility 24= Responsive */ .debugr {border:1px red solid;} .debugb {border:1px blue solid;} #wpadminbar {position: fixed !important;} /*support 03/08/2022 Aurélien LF - ticket 17468 Océlorn_*/ @media (min-width: 1400px) { #navigation { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTAyIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjYyXzM0MDMzKSI+CjxwYXRoIGQ9Ik0xMDEuNzY1IDAuMTI1MjQ0TDAgMTAuNzQ2NkwwIDI5LjQ1NjRMMTAxLjc2NSA0MC4wMDA0VjAuMTI1MjQ0WiIgZmlsbD0iIzI4MjQyNSIvPgo8cGF0aCBkPSJNODYuNjYyOCAxNC44NzkxQzg2LjU4MjkgMTQuODc5MSA4Ni40MjcxIDE0Ljg3OTEgODYuMzMzNCAxNC44ODZWMTUuOTcyMkM4Ni40Nzc0IDE1Ljk5NTQgODYuNjIzMiAxNi4wMDUxIDg2Ljc2ODkgMTYuMDAxMkM4Ny4yODMgMTYuMDAxMiA4Ny41MTg3IDE1Ljc1ODMgODcuNTE4NyAxNS40MTZDODcuNTIxNSAxNS4wMjEyIDg3LjE3NjkgMTQuODc5MSA4Ni42NjI4IDE0Ljg3OTFaTTg3LjQ1NTMgMTMuODM1NkM4Ny40NTUzIDEzLjU1OTUgODcuMjk2OCAxMy4zNTY2IDg2Ljc3NTggMTMuMzU2NkM4Ni42MzggMTMuMzU2NiA4Ni40Njg1IDEzLjM2NDkgODYuMzMzNCAxMy4zNjQ5VjE0LjM3OTRDODYuNDU2MSAxNC4zODYzIDg2LjU3NzMgMTQuMzg2MyA4Ni42MjU2IDE0LjM4NjNDODcuMTM0MiAxNC4zODYzIDg3LjQ1NTMgMTQuMjA0MSA4Ny40NTUzIDEzLjgzNTZaTTg4LjcxMzcgMTAuMzQ2MkM4Ny44NTYzIDEwLjM0NjIgODcuMDE4MiAxMC42MDA4IDg2LjMwNTMgMTEuMDc3OUM4NS41OTI0IDExLjU1NDkgODUuMDM2OCAxMi4yMzMgODQuNzA4OCAxMy4wMjYzQzg0LjM4MDggMTMuODE5NiA4NC4yOTUgMTQuNjkyNSA4NC40NjI0IDE1LjUzNDZDODQuNjI5NyAxNi4zNzY3IDg1LjA0MjcgMTcuMTUwMiA4NS42NDkxIDE3Ljc1NzJDODYuMjU1NCAxOC4zNjQzIDg3LjAyNzkgMTguNzc3NiA4Ny44Njg5IDE4Ljk0NUM4OC43MDk4IDE5LjExMjMgODkuNTgxNCAxOS4wMjYxIDkwLjM3MzUgMTguNjk3NEM5MS4xNjU1IDE4LjM2ODYgOTEuODQyNCAxNy44MTIgOTIuMzE4NiAxNy4wOTc5QzkyLjc5NDcgMTYuMzgzOSA5My4wNDg3IDE1LjU0NDQgOTMuMDQ4NCAxNC42ODU4QzkzLjA0ODQgMTQuMTE1OCA5Mi45MzYzIDEzLjU1MTQgOTIuNzE4NCAxMy4wMjQ4QzkyLjUwMDYgMTIuNDk4MiA5Mi4xODEzIDEyLjAxOTcgOTEuNzc4NyAxMS42MTY4QzkxLjM3NjIgMTEuMjEzOCA5MC44OTgzIDEwLjg5NDEgOTAuMzcyNCAxMC42NzYxQzg5Ljg0NjUgMTAuNDU4MSA4OS4yODI5IDEwLjM0NiA4OC43MTM3IDEwLjM0NjJaTTg2Ljc2ODkgMTYuNTU3NUM4Ni41MTI2IDE2LjU1NzUgODYuMDcwMSAxNi41NTA2IDg1LjU2NDMgMTYuNTQyM1YxMi44MjM4Qzg1LjkxMyAxMi44MjM4IDg2LjQzNCAxMi44MSA4Ni45MjYgMTIuODFDODcuODgyNiAxMi44MSA4OC4yNjcxIDEzLjE1OTIgODguMjY3MSAxMy43MTY5Qzg4LjI2NzMgMTMuOTAyNCA4OC4yMDg4IDE0LjA4MzIgODguMTAwMiAxNC4yMzM0Qzg3Ljk5MTUgMTQuMzgzNyA4Ny44MzgxIDE0LjQ5NTYgODcuNjYyMSAxNC41NTMzVjE0LjU2MTZDODcuODU1NyAxNC41OTYxIDg4LjAzMDIgMTQuNjk5OCA4OC4xNTM0IDE0Ljg1MzNDODguMjc2NSAxNS4wMDY5IDg4LjM0IDE1LjE5OTkgODguMzMxOSAxNS4zOTY3Qzg4LjMzMTkgMTUuOTE1NyA4Ny45OTcgMTYuNTU4OSA4Ni43Njg5IDE2LjU1ODlWMTYuNTU3NVpNOTEuODY4NiAxNi41NjQ0SDg5LjA1MTRWMTUuODIzMkg5MS44NjQ1TDkxLjg2ODYgMTYuNTY0NFpNOTEuODY4NiAxNS4wNDYxSDg5LjA1MTRWMTQuMzE0NUg5MS44NjQ1TDkxLjg2ODYgMTUuMDQ2MVpNODkuMDUxNCAxMy41NDAyVjEyLjgwNTlIOTEuODY0NVYxMy41NDAySDg5LjA1MTRaTTc2LjYxOTIgMjQuMzA2NEg4Mi45NTkzVjIyLjYzNDlINzYuNjE5MlYyNC4zMDY0Wk03Ni42MTkyIDE3LjQ4NjRIODIuOTU5M1YxNS44MzdINzYuNjE5MlYxNy40ODY0Wk03Ni42MTkyIDIwLjg5MTZIODIuOTU5M1YxOS4yMzUzSDc2LjYxOTJWMjAuODkxNlpNMjguODMxMSAyMC41NjAzQzMwLjE4MTggMjAuMzQ5MSAzMS4xNDExIDE5LjUxODIgMzEuMTQxMSAxOC4xMzM4QzMxLjE0MTEgMTYuNTY4NSAyOS45NjgyIDE1Ljc4NzMgMjcuOTUwNCAxNS43ODczQzI2LjkwOTcgMTUuNzg3MyAyNS44MDU3IDE1LjgwMzkgMjUuMTg1NSAxNS44MzdWMjQuMzA2NEgyNi45NDQyVjIwLjgyMTJIMjcuMDI1NUwyOS40NDg2IDI0LjMwNjRIMzEuNjExMUwyOS41MTIgMjEuNDc0MUMyOS4yNTQyIDIxLjExMzggMjkuMDI0IDIwLjc4ODEgMjguODMxMSAyMC41NjAzWk0yNi45NDQyIDE5LjYxNjJWMTcuMTcxN0MyNy4xOTIxIDE3LjE0MjYgMjcuNDQxOCAxNy4xMzE1IDI3LjY5MTIgMTcuMTM4NkMyOC42ODM2IDE3LjEzODYgMjkuMjg1OSAxNy41NDU4IDI5LjI4NTkgMTguMzExOEMyOS4yODU5IDE5LjExMSAyOC42ODM2IDE5LjY0OCAyNy43NTYgMTkuNjQ4QzI3LjQ3OSAxOS42NDggMjcuMTg2OCAxOS42MzI4IDI2Ljk0NDIgMTkuNjE2MlpNMjIuMTQ1IDE5Ljc5NDNWMTkuNzc5MUMyMy4wMjMgMTkuNDM1NCAyMy41MjMzIDE4LjczNTYgMjMuNTIzMyAxNy44NzE1QzIzLjUyMzMgMTYuNjAzIDIyLjY0MzkgMTUuODAxMSAyMC40NjM1IDE1LjgwMTFDMTkuMzQyOSAxNS44MDExIDE4LjE1MzUgMTUuODM0MiAxNy4zNTY4IDE1LjgzNDJWMjQuMzAzN0MxOC41MTE4IDI0LjMyMDIgMTkuNTIyMSAyNC4zMzY4IDIwLjEwNTEgMjQuMzM2OEMyMi45MDQ0IDI0LjMzNjggMjMuNjY5NCAyMi44Njk1IDIzLjY2OTQgMjEuNjk3N0MyMy42NzQ5IDIwLjc4ODEgMjMuMTcwNCAyMC4wMzg2IDIyLjE0NSAxOS43OTQzWk0xOS4xMTk2IDE3LjA1ODVDMTkuNDI4NCAxNy4wNTg1IDE5LjgwODggMTcuMDQyIDIwLjEyNzIgMTcuMDQyQzIxLjMxMzkgMTcuMDQyIDIxLjY3MzYgMTcuNDk4OCAyMS42NzM2IDE4LjEzMzhDMjEuNjczNiAxOC45ODEzIDIwLjk0MDQgMTkuMzg4NSAxOS43ODY3IDE5LjM4ODVDMTkuNjcyMyAxOS4zODg1IDE5LjM5NTMgMTkuMzg4NSAxOS4xMTk2IDE5LjM3MDVWMTcuMDU4NVpNMjAuMTEwNiAyMy4wNjk3QzE5Ljc3OSAyMy4wNzgxIDE5LjQ0NzIgMjMuMDU2IDE5LjExOTYgMjMuMDAzNFYyMC41Mjg2QzE5LjMzMTkgMjAuNTEyIDE5LjY4ODkgMjAuNTEyIDE5Ljg2ODEgMjAuNTEyQzIxLjAzOTYgMjAuNTEyIDIxLjgxODMgMjAuODM2NCAyMS44MTgzIDIxLjczMjJDMjEuODE4MyAyMi41MTYyIDIxLjI4MjIgMjMuMDY5NyAyMC4xMTA2IDIzLjA2OTdaTTQ3LjI5NjEgMTUuODM3SDQwLjg1NTNWMTcuMzM0Nkg0My4xOTg0VjI0LjMwNjRINDQuOTU1N1YxNy4zMzQ2SDQ3LjI5ODhMNDcuMjk2MSAxNS44MzdaTTcyLjYwMjkgMTkuNTYzOEM3Mi42MDI5IDIwLjY1NDIgNzIuNjE5NCAyMS40NzEzIDcyLjY1MjUgMjIuMDA2OUg3Mi42MzU5QzcyLjM2IDIxLjQzNyA3Mi4wNTA3IDIwLjg4MzkgNzEuNzA5NyAyMC4zNTA1TDY4Ljg2MjIgMTUuODM4NEg2Ni41MTkxVjI0LjMwNzhINjguMjI1NEw2OC4yMTAyIDE5Ljg3NzFDNjguMjEwMiAxOS4wOTU4IDY4LjE5MzcgMTguNTcyNyA2OC4xNjA2IDE4LjEwMkg2OC4xNzcyQzY4LjQyNTkgMTguNjU5MSA2OC43MTM4IDE5LjE5NzkgNjkuMDM4NiAxOS43MTQyTDcxLjk0NjggMjQuMzA2NEg3NC4yODk5VjE1LjgzN0g3Mi41ODA4TDcyLjYwMjkgMTkuNTYzOFpNNTAuNDQ1NCAxNS44MzdMNDcuMjM5NSAyNC4zMDY0SDQ4Ljk5NjlMNDkuNjE4NSAyMi42NjI1SDUzLjE0OTdMNTMuNzUzMyAyNC4zMDY0SDU1LjcwNjRMNTIuNTEyOSAxNS44MzdINTAuNDQ1NFpNNTAuMDM4OCAyMS4zODk5TDUwLjk0OTkgMTguOTk1MUM1MS4xMTEyIDE4LjU1NjEgNTEuMjU4NiAxOC4wODQxIDUxLjM3MTcgMTcuNjc2OUg1MS4zODgyQzUxLjUwMjYgMTguMDY3NSA1MS42NjM5IDE4LjU3MTMgNTEuODI2NSAxOS4wMTE2TDUyLjcwNTggMjEuMzg5OUg1MC4wMzg4Wk02Mi4zMTY3IDIyLjcyODhDNjEuOTE0MSAyMi44MzUzIDYxLjQ5OTUgMjIuODg5NiA2MS4wODMxIDIyLjg5MDNDNTkuNTAzNiAyMi44OTAzIDU4LjQxNDcgMjEuODk1MSA1OC40MTQ3IDIwLjA4NjlDNTguNDE0NyAxOC4xNjU1IDU5LjY4MjcgMTcuMTcxNyA2MS4yNjA5IDE3LjE3MTdDNjIuMDU3NyAxNy4xNzUgNjIuODQ2NyAxNy4zMjk2IDYzLjU4NjEgMTcuNjI3Mkw2My44OTc2IDE2LjA5NjVDNjMuMDM2NiAxNS44Mzg4IDYyLjE0MjkgMTUuNzA3MyA2MS4yNDQ0IDE1LjcwNTlDNTguMzAwMyAxNS43MDU5IDU2LjU0NDQgMTcuNjk0OCA1Ni41NDQ0IDIwLjIzNDZDNTYuNTQ0NCAyMy4wMDM0IDU4LjM4MyAyNC40Mzc2IDYwLjkxOTEgMjQuNDM3NkM2MS45OTc2IDI0LjQ0NjEgNjMuMDY4MSAyNC4yNTIzIDY0LjA3NTQgMjMuODY2MVYxOS44NzU3SDYyLjMyMjJMNjIuMzE2NyAyMi43Mjg4Wk0zMy4wNDA0IDI0LjMwNjRIMzkuMzgwNVYyMi42MzQ5SDMzLjA0MDRWMjQuMzA2NFpNMzMuMDQwNCAxNy40ODY0SDM5LjM4MDVWMTUuODM3TDMzLjA0MDQgMTUuODM3VjE3LjQ4NjRaTTMzLjA0MDQgMjAuODkxNkgzOS4zODA1VjE5LjIzNTNIMzMuMDQwNFYyMC44OTE2WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NjJfMzQwMzMiPgo8cmVjdCB3aWR0aD0iMTAxLjc2NSIgaGVpZ2h0PSIzOS44NzUxIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjEyNTI0NCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) !important; background-position: center right !important; background-repeat: no-repeat !important; } } /************************************************/ /* 1= ICOFONT */ /************************************************/ @font-face { font-family: 'elorn'; src: url('fonts/elorn.eot?xvgcf'); src: url('fonts/elorn.eot?xvgcf#iefix') format('embedded-opentype'), url('fonts/elorn.ttf?xvgcf') format('truetype'), url('fonts/elorn.woff?xvgcf') format('woff'), url('fonts/elorn.svg?xvgcf#elorn') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'elorn' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: "\e986"; } .icon-pdf:before { content: "\eadf"; } .icon-close:before { content: "\e903"; } .icon-mail:before { content: "\e904"; } .icon-arrow-bottom:before { content: "\e905"; } .icon-arrow-left:before { content: "\e906"; } .icon-arrow-right:before { content: "\e907"; } .icon-arrow-top:before { content: "\e908"; } .icon-facebook:before { content: "\e902"; } .icon-mobile:before { content: "\e958"; } .icon-arrow-up2:before { content: "\ea3a"; } .icon-arrow-right2:before { content: "\ea3c"; } .icon-arrow-down2:before { content: "\ea3e"; } .icon-arrow-left2:before { content: "\ea40"; } .icon-instagram:before { content: "\ea92"; } .icon-twitter:before { content: "\ea96"; } .icon-youtube:before { content: "\ea9d"; } .icon-linkedin:before { content: "\eac9"; } .icon-pinterest:before { content: "\ead1"; } .icon-accessibility:before { content: "\e900"; } .icon-air-conditioner:before { content: "\e901"; } .icon-autocar-1:before { content: "\e909"; } .icon-autocar-2:before { content: "\e90a"; } .icon-backpack:before { content: "\e90b"; } .icon-checked:before { content: "\e90c"; } .icon-coffee:before { content: "\e90d"; } .icon-comfort:before { content: "\e90e"; } .icon-fridge:before { content: "\e90f"; } .icon-group:before { content: "\e910"; } .icon-person-1:before { content: "\e911"; } .icon-person-2:before { content: "\e912"; } .icon-steering-wheel:before { content: "\e913"; } .icon-subscription:before { content: "\e914"; } .icon-time:before { content: "\e915"; } .icon-toilet:before { content: "\e916"; } .icon-usb:before { content: "\e917"; } .icon-van:before { content: "\e918"; } .icon-video:before { content: "\e919"; } .icon-wifi:before { content: "\e91a"; } /************************************************/ /* 2= RESET */ /************************************************/ html, body, label { margin: 0; padding: 0; } code, pre, samp { white-space: pre-wrap; font-family: monospace; line-height:1.75em; font-size:0.875em; border-left:solid 5px #e493a3; padding-left:20px} table{ border-collapse:collapse; border-spacing:0;} input:focus, textarea, select {outline:none;} fieldset,img{ border:0;} img, table, td, blockquote, code, pre, textarea, input, object, video { max-width: 100%; height: auto; } iframe {max-width:100%;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *,*:focus,*:hover {outline: none; } /* html5 */ header, section, article, nav, footer, aside, menu, hgroup, figure, figcaption {display:block;} /************************************************/ /* 3= STRUCTURE */ /************************************************/ .full-width {float:left; width:100%;} /* .row {margin:0 -10px;} */ .col {float:left;} .row .col {padding:0 10px;} @media (min-width: 0) { .container {width: 100%; margin-right: auto; margin-left: auto; padding:0 6%; } .container-padding { width: 100%; margin-right: auto; margin-left: auto; padding: 0% 6%; } .container-big-padding { width: 100%; margin-right: auto; margin-left: auto; padding: 0% 10.5%; } .col-xs-1 {width: 25%;} .col-xs-2 {width: 50%;} .col-xs-3 {width: 75%;} .col-xs-4 {width: 100%;} } @media (min-width: 426px) { .col-sm-1 {width: 16.66%;} .col-sm-2 {width: 33.33%;} .col-sm-3 {width: 50%;} .col-sm-4 {width: 66.66%;} .col-sm-5 {width: 83.33%;} .col-sm-6 {width: 100%;} } @media (min-width: 600px) { .col-md-1 {width: 16.66%;} .col-md-2 {width: 33.33%;} .col-md-3 {width: 50%;} .col-md-4 {width: 66.66%;} .col-md-5 {width: 83.33%;} .col-md-6 {width: 100%;} } @media (min-width: 769px) { .col-lg-1 {width: 16.66%;} .col-lg-2 {width: 33.33%;} .col-lg-3 {width: 50%;} .col-lg-4 {width: 66.66%;} .col-lg-5 {width: 83.33%;} .col-lg-6 {width: 100%;} } @media (min-width: 1041px) { .container {width: 1000px; padding:0} .col-xl-1 {width: 8.33%;} .col-xl-2 {width: 16.66%;} .col-xl-3 {width: 25%;} .col-xl-4 {width: 33.33%;} .col-xl-5 {width: 41.66%;} .col-xl-6 {width: 50%;} .col-xl-7 {width: 58.33%;} .col-xl-8 {width: 66.66%;} .col-xl-9 {width: 75%;} .col-xl-10 {width: 83.33%;} .col-xl-11 {width: 91.66%;} .col-xl-12 {width: 100%;} } @media (min-width: 1171px) { .container {width: 1170px;} .container-padding { width: 1170px; padding: 0% 6.5%; } .container-big-padding { width: 1170px; padding: 0% 10.5%; } } #contenu-page {clear:both;} /************************************************/ /* 4= ELEMENTS */ /************************************************/ html {font-size:100%; font-size:16px; overflow-x: hidden;} body { font-family: proxima-nova, sans-serif; font-size:1em; font-weight: 400; font-style: normal; color:#747473; overflow-x: hidden;} /* Display */ .block {display:block;} .inline {display:inline;} .none {display:none;} .hidden {overflow:hidden;} .inline-block {display: inline-block;} @media (min-width: 0) { .hide-smartphone {display: none;} .show-smartphone {display: inline-block;} } @media (min-width: 426px) { .show-tablet {display: inline-block;} .hide-tablet {display: none;} } @media (min-width: 1041px) { .show-desktop {display: inline-block;} .hide-desktop {display: none !important;} } /* Float */ .left {float:left;} .right {float:right} .float-none {float:none;} .clear {clear:both;} .center {margin-right:auto; margin-left:auto;} /* Positions */ .relative {position:relative;} .absolute {position:absolute;} .fixed {position:fixed;} /* Margin */ .margin-sm {margin: 15px;} .margin-sm-top {margin-top: 15px;} .margin-sm-right {margin-right: 15px;} .margin-sm-bottom {margin-bottom: 15px;} .margin-sm-left {margin-left: 15px;} .margin-md {margin: 30px;} .margin-md-top {margin-top: 30px;} .margin-md-right {margin-right: 30px;} .margin-md-bottom {margin-bottom: 30px;} .margin-md-left {margin-left: 30px;} .margin-lg {margin: 60px;} .margin-lg-top {margin-top: 80px;} .margin-lg-right {margin-right: 60px;} .margin-lg-bottom {margin-bottom: 80px;} .margin-lg-left {margin-left: 60px;} /* Padding */ .padding-box {padding:50px;} .padding-box-low {padding:20px;} .padding-sm {padding: 15px;} .padding-sm-top {padding-top: 15px;} .padding-sm-right {padding-right: 15px;} .padding-sm-bottom {padding-bottom: 15px;} .padding-sm-left {padding-left: 15px;} .padding-md {padding: 30px;} .padding-md-top {padding-top: 30px;} .padding-md-right {padding-right: 30px;} .padding-md-bottom {padding-bottom: 30px;} .padding-md-left {padding-left: 30px;} .padding-lg {padding: 60px;} .padding-lg-top {padding-top: 60px;} .padding-lg-right {padding-right: 60px;} .padding-lg-bottom {padding-bottom: 60px;} .padding-lg-left {padding-left: 60px;} /* Border */ .border {border:1px solid #000000;} .border-top {border-top:1px solid #000000;} .border-right {border-right:1px solid #000000;} .border-bottom {border-bottom:1px solid #000000;} .border-left {border-left:1px solid #000000;} /************************************************/ /* 5= BUTTONS */ /************************************************/ input[type="submit"]:hover, .gform_wrapper .gform_page_footer input.button:hover { border: none; background: #c9d52e; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out;} a.btn, a.btn:hover {color: #fff;} a[href^=tel] { text-decoration:inherit; color: inherit; } .btn, .wp-block-button__link, input[type="submit"], .gform_wrapper .gform_page_footer input.button { border: none; background: #95c11f; position:relative; display:inline-block; padding: 0 35px; line-height:60px; font-style: normal; text-align:center; font-size: 1em; font-family: proxima-nova, sans-serif; font-weight: 800; text-transform:uppercase; color:#fff; -webkit-border-radius: 30px; border-radius: 30px; text-decoration: none; margin:0 auto; cursor: pointer; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20);} .wp-block-button__link {line-height: normal; padding: 15px 35px; margin-top: 20px; } .btn::after { position: absolute; z-index: -1; content: ""; background-color:#fff; left: 0; top: 0; width: 100%; height: 100%; border-radius: 30px; -webkit-border-radius: 30px; opacity: .8; -webkit-transform: scale(0); transform: scale(0); } .btn:hover::after { z-index: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 0; -webkit-transition: opacity .5s ease-out, -webkit-transform .4s ease-out; transition: opacity .5s ease-out, -webkit-transform .4s ease-out; transition: transform .4s ease-out, opacity .5s ease-out; transition: transform .4s ease-out, opacity .5s ease-out, -webkit-transform .4s ease-out; } button {font-size:1em} .link, #contenu-page p a, .contenu ul li a { display:inline-block; color: #414042; text-transform: uppercase; font-weight: 800; position:relative; z-index: 1; -webkit-transition: color ease 0.3s; transition: color ease 0.3s;} .link::before, .link::after, #contenu-page p a::before, #contenu-page p a::after, .contenu ul li a::before, .contenu ul li a::after { content: ''; position: absolute; left: 0; height: 3px; background-color: #009CC4; } .link::before, .link::after { background-color: #95c11f; } .link::before, #contenu-page p a::before, .contenu ul li a::before, .contenu ul li a::after { bottom: -4px; width: 0%; -webkit-transition: width ease 0.4s; transition: width ease 0.4s; } .link::after, #contenu-page p a::after, .contenu ul li a::before, .contenu ul li a::after { bottom: -4px; width: 100%; z-index: -1; -webkit-transition: all ease 0.6s; transition: all ease 0.6s;} .link:hover::before, #contenu-page p a:hover::before, .contenu ul li a:hover::before { width: 100%; } .link:hover::after, #contenu-page p a:hover::after, .contenu ul li a:hover::after{ left: 100%; width: 0; -webkit-transition: all ease .2s; transition: all ease .2s; } #contenu-page p a, .contenu ul li a {text-transform:inherit; font-weight: 400;} #contenu-page p a::before, #contenu-page p a::after, .contenu ul li a::before, .contenu ul li a::after { bottom: 0; } .link .icon {margin-left: 10px; } @media (min-width: 600px) { .wp-block-button__link {line-height: 60px; padding: 0 35px;} .wp-block-column .wp-block-button__link {line-height: normal; padding: 15px 35px;} } /************************************************/ /* 6= FORMS */ /************************************************/ form {width:100%;} label {display:block; margin-bottom:5px; font-weight: 800 !important;} input, select, textarea {width:100%; border:none; font-family: proxima-nova, sans-serif; font-style: italic; font-size: 1em; background-color:#fff; color: #747473; border: 2px #009CC4 solid; -webkit-appearance:none;} input, select { height: 55px; padding: 0 30px !important; line-height: 55px; -webkit-border-radius: 30px; border-radius: 30px;} textarea {min-height:200px; padding:30px !important; -webkit-border-radius: 30px; border-radius: 30px; } input:hover, select:hover, textarea:hover {} input:focus, select:focus, textarea:focus {} .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 60px !important; } select { background: url(https://www.elorn-busetcars.fr/wp-content/themes/themeb2w/images/arrow-bottom.svg) no-repeat right 15px center #fff; background-size: 20px;} [type="checkbox"] {float:left; border:solid 2px #414042 !important; background-color:#fff !important;} [type="submit"] {float:left; width:auto; border:0; height:auto;} [type="submit"]:hover {cursor:pointer; } [type="submit"]:focus {-webkit-box-shadow: none; box-shadow: none;} .gform_wrapper ul {margin:0; padding:0; list-style:none; list-style-image:none; color:#414042;} .gform_wrapper li {padding:0;} .form-legal {font-size:0.875em; color:#888888; margin-top: 10px; display:block;} .gfield {margin-bottom: 30px;} /* checkbox stylisée, à supprimer si vous ne souhaitez pas */ /* Checkbox */ /* Cachons la case à cocher */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute; left: -9999px;} /* on prépare le label */ [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; /* permet de positionner les pseudo-éléments */ padding-left: 25px !important; /* fait un peu d'espace pour notre case à venir */ cursor: pointer; /* affiche un curseur adapté */ margin-left: 0!important; padding-top:3px } /* Aspect des checkboxes */ /* :before sert à créer la case à cocher */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 7px; width: 17px; height: 17px; /* dim. de la case */ background: #fff; border: 2px #009CC4 solid; } /* Aspect général de la coche */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; top: 2px; left: 3px; font-size: 16px; color: #009CC4; transition: all .2s; /* on prévoit une animation */ } /* Aspect si "pas cochée" */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; /* coche invisible */ transform: scale(0); /* mise à l'échelle à 0 */ } /* Aspect si "cochée" */ [type="checkbox"]:checked + label:after { opacity: 1; /* coche opaque */ transform: scale(1); /* mise à l'échelle 1:1 */ } /* aspect désactivée */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #ddd; background-color: #ddd; } /* styles de la coche (si cochée/désactivée) */ [type="checkbox"]:disabled:checked + label:after {color: #ddd;} /* on style aussi le label quand désactivé */ [type="checkbox"]:disabled + label {color: #ddd;} /* aspect au focus de l'élément */ [type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before {border: 1px solid #000000;} /* Radio */ /* Cachons la case à cocher */ [type="radio"]:not(:checked), [type="radio"]:checked {position: absolute;left: -9999px;} /* on prépare le label */ [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { position: relative; /* permet de positionner les pseudo-éléments */ padding-left: 25px !important; /* fait un peu d'espace pour notre case à venir */ cursor: pointer; /* affiche un curseur adapté */ margin-left: 0!important; font-size: 1em !important; } /* Aspect des checkboxes */ /* :before sert à créer la case à cocher */ [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before { content: '';position: absolute; left:0; top: 2px; width: 17px; height: 17px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; /* dim. de la case */ background: #fff; border: 2px #009CC4 solid; } /* Aspect général de la coche */ [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after { content: ''; position: absolute; top: 6px; left: 4px; width: 9px; height: 9px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; background-color: #009CC4 ;transition: all .2s; /* on prévoit une animation */ } /* Aspect si "pas cochée" */ [type="radio"]:not(:checked) + label:after { opacity: 0; /* coche invisible */ transform: scale(0); /* mise à l'échelle à 0 */ } /* Aspect si "cochée" */ [type="radio"]:checked + label:after { opacity: 1; /* coche opaque */ transform: scale(1); /* mise à l'échelle 1:1 */ } /* aspect désactivée */ [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #ddd; background-color: #ddd; } /* styles de la coche (si cochée/désactivée) */ [type="radio"]:disabled:checked + label:after {color: #ddd;} /* on style aussi le label quand désactivé */ [type="radio"]:disabled + label {color: #ddd;} /* aspect au focus de l'élément */ [type="radio"]:checked:focus + label:before, [type="radio"]:not(:checked):focus + label:before, [type="radio"]:checked + label:before {border: 1px solid #414042;} /* reglages */ .gfield_checkbox li label, .gfield_radio li label {font-weight: 400;} ul.gfield_checkbox li input[type=checkbox], ul.gfield_radio li input[type=radio] {height: 20px !important;} /* Erreur formulaire */ .gfield_checkbox label {font-size: 0.875em; color: #888888; line-height: 14px; display: block;} .gform_wrapper div.validation_error {color: #FF0000!important; font-size: 1em!important; font-weight: 700!important; border:0!important; padding: 30px!important; clear: both!important; width: 98%!important; background: #ffe8e8!important; text-align: center!important; line-height: 1.80em!important; margin: 30px 0!important;} .gform_footer .button {display:block; width:100%; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background: none!important; padding: 0px!important; border: none !important;} .gform_wrapper .gfield_error .gfield_label {color: #FF0000!important;} .gform_wrapper .validation_message {color: #FF0000!important;} .gform_confirmation_wrapper {padding:60px 0} .gform_confirmation_message {color:#888888} .gform_wrapper .top_label .gfield_error { width: 50% !important; } .gform_wrapper .gfield_error .validation_message {position: absolute; z-index:1; max-width: 100%; width: 200px; padding: 10px!important; line-height: 1.25em; text-align: center; background: #ffe8e8; color: #790000; font-size: 0.80em!important; -webkit-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); } .gform_wrapper .gfield_error .validation_message:after {content: ""; position: absolute; z-index: -1; top: -5px; left: 25px; display: block; height: 20px; width: 20px; background: inherit; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .gform_wrapper form li, .gform_wrapper li { display: inline-block; width: 100%; padding: 0 !important; } .gform_wrapper form li::before, .gform_wrapper li::before {display:none !important;} .gform_wrapper input[type=text], .gform_wrapper form li.message, .gform_wrapper li.message, .gform_wrapper li.travel-type {width: 98% !important;} .gform_wrapper .gfield_error .gfield_label, .gform_wrapper .gfield_required { color: #d83b3b !important; font-size: 1em; } .gform_wrapper .gf_hidden, .gform_wrapper form li.gform_hidden, .gform_wrapper form ul.gform_hidden, .gform_wrapper input.gform_hidden, .gform_wrapper input[type=hidden] { display: block !important; max-height: inherit !important; } .gform_wrapper form li.rgpd, .gform_wrapper li.rgpd { width: 100%; } .gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description {overflow:hidden !important; border: none !important; font-size: inherit !important; } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction { font-size: 1em !important; } .page .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title { position: relative; margin: 0 !important; opacity: 1 !important; line-height: inherit !important; font-size: 1.250em !important; font-weight: 800; padding-bottom: 10px !important; color: #414042 !important; } .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title::before {content:''; position:absolute; bottom: -3px; width: 98%; height: 2px; background: #009CC4;} .gform_wrapper .gf_progressbar {display: none;} .gform_wrapper .gform_page_footer {border-top: 0 !important;} .gform_wrapper .gform_page_footer .button.gform_previous_button { margin-bottom: 20px !important; } .button.gform_next_button {float:right;} #gform_page_2_3 .gform_page_footer input[type=submit], #gform_page_4_2 .gform_page_footer input[type=submit] {float: right;} .gform_wrapper ul.gform_fields li.datepicker .ginput_container_date, .gform_wrapper ul.gform_fields li.gfield_error .ginput_container_date {position:relative;} .gform_wrapper ul.gform_fields li.datepicker .ginput_container_date img, .gform_wrapper ul.gform_fields li.gfield_error .ginput_container_date img { position: absolute; top: 18px; right: 40px; } .gform_wrapper .gsection {width: 100% !important; border-bottom: 2px solid #414042 !important; } .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { width: 50%; } .gform_wrapper .gform_previous_button { background: #fff !important; color: #95c11f !important; } /* datepicker */ .ui-datepicker {width: 308px; font: inherit; font-size: 1em !important;} .gform_wrapper ul.gform_fields li.datepicker .ginput_container_date { position: relative; } #ui-datepicker-div table tr:nth-child(even) {background: inherit;} #ui-datepicker-div table thead {background: inherit;} .gform_wrapper ul.gform_fields li.datepicker .ginput_container_date img, .gform_wrapper ul.gform_fields li .ginput_container_date img { position: absolute; bottom: 20px; right: 40px; height: 25px; } .gform_wrapper ul.gform_fields li.datepicker .ginput_container_date img:hover, .gform_wrapper ul.gform_fields li .ginput_container_date img:hover { cursor: pointer; } #ui-datepicker-div { width: auto !important; display: none; z-index: 50!important; padding: 13px; margin: 5px 0 5px 60px; background: #009CC4; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25); } #ui-datepicker-div .ui-datepicker-header { position: relative; background: none; box-shadow: none; text-shadow: none; border:none; } .ui-datepicker-calendar .ui-state-default {background: none; box-shadow: none;} .ui-datepicker td a, .ui-datepicker td span, .ui-datepicker th {text-shadow: none; } td.ui-datepicker-unselectable.ui-state-disabled {background: none;} #ui-datepicker-div .ui-datepicker-title { width: auto; padding: 0 75px; color: #fff; } #ui-datepicker-div .ui-datepicker-title select { width: 50% !important; background: transparent; padding: 0; border: 0; color: #fff; height: inherit; line-height: inherit; } #ui-datepicker-div .ui-datepicker-title select option { color: #303030; } #ui-datepicker-div table, #ui-datepicker-div table th, #ui-datepicker-div table td, #ui-datepicker-div table tr { padding: 6px; margin: 5px 0 0 0; border: 0; color: #fff; font-size: 1em; } #ui-datepicker-div table thead { border-bottom: 1px solid #fff; } #ui-datepicker-div table a { display: block; height: 28px; width: 28px; color: #fff; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; } #ui-datepicker-div table a:hover, #ui-datepicker-div table .ui-datepicker-current-day a { background: #fff; color: #009CC4; } #ui-datepicker-div table .ui-datepicker-today a { background: rgba(255, 255, 255, .25); } .ui-datepicker-calendar .ui-state-active {text-shadow: none; border:none; box-shadow: none;} #ui-datepicker-div table {box-shadow:none; background: #009CC4;} td.ui-datepicker-unselectable.ui-state-disabled { background-color: #009CC4 !important; } #ui-datepicker-div table a { background: none; box-shadow: none; } .ui-datepicker td a, .ui-datepicker td span, .ui-datepicker th {text-shadow:none !important;} .ui-datepicker-calendar .ui-state-active { border: 1px solid #fff !important; } #ui-datepicker-div table a.ui-state-highlight:hover {color: #fff;} .ui-datepicker-title select {padding:0 !important;} #ui-datepicker-div table tr:first-child{background: none;} @media (min-width: 641px) { .gform_wrapper form li, .gform_wrapper li {width: 50%;} .gform_wrapper .gform_page_footer .button.gform_previous_button { margin-bottom: 0 !important; } .gform_wrapper .gform_previous_button { background: #95c11f !important; color:#fff !important; } } /************************************************/ /* 7= TABLES */ /************************************************/ @media (min-width: 0) { table {width:100%; margin:30px 0; text-align: center; border:solid 1px #efefef; font-size:1em; background-color:#fff;} .table-responsive {overflow-x:auto; margin-bottom: 50px; } td, th {padding:10px; border: 1px #747473 solid; } th { border: 1px #009CC4 solid; } tr:first-child {background-color:#009CC4; color: #fff; font-weight:800} .table-breizhgo tr:first-child {background-color:#71a3d8; } .table-coralie tr:first-child {background-color:#f39118 } tr:nth-child(even) { background: #f8f8f8;} td:first-child {text-align: left;} } @media (min-width: 1041px) { table {-webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); border:none;} .table-responsive {overflow-x:visible} td, th {padding:15px} } /* Page - Titres & abonnements - class: price-table */ table.price-table tr:hover {background: #009CC4; color: #fff; } table.price-table tr:nth-of-type(2):hover {background: #f8f8f8; color: inherit;} /************************************************/ /* 8= MEDIAS */ /************************************************/ /* Images */ img {} figure {margin:0; line-height:0; overflow:hidden;} a img {border:0;} .wp-caption {max-width:100%; margin-top: 15px;} .wp-caption-text { font-size:0.875em; margin:0;} .alignleft {float:left; margin:0 30px 30px 0;} .alignright {float:right; margin:0 0 30px 30px;} .aligncenter {/*display:block !important;*/ margin: 0 auto 30px; } .cover { background-size: cover; background-position: center 0px; } .wp-block-image {margin-top: 2em; overflow: visible;} /* Vidéos */ .wp-video {margin:30px 0;} .video-container {position: relative; height: 0; margin-bottom: 30px; padding-top: 25px; padding-bottom: 56.25%; /* 16:9 */} .video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .youtube-container {position: relative; height: 0; margin-bottom: 30px; padding-top: 25px; padding-bottom: 56.25%; /* 16:9 */} .youtube-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* Gallery WordPress */ .gallery .gallery-item {position:relative; overflow:hidden; margin:0!important;} .gallery .gallery-item .gallery-icon {line-height:0;} .gallery .gallery-item .gallery-icon img {width:100%; border:0!important;} .gallery-columns-2 .gallery-item {width:48% !important; margin-left:2% !important} .gallery-columns-2 .gallery-item:first-child {margin-left: 0 !important;} .gallery-columns-3 .gallery-item {width:32% !important; margin-left:2% !important} .gallery-columns-3 .gallery-item:first-child {margin-left: 0 !important;} .gallery-columns-4 .gallery-item {width:23.5% !important; margin-left:2% !important} .gallery-columns-4 .gallery-item:first-child {margin-left: 0 !important;} .gallery-columns-5 .gallery-item {width:18.4% !important; margin-left:2% !important} .gallery-columns-5 .gallery-item:first-child {margin-left: 0 !important;} .gallery-columns-6 .gallery-item {width:15% !important; margin-left:2% !important} .gallery-columns-6 .gallery-item:first-child {margin-left: 0 !important;} .blocks-gallery-item {padding: 0;} .blocks-gallery-item figcaption {line-height: initial;} .wp-block-gallery .blocks-gallery-item figcaption {background: linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.4) 70%,transparent); font-weight: 700;} /* bloc media text */ @media (min-width: 0px) { .wp-block-media-text {display: block;} } @media (min-width: 600px) { .wp-block-media-text {display: grid;} } /************************************************/ /* 9= TYPOGRAPHY */ /************************************************/ .proxima-regular {font-family: proxima-nova, sans-serif; font-weight: 400; font-style: normal;} .proxima-extrabold {font-family: proxima-nova, sans-serif; font-weight: 800; font-style: normal;} /* Font size (Sur la base de 16 px) */ .size-12, small {font-size:0.75em;} .size-14 {font-size:0.875em;} .size-16 {font-size:1em;} .size-18 {font-size:1.125em;} .size-20 {font-size:1.25em;} .size-24 {font-size:1.50em;} .size-28 {font-size:1.75em;} .size-30 {font-size:1.250em;} .size-32 {font-size:2em;} .size-36 {font-size:2.25em;} .size-40 {font-size:2.50em;} .size-44 {font-size:2.75em;} /* Titres */ h1, h2, h3, h4, h5, h6 {margin:20px 0 20px 0; color: #414042; font-family: proxima-nova, sans-serif; font-weight: 800; font-style: normal;} h1 {font-size:1.875em;} h2 {font-size:1.500em;} h3 {font-size:1.250em;} h4 {font-size:1.125em;} h5 {font-size:1.125em; font-weight: 400;} h6 {font-size:1.125em; font-weight: 400;} h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin {margin-top:0;} .page h1, .single h1, .search h1 {margin-bottom: 30px;} @media (min-width: 1041px) { .page h1, .single h1, .search h1 { margin-bottom: 50px; } } /* Alignement */ .text-left {text-align:left;} .text-center {text-align:center;} .text-right {text-align:right;} /* Liens */ a {text-decoration:none; } a:active {opacity: 0.8;} .contenu p a, .contenu ul li a {color:#747473; } /* .contenu p a:active {opacity: 0.8;} .contenu p a:hover {color:#FF0000} */ .contenu p a:active {opacity: 0.8;} .contenu p a:hover {color:#FF0000} .contenu ul {padding:0; list-style-type:none;} .contenu ul li {position:relative; padding: 5px 0; padding-left:15px; } .contenu ul li::before { content: ""; display: inline-block; margin-right: 20px; width: 15px; height: 15px; vertical-align: middle; background: #009CC4; -webkit-border-radius: 50%; border-radius: 50%; } .contenu ul li.blocks-gallery-item::before {display: none;} .contenu ul li.blocks-gallery-item {padding: 0;} /* Mise en forme de texte */ .title-section {display:block; font-size:1.5em; text-transform:uppercase; line-height:30px; font-weight: 900; font-style: normal;text-align:center; font-weight:900} p, dl, #contenu-page li {line-height:1.75em;} strong, b, .strong, .bold {font-weight: 800;} .regular {font-weight: 400;} .thin {font-weight: 300;} .normal {font-style:normal;} em, italic, .em {font-style:oblique;} .uppercase {text-transform:uppercase;} .lowercase {text-transform:none;} .has-large-font-size { font-size: 1em; } hr {width:30px; height:3px; width:100%; background-color:#95c11f; text-align:left; margin:10px 0; border:none;} mark {background-color:yellow} /* Blockquote */ blockquote {z-index: 1; margin-bottom: 40px; margin-top: 40px; margin-left: 0; margin-right: 0; padding:30px; position: relative; background: #ffffff; -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); -webkit-border-radius: 20px; border-radius: 20px;} blockquote p {margin:0; line-height: 1.75em;} blockquote cite { margin: 20px 0; display: block; font-style : normal; line-height: 1.75em; } /* Listes */ ul, ol {margin:15px 0; padding:0 20px;} li {padding:0;} li p, li ul, li ol { margin-top: 0; margin-bottom: 0; } ul.reset, ol.reset, .reset ul, .reset ol {margin:0; padding:0; list-style:none; list-style-image:none;} .reset li {padding:0;} /************************************************/ /* 10= BOX INFOS */ /************************************************/ .box-info {width:100%; margin:0px 0 20px; padding:15px; text-align:center; border:1px solid #ddd; font-weight:700;} .box-info p {color:#5a5a5a;} .box-info.info {color:#5a5a5a; background-color:#efefef; border-color:#5a5a5a;} .box-info.alert {color:#007eb4; background-color:#e2f2f8; border-color:#007eb4;} .box-info.error {color:#007eb4; background-color:#e2f2f8; border-color:#007eb4;} .box-info.succes {color:#007eb4; background-color:#e2f2f8; border-color:#007eb4;} /************************************************/ /* 11= COLORS */ /************************************************/ /* Colors */ .white {color:#ffffff;} .black {color:#414042;} .grey {color:#747473;} .light-grey {color:#f8f8f8;} .green {color: #95c11f;} .light-green {color: #c9d52e;} /* Background */ .bg-white {background-color:#ffffff;} .bg-black {background-color:#414042;} .bg-grey {background-color:#747473;} .bg-light-grey {background-color:#f8f8f8;} .bg-green {background-color: #95c11f;} .bg-light-green {background-color: #c9d52e;} /************************************************/ /* 12= EFFECTS */ /************************************************/ /* Box shadow */ .box-shadow {-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);} .box-shadow-big {-webkit-box-shadow: 0 20px 60px 0 rgba(0,0,0,0.2); box-shadow: 0 20px 60px 0 rgba(0,0,0,0.2);} /* Box radius */ .border-radius {-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;} /* Sélection */ ::-moz-selection { background: #000000; color: #fff; } ::selection { background: #000000; color: #fff; } /************************************************/ /* 13= SLICK */ /************************************************/ /* à décommenter si vous utilisez */ .slick-list,.slick-slider,.slick-track{position:relative;display:block} .slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden} .slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .multiple-item .slick-dots {bottom:-50px;} .slick-dots {display: block; list-style: outside none none; padding: 0; width: 100%; text-align:center; margin:20px auto 0;} .slick-dots li {cursor: pointer; display: inline-block; margin: 0 5px; padding: 0;position: relative; width: 15px; height: 15px; border: 0 none; -webkit-border-radius: 50%; border-radius: 50%; } .slick-dots li:hover button, .slick-dots li.slick-active button {background-color: #414042;} .slick-dots li.slick-active button { cursor:normal} .slick-dots li button::before {content:none !important} .slick-dots li button {background: #878786; border: 0 none; border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; display: block; height: 15px; line-height: 0; outline: medium none; width: 15px; font-size:0; content:''} .single-item-container .slick-slide img {height:480px; max-width:1920px;} .wp-block-cb-carousel.cb-padding .wp-block-cb-slide {padding:0 10px} .slick-arrow {position:absolute; bottom:50%; z-index:1; cursor:pointer} .slick-arrow .icon {width:48px; height:48px; background-color:#fff; -webkit-border-radius: 24px 24px 24px 24px; border-radius: 24px 24px 24px 24px; font-size:3em} @media (min-width: 0) { .slick-arrow.slick-prev {left:0%} .slick-arrow.slick-next {right:0%} .single-item .slick-arrow.slick-prev {left:7%} .single-item .slick-arrow.slick-next {right:7%} } @media (min-width: 769px) { .single-item .slick-arrow.slick-prev {left:9%} .single-item .slick-arrow.slick-next {right:9%} } @media (min-width: 961px) { .single-item .slick-arrow.slick-prev {left:17%} .single-item .slick-arrow.slick-next {right:17%} } @media (min-width: 1041px) { .single-item .slick-arrow.slick-prev {left:20%} .single-item .slick-arrow.slick-next {right:20%} } @media (min-width: 1367px) { .single-item .slick-arrow.slick-prev {left:27%} .single-item .slick-arrow.slick-next {right:27%} } /************************************************/ /* 14= HEADER */ /************************************************/ @media (min-width: 0) { header .svg {right: 0; bottom: 0; display: none; } #header {padding:0; position:fixed; background-color:#fff; z-index:2; -webkit-box-shadow: 0 -5px 15px 0 rgba(0,0,0,.3); box-shadow: 0 -5px 15px 0 rgba(0,0,0,.3);} .header-content {margin: 10px 0;} /* header-link */ .header-link {position: absolute; right: 25%; top: 10px; height: 48px; width: 48px; background: #95c11f; -webkit-border-radius: 50%; border-radius: 50%; text-align:center; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20);} .header-link a {color: #fff; line-height: 54px;} .header-link .icon-mobile {font-size: 1.250em; line-height: 47px;} /* header logo */ #logo {display:block; line-height:0; } #logo img {width:150px;} /* search */ .header-search {margin: 15px 0 10px;} .header-search-button {cursor:pointer; padding-left:8px; padding-right:8px} .header-search-content {position:relative;} .header-search-content input {border:none; background: #f8f8f8; } .header-search-button {cursor:pointer;} #searchform #search-input-btn {position:absolute; top:0; right:15px; background-color:transparent; height:55px; color: #747473; font-size: 1.250em; } .section {margin-top: 148px;} } @media (min-width: 600px) { /* header-link */ .header-link {right: 20%;} /* header logo */ #logo img {width:160px;} /* search */ #searchform #search-input-btn { font-size: 1.5em; } } @media (min-width: 769px) { /*header-link */ .header-link {right: 15%;} } @media (min-width: 1041px) { header .svg {right: 0; bottom: -5px; display: block; } #header {position: inherit; background: #EEEEEE; box-shadow: none; } .section { margin-top: 0; } /* header-link */ .header-link { position: inherit; margin-right: 15%;} .header-link-title {display:none;} .header-link .icon-mobile {display:inline-block !important;} /* header logo */ #logo img {width:200px;} /* search */ .header-search {margin: 0;} } @media (min-width: 1171px) { /* header-link */ .header-link-title {display:inline-block;} .header-link .icon-mobile {display:none !important;} .header-link { position: relative; height: 48px; top: 0; right: 0; width: auto; -webkit-border-radius: 20px; border-radius: 20px; box-shadow: none; margin-right: 0;} .header-link::before {content:""; position: absolute; border-right: 15px solid transparent; border-top: 12px solid #95c11f; bottom: -12px; left: 20px; } .header-link a {line-height: 48px; font-size: 1.125em; font-family: proxima-nova, sans-serif; font-weight: 800; padding: 0 30px;} /* header logo */ #logo img {width:230px;} } @media (min-width: 1367px) { } /************************************************/ /* 15= NAVIGATION */ /************************************************/ /* Breadcrumbs */ #breadcrumbs {font-size:0.813em; font-weight:700; color:#414042; margin-top:50px; } #breadcrumbs a {color:#414042; font-weight:400;} /* Menu principal */ @media (min-width: 0) { #navigation {font-size:0.875em; text-align:left;} #navigation ul > li {padding:0 10px; border-bottom:solid 1px #eae9e4; } #navigation ul > li:first-child {border-top: solid 1px #eae9e4;} #navigation ul > li a {position:relative; line-height:50px;} #navigation ul a {display: inline-block; vertical-align: middle; color:#414042; font-weight: 700;} #navigation ul a:hover { color:#414042; } #navigation ul > li a::after {position: absolute; background: #95c11f; height:10px; width: 10px; border: 2px solid #fff; content: ""; opacity: 0; transition: all 0.2s cubic-bezier(0.44, 0.08, 0.77, 1.77) 0s; bottom: -8px; left: 43%; right: 57%; transform: translate3d(0px, 0px, 0px); z-index:10; -webkit-border-radius: 50%; border-radius: 50%;} #navigation .menu-item img {display:none} /* menu responsive */ .bars {display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #414042; border-radius: 3px; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;} .bars:first-child {transform-origin: 0% 0%;} .bars:nth-last-child(2) {transform-origin: 0% 100%;} .btn-responsive {top:24px; right:6%; display: block; cursor:pointer; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; width:40px; height:40px; position:absolute; } .header-responsive {position: fixed; left: -100%; top: 0; z-index: 10000; display: block; width: 100%; padding: 0% 10% 0%; background: #fff; height: calc(100vh); transition: left 0.5s ease-in-out; margin-left: 0 !important; float:left; } .header-responsive-open {display: block; position: fixed; top: 0; left: 0; padding: 0% 10% 0%; } .header-right-item .btn {padding:0; color:#201e21; background-size:none; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; font-weight:400; background-color:#fff;} .header-right-item .btn:hover {background-image: none; background-position: none; } #header .icon-menu {font-size:3em; display:block; text-align:center; line-height:42px} .menu-close {cursor:pointer; height:50px; width:100%; text-align:center; display:block; line-height:50px;font-family:eurostile, sans-serif; text-transform:uppercase; font-size:0.75em; font-weight:700} #navigation ul > li {display:block;} .menu-menu-principal-container {width:100%; display:block;} #navigation ul > li.menu-item-has-children {position:relative;} #navigation.menu-responsive-open {display:block; position:fixed; z-index:100; top:0; right:0; bottom:0; left:0; padding:100px 40px; background:#efefef; overflow-y:scroll; height:calc(100vh);} #navigation ul li > .sub-menu li {display:block;} #navigation ul li > .sub-menu {position: fixed; left:-110%; top: 0; z-index: -1; padding: 0 10% 0; display:block; width: 100%; background-color:#fff; height:calc(100vh); transition:all 0.5s ease-in-out; opacity :0; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); border:none;} #navigation ul li > .sub-menu.sub-menu-responsive-1-open {left:0; opacity :1; z-index: 9000; display:block;} #navigation ul li > .sub-menu .menu-image-title {font-size:0.875em;} .click-sub-menu-item { border:none; color:#fff; font-size:2em; line-height:50px; background-color:#95c11f; position:absolute; right:0px; top:0; padding:0px 10px; margin: 0; cursor:pointer} .return-sub-menu-item {border:none; color:#fff; font-size:2em; line-height:50px; background-color:#95c11f; padding:0px 10px; width:100%; cursor:pointer} } @media (min-width: 1041px) { .header-content {margin: 30px 0;} .btn-responsive { top: 44px; right: 2%; } } @media (min-width: 1171px) { .btn-responsive, .menu-close {display:none;} .header-content {margin: 40px 0 35px;} .header-responsive {position:static; left:auto; z-index:auto; padding:0; height:auto; } #navigation {font-size:1em;} #navigation ul > li:first-child {border-top:none;} #navigation ul > li {display:inline-block; border-bottom:none; padding:0 15px; } #navigation ul > li a {line-height:89px; color: #414042; } #navigation ul a:hover { color:#414042; } #navigation {text-align: center; background: #FFF; border-bottom: 2px #fff solid;} #navigation ul > li a:hover:after, #navigation ul > li.current_page_item a:after, #navigation ul > li.active a:after {opacity: 1; transform: translate3d(-0px, 0px, 0px);} #navigation ul > li.menu-item-has-children {position:static; } .menu-menu-principal-container {border-bottom: 1px #EEEEEE solid;} .home .menu-menu-principal-container {border-bottom: none;} #navigation #menu-menu-principal li:hover > .sub-menu {display:block;} /*.menu-menu-principal-container {content: ''; display: inline-block; height: 100%; vertical-align: middle;}*/ #navigation .menu-item img {display:block} .menu-image-title {line-height:16px; display:block; padding-top:15px;} #navigation #menu-menu-principal li > .sub-menu {display: none; background-color:#fff; z-index:2; position:absolute; top:233px; left:0; padding:40px; width:100%;-webkit-box-shadow: 0 22px 90px 0 rgba(0,0,0,0.15); box-shadow: 0 22px 90px 0 rgba(0,0,0,0.15); opacity:1; height:auto;} .logged-in #navigation #menu-menu-principal li > .sub-menu {top:266px;} #navigation #menu-menu-principal li:hover > .sub-menu {display:block} #navigation ul li > .sub-menu li {display:inline-block; margin:0 30px; padding:0; vertical-align:top; position:relative} #navigation #menu-menu-principal li > .sub-menu .sub-menu {display:block; position:relative; top:auto; left:auto; padding:0; -webkit-box-shadow: unset; box-shadow: unset;} #navigation #menu-menu-principal li > .sub-menu .sub-menu li {display:block; margin:0} #navigation #menu-menu-principal li > .sub-menu .sub-menu li a {text-transform: none; font-weight:400} #navigation ul li > .sub-menu .menu-image-title {padding-top:0; margin-bottom: 10px;} .menu-item a.menu-image-title-before.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper {padding-left:0} #navigation ul li > .sub-menu li a {color: #414042; display:block; line-height:24px; text-align:left; padding:0;} #navigation ul > li .sub-menu a::after {content:none;} #navigation ul > li.tudbus {padding: 21px 0 22px;} #navigation ul > li.tudbus a { display:inline-block; background: #009CC4; color: #FFF; line-height: inherit; padding: 18px 25px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;} #navigation ul > li.tudbus a:hover {background: #00a7c4; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; } #navigation ul > li.tudbus a::after {content:none;} #navigation ul li.tudbus > .sub-menu li a { background: none; border-radius: 0; padding:0;} } @media (min-width: 1367px) { #navigation ul > li a {line-height: 99px; } #navigation #menu-menu-principal li > .sub-menu {top:244px} .logged-in #navigation #menu-menu-principal li > .sub-menu {top:277px;} } /* Pagination */ .pagination { float: right; } .pagination a, .pagination span {cursor: pointer;} .pagination a {color:#414042; } .pagination a, .pagination span {background: #fff; border-radius: 25px 25px 25px 25px; margin-left: 10px; font-size: 0.875em; font-weight: 700; text-align: center; height:50px; width: 50px; line-height:50px; display:inline-block; margin-bottom: 15px; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20);} .pagination a:hover, .pagination span:hover { background: #95c11f; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;} .pagination a:first-child, .pagination span:first-child {margin-left: 0;} .pagination a.next, .pagination a.prev {width:auto; padding: 0 30px; margin-bottom: 10px; text-transform: uppercase;} .pagination span.current {color: #fff; background: #95c11f; cursor: initial; } /************************************************/ /* 16= FOOTER */ /************************************************/ @media (min-width: 0) { .return-top {display:none;} /* rassurance */ .rassurance-container {text-align:center;} .reset .rassurance-item {display:inline-block; margin-bottom: 70px; } .rassurance-item img { margin:0 auto 10px; display:block;} .rassurance-title, .rassurance-subtitle {display:block; font-weight:800; } /* footer content */ .footer-content {padding: 70px 0 40px;} .footer-content p, .footer-content {color:#fff} /* footer logo */ .footer-logo { margin-bottom: 10px; text-align: center; } .footer-logo #logo img { width:215px; margin-bottom: 15px; } /* adresse */ .address-content {margin-bottom: 50px; text-align: center; } .address {line-height: 24px;} .address a {color:#fff; display:block; text-decoration: underline;} /* social network */ .rs-container {text-align: center;} /* .rs-container {margin-left: -5px;} */ .rs-container .title {margin-left: 5px;} .rs-item {display:inline-block; line-height:0; margin:5px; vertical-align:middle; width:50px; height:50px; line-height: 60px; -webkit-border-radius: 50%; border-radius: 50%; background-color:#fff; text-align:center; } .rs-item a {display:inline-block; width: 50px; height: 50px;} .rs-item.rs-facebook, .social-likes__widget_facebook { background: #2076f2; } .rs-item.rs-twitter, .social-likes__widget_twitter { background: #55acee; } .rs-item.rs-youtube { background: #cd201f; } .rs-item.rs-linkedin { background: #0077B5; } .rs-item.rs-instagram { background: #e4405f; } .rs-item svg {fill:#fff; height: 50px;} /* contact */ .phone {margin-bottom: 30px;} /* copyright */ .copyright { color:#fff; padding: 15px 0;} .copyright a {color:#fff; text-decoration: underline;} .copyright .b2w, .copyright .b2w a {color:#efefef;} } @media (min-width: 600px) { /* rassurance */ .rassurance-wrapper {} .reset .rassurance-item { vertical-align:middle} #navigation-footer {margin-bottom: 0px;} } @media (min-width: 769px) { /* footer content */ .footer-content { padding: 70px 0 100px; } /* footer logo */ .footer-logo {text-align: left; } .footer-logo #logo img { width:240px; margin-bottom: 0; } /* adresse */ .address-content { text-align: left; } /* social network */ .rs-container {position: absolute; bottom: 30px; left: 0;} } @media (min-width: 1041px) { /* rassurance */ .rassurance-wrapper {} .rassurance-item img {} /* return top */ .return-top.visible {display:block;} .return-top {position:fixed; bottom:20px; right:20px; z-index:90} .return-top {line-height:50px; text-align: center; width:50px; height:50px; background-color:#95c11f; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); -webkit-border-radius: 50%; border-radius: 50%;} .return-top a {color: #fff;} .footer-presentation {padding-right:80px;} .footer-left {padding:4% 6%} /* Social Network */ .rs-container { position: inherit; } .rs-container .title {display: inline; margin: 0 15px 0 0;} /* contact */ .contact-content {text-align: center;} } @media (min-width: 1171px) { } @media (min-width: 1366px) { } @media (min-width: 1600px) { } /************************************************/ /* 17= CONTENTS */ /************************************************/ /* Content top + Content top visuel */ @media (min-width: 0px) { .content-top-container {} .content-top-visuel-container {min-height:400px; margin-bottom: 60px;} .content-top-visuel-image .cover { height: 300px; } #content-top-visuel .description, #content-top .description {font-size: 1em; } .archive #content-top, .category #content-top {margin-left: 8%; width: 50%; } .archive-fiche #content-top {width: 92%;} .chapo p {font-size:1.125em; margin-bottom: 0;} .filter-taxonomy { padding: 25px 0 10px; margin-bottom: 50px; } .filter-taxonomy .container {padding-left: 5%;} .filter-taxonomy .titre { font-size: 1.125em; color: #414042; font-family: proxima-nova, sans-serif; font-weight: 800; float: left; margin-right: 30px;} .filter-taxonomy .container-taxonomy {font-size:1em;} .taxonomy-list li {display:inline-block; margin-right:10px;} .taxonomy-list li:last-child {margin-right: 0;} } @media (max-width: 600px) { } @media (min-width: 769px) { #content-top-visuel .description, #content-top .description {font-size: 1.125em; } } @media (min-width: 1041px) { .content-top-visuel-container { margin-bottom: 80px;} #content-top, #content-top-visuel {margin-top:50px; position:relative;} #content-top-visuel .content-text {margin-left: 8%; padding-right: 2%; } .content-top-visuel-image {position: absolute; top: 0; right: 0; } .content-top-visuel-image .cover { height: 400px; } .filter-taxonomy { margin-top: -80px; margin-bottom: 80px; padding: 25px 0; } } @media (min-width: 1171px) { #content-top-visuel .content-text { padding-right: 0; } } @media (min-width: 1367px) { } /* Content share */ @media (min-width: 0px) { } /************************************************/ /* 18= LOOPS */ /************************************************/ /* Loop Post */ @media (min-width: 0px) { .loop-post {background: #fff; margin-bottom: 80px; -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); -webkit-border-radius: 20px; border-radius: 20px;} .home-post-news .loop-post {margin-bottom: 0;} .loop-thumbnail a {line-height:0; display:block;} .loop-thumbnail img {border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; } .post-name a {display:block; color: #414042;} .home-post-news .loop-text h2, .loop-text h2 {margin:0 0 30px; text-align:left; font-weight:800; font-size:1.250em;} .loop-post-texte {padding: 25px 30px;} .container-taxonomy a { margin-right: 5px; color: #fff; font-size:0.875em; font-weight: 700; background: #95c11f; -webkit-border-radius: 20px; border-radius: 20px; padding: 5px 20px; margin-bottom: 15px; display: inline-block;} .container-taxonomy a:hover { background: #C9D42E; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out;} .loop-post-image {position:relative; border-top-left-radius: 20px; border-top-right-radius: 20px;} .date { font-size:1em; display:inline-block; color: #747473; margin-bottom: 20px; } /* Loop Post Location */ .loop-post.vehicule .content {font-size: 1em;} /* Loop Post Véhicule */ .loop-post.vehicule .capacity { font-size: 0.875em; text-transform: uppercase; } .loop-post.vehicule h2 {font-size: 1.500em;} .loop-post.vehicule .loop-thumbnail {text-align:center;} /* Loop Post Sticky */ .container-sticky {margin-bottom: 60px;} .loop-post.sticky { box-shadow: none; border-radius: 0; margin-bottom: 40px; background: none; } .loop-post.sticky .loop-post-image { border-top-left-radius: 0; border-top-right-radius: 0; z-index: -1; margin-left: -20px; } .loop-post.sticky .loop-post-image img {-webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); margin: 20px 20px 40px 20px; } .loop-post.sticky .loop-thumbnail {overflow : inherit; } .loop-post.sticky .loop-thumbnail img { width: 96%; } .ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute; } .ribbon::before, .ribbon::after { position: absolute; content: ''; display: block; border: 5px solid #282828; } .ribbon span { position: absolute; display: block; width: 225px; padding: 25px 0; background-color: #009CC4; color: #fff; text-transform: uppercase; text-align: center; font-weight: 700; font-size: 0.875em; line-height: 0; } .ribbon { top: 10px; left: 10px; } .ribbon::before, .ribbon::after { border-top-color: transparent; border-left-color: transparent; } .ribbon::before { top: 0; right: 0; } .ribbon::after { bottom: -1px; left: 0; } .ribbon span { right: -25px; top: 30px; transform: rotate(-45deg); font-size: 0.75em; } .loop-post.sticky .loop-post-texte { padding: 0; -webkit-border-radius: 20px; border-radius: 20px; z-index: 2;} .loop-post.sticky .loop-text h2 { margin: 0 0 20px; } /* Loop Post Search */ .loop-post.search { float: left; width: 100%; border-radius:0; box-shadow: none; margin-bottom: 20px; } .loop-post.search h2 {font-size: 1em; margin: 0; } .loop-post.search h2 a {color: #747473;} .loop-post.search .number {text-align:center;} .loop-post.search .number .icon {color: #fff; margin-right: 0; font-size: 1.800em; line-height: 50px; } } @media (min-width: 600px) { /* Loop Post Sticky */ .container-sticky {padding: 0 6%;} .loop-post.sticky .loop-post-image {width: 100%;} } @media (min-width: 769px) { /* Loop Post Sticky */ .loop-post.sticky .loop-post-image {margin-left: 0; } } @media (min-width: 1041px) { /* Loop Post Sticky */ .container-sticky {padding: 0;} .loop-post.sticky { box-shadow: none; border-radius: 0; margin-bottom: 40px; margin-left: 6%; } .loop-post.sticky .loop-post-texte { margin-top: 80px; margin-left: -60px; padding: 25px 30px 50px; background:#fff;} .loop-post.sticky .loop-post-image { border-top-left-radius: 0; border-top-right-radius: 0; z-index: -1; margin-left:0; width: inherit; } .loop-post.sticky .loop-thumbnail {overflow : hidden; } .loop-post.sticky .loop-thumbnail img { width: inherit; } } /************************************************/ /* 19= ARCHIVE */ /************************************************/ /* archive */ @media (min-width: 0px) { } @media (min-width: 601px) { } @media (min-width: 1041px) { } @media (min-width: 1171px) { } /************************************************/ /* 19= SINGLE */ /************************************************/ /* Gutenberg */ @media (min-width: 0px) { } /* page */ @media (min-width: 0px) { .cms-container {position:relative;} .conformite {margin-bottom: 80px;} .conformite .titre {font-size: 1.250em; margin: 20px 0 20px 0; color: #414042; font-family: proxima-nova, sans-serif; font-weight: 800;} } /************************************************/ /* 20= PAGE TEMPLATES */ /************************************************/ /* global */ .pastille { background: #95c11f; -webkit-border-radius: 50%; border-radius: 50%; } .accroche { display: block; text-transform: uppercase; font-size: 0.875em; } .content { font-size: 1em; } .image img {-webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.40); box-shadow: 0 20px 20px 0 rgba(0,0,0,.40);} @media (min-width: 769px) { .content { font-size: 1.125em; } } /* home */ @media (min-width: 0px) { h1 {font-size:1.500em;} .home h2 { font-size: 1.500em; margin-top: 0; } /* home image fixe ou video */ .home-image-container.cover {height:300px; overflow:hidden;} .video-container { position: relative; height: 0; padding-bottom: 56.25%; } .video-container > * { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .home .bloc-titre h1 { text-align: center; margin-bottom: 20px; } .before-bloc-titre { background: #EEEEEE;} .bloc-titre h1 { text-align: left; } /* home accès rapide */ .home-acces-rapide { margin-top: 80px;} .home-acces-rapide .service {text-align: center; margin-bottom: 20px;} .home-acces-rapide .pastille {width: 110px; height: 110px; margin: 0 auto 30px; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); } .home-acces-rapide .pastille::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .home-acces-rapide .pastille img { display: inline-block; vertical-align: middle; } .home-acces-rapide .service .titre {font-size:1em; text-transform: uppercase; margin-bottom: 0; padding: 0; font-family: proxima-nova, sans-serif; font-weight: 800; } .home-acces-rapide .service .titre a {color: #414042;} .home-acces-rapide .service .description { font-size: 0.875em; } .home-acces-rapide .service-item-5 .pastille {background: #009CC4; } /* home transport de groupe */ .home-transport-groupe {padding: 60px 0 0; position: relative; } .home-transport-groupe::before {content: ""; background: #f8f8f8; height: 100%; position: absolute; top: 0; width: 50%; z-index: -1;} .home-transport-groupe .content {font-size: 1em;} .home-transport-groupe .link-location { margin-top: 40px; font-weight: 800; font-size: 1em; text-transform: uppercase; color: #fff; letter-spacing: 0; background: #95c11f; padding: 15px 35px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); display: inline-block; width: 100%; text-align: center;} .home-transport-groupe .pastille { display: none;} .home-transport-groupe .slick-list {margin: 0 -20px;} .home-transport-groupe .loop-post.location { margin: 0 20px 40px 20px; } .home-transport-groupe .loop-post.location h3 { margin-top: 0; } .home-transport-groupe .slick-dots { margin-top: 0; } /* home post */ .home-post-news .svg { bottom: 0; z-index: -1;} .home-post-news, .related { padding: 80px 0; } .home-post-news { padding-top: 0;} .home-post-item { margin-bottom: 50px; } .home-post-item .col {margin-bottom: 60px;} .home-post-item .col:last-of-type {margin-bottom: 0;} .home-post-news h2.accroche {font-weight: 400; font-size: 0.875em; color: #747473; margin:0; } .home-post-news .titre, .related .titre {margin:0 0 50px 0; display:inline-block;} .home-post-news .titre, .home-partenaires .titre, .content-key-figures .titre, .related .titre { font-size: 1.500em; font-weight: 800; color: #414042; } /* home à propos */ .home-a-propos { padding-top: 50px; } .home-agence-ete { padding-bottom: 80px; } .home-agence-ete .svg { right: 0; bottom: 0; z-index: -1; } .home-a-propos .content-text { margin-bottom: 60px; text-align: center; } .home-agence-ete .content-text { text-align: center; margin-bottom: 60px;} .home-a-propos .content, .home-agence-ete .content, .home-partenaires .content-titre {margin-bottom: 50px;} .home-a-propos .image, .home-agence-ete .image { text-align:center; } .home-a-propos .image { margin-bottom: 60px; } /* home partenaires */ .home-partenaires {padding: 80px 0; } .home-partenaires .titre {margin-bottom: 50px;} .logo-partners { height: 120px; margin: 0 10px;} /* content-subpages */ .content-subpages .container-big-padding {padding: 0% 0% 0% 10.5%;} .subpage .pastille, .key-figures .pastille { position: absolute; left: -42px; top: -22px; width: 85px; height: 85px; border: 2px #fff solid; text-align: center;} .subpage .pastille::before, .key-figures .pastille::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .subpage .pastille img, .key-figures .pastille img { display: inline-block; vertical-align: middle; } .subpage .content { padding: 0 0 80px 60px; border-left: 2px #95c11f solid; } .subpage:last-of-type .content { border-left: none; padding-bottom:0;} .subpage h2 { margin-top: 0; font-size: 1.250em; } .subpage h2 a { color: #414042; } .subpage .link {font-size: 0.875em;} .subpage .link::before, .subpage .link::after {display:none;} /* content-key-figures */ .content-key-figures .image {text-align:center;} .content-key-figures .content-titre {margin: 30px 0 50px; width: 100%;} .key-figures .pastille { background: #747473; border:none; position: inherit; float:left; } .key-figures .number { font-size: 1.500em; font-weight: 800; color: #414042; padding-top: 15px; } .key-figures .description {font-size: 1.125em; } .bloc-key-figures {margin-bottom: 20px;} /* page-fiches-horaires */ .page-template-template-fiches-horaires .return-top { display: block; position: fixed; bottom: 20px; right: 20px; line-height: 50px; text-align: center; width: 50px; height: 50px; background-color: #95c11f; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); -webkit-border-radius: 50%; border-radius: 50%; z-index: 90; } .page-template-template-fiches-horaires .return-top a { color: #fff; } /* content-time-sheets */ .content-time-sheets .container-padding { padding: 0; } .content-time-sheets .select-time-sheets { position: relative; float:left; margin: 50px 0 50px; padding: 10px 0 25px; color: #fff; background: #95c11f; width: 100%; } .content-time-sheets .select-time-sheets select {border: none; padding: 0 36px !important; } .content-time-sheets .select-time-sheets::before, .content-time-sheets .select-time-sheets::after { content: ""; position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; background: #95c11f; } .content-time-sheets .select-time-sheets::after { left: 100%; } .content-time-sheets label { font-size: 1.125em; text-align: center; line-height:40px;} .content-time-sheets .sectors {margin-bottom: 50px;} .content-time-sheets .titre { font-size: 1.500em; font-weight: 800; color: #414042; width:100%;} .content-time-sheets .time-sheets {padding: 25px 0 35px; border-bottom: 2px solid #404241;} .content-time-sheets .time-sheets .content-file {text-align:left; margin-top: 15px;} .content-time-sheets .number {display:inline-block; width: 70px; height: 50px; line-height: 50px; background: #95c11f; color: #fff; font-weight: 800; text-align:center; -webkit-border-radius: 20px; border-radius: 20px;} .content-time-sheets .number-line {font-weight: 800; text-transform: uppercase; background: #95c11f; color: #fff; -webkit-border-radius: 20px; border-radius: 20px; padding: 5px 10px; display: inline-block; margin-bottom: 10px;} .content-time-sheets .file-infos {display:inline-block; background: #f8f8f8; color: #414042; font-size: 0.875em; padding: 5px 20px; margin-bottom: 15px; -webkit-border-radius: 20px; border-radius: 20px;} .content-time-sheets .file::before { content: ''; display: inline-block; vertical-align: middle; } .content-time-sheets .file .icon, .loop-post.search .file .icon { display: none; } .content-time-sheets .time-sheets .content-number {display: none;} .content-time-sheets .file .link::before, .content-time-sheets .file .link::after {display:none;} .bloc-filter .bloc-filter-supr { float:left; margin-bottom: 20px; } .bloc-filter .reset { float:left; font-weight: 800; text-transform: uppercase; font-size: 0.875em; margin-bottom: 30px;} } @media (min-width: 426px) { /* home image fixe ou video */ .content-time-sheets .file .icon, .loop-post.search .file .icon { display: inline-block; vertical-align: middle; color: #414042; font-size: 1.500em; margin-right:5px; } .bloc-filter .bloc-filter-supr, .bloc-filter .reset { float:right; } } @media (min-width: 600px) { /* home image fixe ou video */ /* home accès rapide */ .home-acces-rapide { margin-top: 60px; } /* home post */ .home-post-item { margin-bottom: 0; } /* content-time-sheets */ .content-time-sheets .select-time-sheets { padding: 10px 0 20px;} .content-time-sheets label { line-height:40px; } .content-time-sheets .time-sheets .content-number {width: auto; display: inline-block; } .content-time-sheets .number-line {font-weight: 800; text-transform: uppercase; color: #414042; margin: 0; background: none; border-radius: 0; padding: 0;} .content-time-sheets .time-sheets .content-file {text-align:right;} .content-time-sheets .file .link::before, .content-time-sheets .file .link::after {display:inline-block;} /* content-subpages */ .subpage .link::before, .subpage .link::after {display:inline-block;} } @media (min-width: 769px) { .bloc-titre h1 {font-size:1.875em; } /* home image fixe ou video */ /* home accès rapide */ .home-acces-rapide { margin-top: 75px; } .home-acces-rapide .service { margin-bottom: 30px;} .home-acces-rapide .pastille {width: 130px; height: 130px; animation-name: fade; animation-duration: 1s; transition: width .2s ease-in-out,margin .2s ease-in-out,transform .75s ease,-webkit-transform .75s ease;} .home-acces-rapide .pastille:hover { transform: translateY(-20px); } .home-acces-rapide .service .titre {font-size:1.125em; padding: 0; } .home-acces-rapide .service .description { font-size: 1em; } /* home transport de groupe */ .home-transport-groupe {padding: 80px 0 0; } .home-transport-groupe .link-location { float:right; background: none; box-shadow: none; border-radius: 0; padding: 0 35px; text-align: right; margin-right: 2%; margin-top: 40px; font-weight: 800; font-size: 1.125em; text-transform: uppercase; color: #414042; letter-spacing: 2px; } .home-transport-groupe .pastille {height: 60px; width: 60px; display: inline-block; text-align: center; margin-left: 15px; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20);} .home-transport-groupe .pastille::before { content: ''; display: inline-block; height: 100%; vertical-align: middle;} .home-transport-groupe .pastille .icon {color: #fff; font-size: 1.500em; display: inline-block; vertical-align: middle;} /* home post */ /* content-key-figures */ .bloc-key-figures {margin-bottom: 0;} /* content-time-sheets */ .content-time-sheets .select-time-sheets .lignes {margin-top:20px;} } @media (min-width: 1041px) { .bloc-titre {right: 0;} h1 {font-size:1.875em;} .home h2 { font-size: 1.875em; margin-top: 0; } .home-post-news .titre, .home-partenaires .titre, .content-key-figures .titre, .related .titre { font-size: 1.875em;} /* home image fixe ou video */ .home-image-container.cover {height:400px; } /* home accès rapide */ .home-acces-rapide { margin-top: 90px; } /* home post */ .home-post-item {margin-bottom: 50px;} .home-post-item .col {margin-bottom: 0;} /*.home-post-item .col:last-of-type {display: none; }*/ .home-post-item .col:nth-child(5) {display: none; } /* home à propos */ .home-a-propos .content-text {text-align: left; margin-left: 8%; margin-right: 7%; width: 35%; } .home-agence-ete .content-text { margin-left: 8%; margin-right: 2%; width: 40%; text-align: left; margin-bottom: 0px; margin-top: 60px;} .home-a-propos .image, .home-agence-ete .image { text-align:left; } .home-a-propos .image { margin-bottom: 0px; }   /* content-subpages */ .content-subpages .container-big-padding {padding: 0% 10.5%;} .subpage h2 { font-size: 1.500em; } .subpage .content { padding: 0 0 80px 70px; } /* content-key-figures */ .content-key-figures .image {text-align:left;} .content-key-figures .content-titre {margin: 80px 0 50px; } /* content-time-sheets */ .content-time-sheets .select-time-sheets { margin: 50px 0 40px; } .content-time-sheets .sectors {margin-bottom: 80px;} .content-time-sheets .time-sheets .content-file { margin-top: 0;} .content-time-sheets .file-infos {margin-bottom: 5px;} .content-time-sheets .time-sheets .content-line { padding-right: 0; min-height: 50px; width: 40%; } .content-time-sheets .time-sheets {padding:35px 0;} .content-time-sheets .select-time-sheets .lignes {margin-top:0px;} } @media (min-width: 1171px) { /* home accès rapide */ .home-acces-rapide { margin-top: 100px; } .home-acces-rapide .service { width: 20%; } } @media (min-width: 1281px) { /* home image fixe ou video */ .home-video-container {width:1280px; margin:0 auto;} .bloc-titre h1 { font-size:2.250em; } } @media (min-width: 1367px) { } @media (min-width: 1367px) { } /* template contact */ @media (min-width: 0) { #contact .contact-address {padding: 30px; color: #414042; text-align: center;} #contact .contact-address h2 {margin-top: 0;} #contact .contact-address .phone {margin-top: 15px; margin-bottom: 0; display: inline-block; font-size: 1.125em;} #contact .gform_wrapper .gform_footer input { float: right; } #contact .leaflet-pane, .leaflet-top, .leaflet-bottom {z-index:1 !important} } /* page */ /* single */ @media (min-width: 0) { /* content-bottom-single-blog */ .nomenclature {margin-bottom: 40px;} .nomenclature .container-taxonomy {margin-right: 15px;} .nomenclature .date { color: #414042; display: block; margin-bottom: 0;} .bottom-single {padding: 13px 0 18px;} .back-to {font-weight: 800; color: #414042; text-transform: uppercase; margin-top: 20px; margin-bottom: 30px; float: left;} .back-to .icon {margin-right:10px;} /* content-share */ .share {margin-right: 10px;} .social-likes__widget { display: inline-block; -webkit-border-radius: 25px; border-radius: 25px; margin-right: 8px; width: 50px; height: 50px; line-height: 50px; font-size: 1em; color: #fff; cursor: pointer; text-align: center; } .social-likes__widget { display: inline-block; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; margin-right: 8px; width: 50px; height: 50px; line-height: 50px; font-size: 1em; color: #fff; cursor: pointer; text-align: center; } .social-likes__icon_facebook::before, .social-likes__icon_twitter::before {font-family: 'elorn'; font-size: 1.250em;} .social-likes__icon_facebook::before {content:"\e902"; } .social-likes__icon_twitter::before {content:"\ea96"; } /* single-location-bus */ .single-location-bus .related .loop-post.location { margin: 0 20px 40px 20px; } /* single-vehicule */ .single-vehicule .container-big-padding {padding: 0% 6%;} .single-vehicule .description {margin-bottom: 50px;} .single-vehicule .pastille { width: 70px; height: 70px; text-align:center; display:inline-block; margin-right: 20px;} .single-vehicule .pastille::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .single-vehicule .pastille .icon { color: #fff; font-size: 2em; display: inline-block; vertical-align: middle;} .single-vehicule .capacity {color: #414042; font-weight: 800; display:inline-block;} .single-vehicule .contenu .slick-dots li {padding-left: 0;} .single-vehicule .contenu .slick-dots li::before {display:none;} .diaporama {margin-bottom: 80px;} .diaporama .cover { height: 200px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); margin: 0 20px 40px 20px;} .diaporama .slick-dots { margin-top: 0; } .single-vehicule .services {text-align: center; margin-bottom: 50px;} .single-vehicule .services .titre {font-weight: 800; font-size: 1.500em; color: #414042; margin-bottom: 50px; display:inline-block; } .single-vehicule .services ul {text-align: left;} .single-vehicule .services li {margin-bottom: 30px;} .single-vehicule .services li::before {display:none;} .single-vehicule .services .pastille { background: #747473; color: #fff; } .single-vehicule .services .pastille:before { font-family: 'elorn'; line-height: 70px; } .single-vehicule .services .prise-usb .pastille:before { content: "\e917"; font-size: 2em;} .single-vehicule .services .toilette .pastille:before { content: "\e916"; font-size: 2em;} .single-vehicule .services .cafe .pastille:before { content: "\e90d"; font-size: 2em;} .single-vehicule .services .video .pastille:before { content: "\e919"; font-size: 2em;} .single-vehicule .services .wifi .pastille:before { content: "\e91a"; font-size: 2em;} .single-vehicule .services .frigo .pastille:before { content: "\e90f"; font-size: 2em;} .single-vehicule .services .clim .pastille:before { content: "\e901"; font-size: 2em;} .single-vehicule .services .siege .pastille:before { content: "\e90e"; font-size: 2em;} .single-vehicule .label-service { font-weight: 800; text-transform: uppercase; color: #414042;} } @media (min-width: 600px) { /* single-vehicule */ .diaporama .cover { height: 300px; } .single-vehicule .services li {text-align: center; } .single-vehicule .label-service {display: block;} .single-vehicule .services .pastille {margin-right: 0; margin-bottom: 15px; } } @media (min-width: 769px) { /* content-bottom-single-blog */ .nomenclature {margin-bottom: 60px;} .nomenclature .date {display: inline;} .back-to { margin-bottom: 0; } /* single-vehicule */ .diaporama .cover { height: 400px; } .single-vehicule .services li {text-align:left; } .single-vehicule .label-service {display: inline;} .single-vehicule .services .pastille {margin-right: 20px;} } @media (min-width: 1041px) { /* single-vehicule */ .single-vehicule .container-big-padding {padding: 0% 10.5%;} .diaporama .cover { height: 500px; } .single-vehicule .services li {margin-bottom: 40px;} } /************************************************/ /* 22= 404 */ /************************************************/ @media (min-width: 0px) { .page-404-container {background-color:#fff; padding:40px; -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); box-shadow: 0 20px 20px 0 rgba(0,0,0,.20); -webkit-border-radius: 20px; border-radius: 20px; } .page-404-container #breadcrumbs {margin-top: 0;} .page-404-container .btn {line-height: normal; padding: 15px 35px; } } @media (min-width: 769px) { .page-404-container { margin: 40px; } .page-404-container .btn { padding: 0 35px; line-height: 60px;} } @media (min-width: 1171px) { .error404 .cover { position: relative; height: 675px; } } /************************************************/ /* 23= COMPATIBILITY */ /************************************************/ /* IE11 */ _:-ms-fullscreen, :root #logo img {height: inherit; width: 230px;} _:-ms-fullscreen, :root .gform_wrapper select {padding: 0 16px 0 20px !important; background: none;} _:-ms-fullscreen, :root div#tarteaucitronInfo { position: inherit !important; } _:-ms-fullscreen, :root .aligncenter {display:block;} /************************************************/ /* 24= wp-tables css */ /************************************************/ .wp-block-table { line-height: normal; }