/* Theme Name: Au Régal des Coches Description: Thème pour le Régal des Coches Author: Agence Créalp Author URI: http://www.crealp.fr Template: twentytwentyone Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: regaldescoches */ /* body:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 999999999999999999999999; opacity: .5; pointer-events: none; background-image: url('https://www.crealp.fr/interfaces-clients/auregaldescoches2025/cote-v2.jpg'); background-repeat: no-repeat; -webkit-background-size: auto auto; background-size: auto auto; background-position: top center; left: 2px; top: 0; display: none; } /** * GENERAL */ :root { --theme-color-lighter: #DE7C7D; --theme-color-light: #9F4647; --theme-color: #9E1917; --theme-color-dark: #67180e; --theme-color-darker: #280302; --theme-color-darkest: #0f0100; --theme-color-secondary-lighter: #EAD7AF; --theme-color-secondary-light: #BC9258; --theme-color-secondary: #E9A848; --theme-color-secondary-dark: #AC7F3B; } /* Pour plus d'optimisation, le CSS général est chargé en priorité dans le , il est dans le fichier assets/css/important.css */ body { height: auto; } p { margin-bottom: 1em; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, h6:first-child, .h6:first-child { margin-top: 0!important; } h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child { margin-bottom: 0!important; } b, strong { font-weight: 600; color: #000000; } em, i { font-style: italic; } small { font-size: 0.75em; } big { font-size: 1.25em; } sub, sup { font-size: 0.5625em; position: relative; vertical-align: baseline; } sup { top: -1em; margin-left: 1px; } sub { bottom: -0.3em; margin-left: 2px; } h1, h2, h3, h4, h5, h6, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .has-system-font-font-family, .has-source-serif-pro-font-family { font-family: inherit; } img { border: none; } .entry-content > p > img { display: inline-block; } .grecaptcha-badge { display: none !important; } a { outline: 0; } a:not(.nofocus):not(.image):focus-visible { outline: 2px dotted rgba(0,0,0,.3); outline-offset: 3px; } /** * SCF */ html .scf-group { margin-right: 0; max-width: 342px; } html .scf-group.loading { position: relative; } html .scf-group.loading:before { content: ''; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background-color: transparent; background-image: url('assets/img/loading.gif'); -webkit-background-size: contain; background-size: contain; } html .scf-group.scf-password .show-password-input { display: none; } html .scf-show-password, html #content button.scf-show-password { position: absolute; width: 35px; right: 1px; top: 1px; font-size: 15px; padding: 11px 0; line-height: 1.4em; } html .scf-password .scf-input .scf-valid { right: 38px; } html .scf-group.scf-file .scf-valid { top: 20px; } html #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item { margin: 5px 0; padding: 0; } html #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item:after { display: none; } html .scf-file-hint-details { margin-top: 10px; color: #757575; } html .scf-show-password:after { width: 24px; height: 18px; margin-top: -9px; margin-left: -12px; background: #999999; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, #999999 0%, #333333 100%); background: -webkit-linear-gradient(top, #999999 0%, #333333 100%); background: linear-gradient(to bottom, #999999 0%, #333333 100%); -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: center center; } html input[type="text"] ~ .scf-show-password:after { background: #c3192e; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzMTkyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjE2MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, #c3192e 0%, #721623 100%); background: -webkit-linear-gradient(top, #c3192e 0%, #721623 100%); background: linear-gradient(to bottom, #c3192e 0%, #721623 100%); -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: center center; } html .scf-password-hint-details .scf-password-hint-details-item:nth-child(even), html .scf-password-hint-details .scf-password-hint-details-item:nth-child(odd) { width: 50%; } html .scf-calendar:before { background-color: #7E7565; } html .scf-calendar:hover:before { background-color: #BD9E94; } html #content .scf-group.scf-date .pika-single { min-width: 320px; } html #content .scf-group.scf-date .pika-single .pika-lendar:before { left: 17px; right: auto; } html #content .scf-group.scf-date .pika-single .pika-next, html #content .scf-group.scf-date .pika-single .pika-prev { font-size: 0; } html #content .scf-group.scf-date .pika-single .pika-next.is-disabled, html #content .scf-group.scf-date .pika-single .pika-prev.is-disabled { pointer-events: none; color: #D7D7D7; } html #content .scf-group.scf-date .pika-single .pika-next.is-disabled:before, html #content .scf-group.scf-date .pika-single .pika-prev.is-disabled:before { border-right-color: #D7D7D7; } html #content .scf-group.scf-date .pika-single .pika-table { table-layout: fixed; margin: 20px 0 0 0; } html #content .scf-group.scf-date .pika-single .pika-table thead th { padding: 5px 0; } html #content .scf-group.scf-date .pika-single .pika-table td { padding: 0; padding-top: 14.285714285714286%; } html #content .scf-group.scf-date .pika-single .pika-button { border: none; border-radius: 0; margin: 0; padding: 0; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; width: auto; height: auto; border-radius: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; } html #content .scf-group.scf-date .pika-single td.is-disabled .pika-button, html #content .scf-group.scf-date .pika-single td.is-outside-current-month .pika-button { color: #C1C1C1; } html #content .scf-group.scf-date .pika-single td.is-disabled.is-outside-current-month .pika-button { color: #D7D7D7; } body .scf-group .scf-error-symbol { display: none; position: absolute; top: 14px; right: 15px; width: 15px; height: 15px; cursor: help; } body .scf-group.scf-date .scf-error-symbol { right: 45px; } body .scf-group .scf-error-symbol > span:first-child { position: absolute; width: 100%; text-align: center; line-height: 15px; color: #E20026; font-weight: 700; font-style: normal; font-size: 16px; } body .scf-group.scf-error .scf-error-symbol { display: block; } /* body .scf-group.scf-tel > .scf-input { padding-left: 0; } body .scf-group.scf-tel > .scf-input > input { -webkit-box-shadow: inset 0 0 3px hsl(44, 18%, 26%), 0 0 3px rgba(255,255,255,.4)!important; box-shadow: inset 0 0 3px hsl(44, 18%, 26%), 0 0 3px rgba(255,255,255,.4)!important; background-color: hsl(44, 18%, 96%)!important; position: static; z-index: auto; padding-left: 18px; } */ html .scf-input > input:focus-visible, html .scf-input > input:focus-visible + .scf-file-button, html .scf-input > select:focus-visible, html .scf-input > textarea:focus-visible, html .scf-input > .scf-wysiwyg-editor:focus-visible, html .scf-select-2:focus-within { outline: 2px dotted #595959; outline-offset: 2px; } html #content .scf-group.scf-file ul.scf-files-list { margin-top: 3px; } html #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item { padding-left: 6px; } html #content .scf-group.scf-file .scf-files-list .scf-files-list-item .scf-files-list-item-cancel { top: 1px; left: 6px; background-color: currentColor; background-image: none; background: currentColor; padding: 0; margin: 0; max-width: none; min-width: 0; color: inherit; opacity: 0; position: absolute; } html #content .scf-group.scf-file .scf-files-list .scf-files-list-item:hover .scf-files-list-item-cancel { opacity: 1; } html #content .scf-group.scf-file .scf-files-list .scf-files-list-item .scf-files-list-item-cancel:focus-visible { opacity: 1; outline: 2px dotted #595959; outline-offset: 2px; } html #content .scf-group .scf-optional { color: #757575; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_label { font-style: italic; opacity: .7; pointer-events: none; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_label > span { padding-bottom: 5px; } html #content input.scf-select-2-opener:checked ~ .scf-select-2 > .scf-select-2-options > .scf-select-2-option.scf_select_option_end_group_label { display: none !important; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_end_group_label { display: none!important; pointer-events: none; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_1 { text-indent: 10px; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_2 { text-indent: 20px; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_3 { text-indent: 30px; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_4 { text-indent: 40px; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_5 { text-indent: 50px; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_6 { text-indent: 60px; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_7 { text-indent: 70px; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_8 { text-indent: 80px; } html #content .scf-group.scf-select .scf-select-2-option.scf_select_option_group_level_9 { text-indent: 90px; } /** * A11Y **/ .skip-link:focus { text-transform: uppercase; font-weight: 600; -webkit-box-shadow: none; box-shadow: none; background-color: #F9590D; border-radius: 99999px; min-width: 155px; padding: 7px 15px 5px 15px; font-size: 16px; font-size: 1rem; line-height: 1; color: #341202; top: 60px; left: 10px; } #a11y-notice { background-color: #B60011; color: #FFFFFF; font-weight: 600; text-align: left; height: 80px; margin-top: -80px; padding: 0 10px 0 20px; line-height: 1.5; -webkit-transition: margin-top 1s cubic-bezier(.7,0,0,1); -o-transition: margin-top 1s cubic-bezier(.7,0,0,1); transition: margin-top 1s cubic-bezier(.7,0,0,1); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; -ms-align-items: center; align-items: center; } @media (prefers-reduced-motion: reduce) { #a11y-notice { -webkit-transition: none; -o-transition: none; transition: none; } } #a11y-notice:focus-within { margin-top: 0; } #a11y-notice > p { padding-right: 20px; margin: 0; -webkit-flex: 1 0 300px; -moz-flex: 1 0 300px; -ms-flex: 1 0 300px; -o-flex: 1 0 300px; flex: 1 0 300px; } #a11y-notice > p a { color: #FFBFC5; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 4px; border-radius: 9999px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; margin-left: -2px; margin-right: -2px; margin-bottom: -2px; outline-offset: 0; } #a11y-notice > p a:hover { color: #FFFFFF; } #a11y-notice > p a:focus-visible { text-decoration: none; outline: 2px dotted currentColor; color: #FFFFFF; } #a11y-notice > a { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; flex: 0 0 auto; background-color: #FFFFFF; color: #B60011; border-radius: 9999px; margin-right: 10px; white-space: nowrap; text-decoration: none; padding: 6px 15px 7px 15px; outline-offset: -2px; } #a11y-notice > a:hover { color: #DE293A; } #a11y-notice > a:focus-visible { background-color: #B60011; color: #FFFFFF; outline: 2px dotted currentColor; } .screen-reader-text { text-transform: none; } /** * HEADER */ /* Pour plus d'optimisation, le CSS du haut de la page est chargé en priorité dans le , il est dans le fichier assets/css/important.css */ #masthead { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'), url('assets/img/flowers-header.png'); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%), url('assets/img/flowers-header.png'); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))), url('assets/img/flowers-header.png'); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%), url('assets/img/flowers-header.png'); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%), url('assets/img/flowers-header.png'); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%), url('assets/img/flowers-header.png'); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%), url('assets/img/flowers-header.png'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); background-repeat: repeat-x; -webkit-background-size: auto 100%, auto auto; background-size: auto 100%, auto auto; background-position: top center; } /** * FOOTER */ #colophon { text-align: center; margin-top: 18px; position: relative; font-size: 21px; font-size: 1.313rem; line-height: 1.17; font-weight: 300; font-style: normal; color: #434343; background-image: url('assets/img/footer-bg.png'); background-repeat: repeat-x; background-size: auto; background-position: bottom center; } #colophon #colophon__inner { max-width: 1460px; margin: 0 auto; } #colophon #colophon__inner:before { content: ''; display: inline-block; -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; -o-flex: 1 1 100%; flex: 1 1 100%; } #colophon #colophon__logo { line-height: 0; } #colophon #colophon__logo .site-title { margin-bottom: -22px; } #colophon a, #colophon a:link { color: #BD9E94; } /* Infos générales */ #colophon #colophon__infos { margin: 93px auto 88px auto; } #colophon__infos:before, #colophon__infos:after { margin-bottom: 28px; margin-top: 15px; } #colophon #colophon__infos h6 { font: inherit; font-weight: 700; letter-spacing: 0.037em; text-transform: uppercase; } #colophon #colophon__infos h6:before { content: ''; display: inline-block; width: 34px; height: 34px; vertical-align: middle; margin: -19px 2px -15px -36px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2234px%22%20height%3D%2234px%22%20viewBox%3D%220%200%20470%20470%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23434343%22%20d%3D%22M235%2C70.875c-56.209%2C0-101.777%2C45.567-101.777%2C101.777c0%2C65.792%2C86.416%2C186.474%2C101.777%2C186.474c15.36%2C0%2C101.776-120.682%2C101.776-186.474C336.776%2C116.442%2C291.21%2C70.875%2C235%2C70.875z%20M235%2C226.599c-29.794%2C0-53.947-24.153-53.947-53.947c0-29.794%2C24.153-53.947%2C53.947-53.947c29.794%2C0%2C53.946%2C24.153%2C53.946%2C53.947C288.946%2C202.445%2C264.794%2C226.599%2C235%2C226.599z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: center center; } #colophon #colophon__infos p { margin: 0; } #colophon #colophon__infos p#colophon__infos__address { letter-spacing: 0.048em; margin-bottom: 1.22em; text-transform: uppercase; } #colophon #colophon__infos p#colophon__infos__address #colophon__infos__address__depart, #colophon #colophon__infos p#colophon__infos__address #colophon__infos__address__pays { color: #000; text-transform: none; font-weight: 700; } #colophon #colophon__infos #colophon__infos__tel { color: #222323; letter-spacing: 0.05em; margin-bottom: 1.22em; font-weight: 700; } #colophon #colophon__infos #colophon__infos__tel a, #colophon #colophon__infos #colophon__infos__tel a:link, #colophon #colophon__infos #colophon__infos__tel a:visited { color: #000000; } #colophon #colophon__infos #colophon__infos__tel a:hover, #colophon #colophon__infos #colophon__infos__tel a:focus-visible { color: #505050; } /* Mentions légales */ #colophon #colophon__legal { position: relative; padding: 9px 10px; overflow: hidden; color: #AAAAAA; font-size: 11px; font-size: 0.611111rem; line-height: 1.3; font-weight: 600; } #colophon #colophon__legal a, #colophon #colophon__legal a:link, #colophon #colophon__legal a:visited { color: #000000; } /** * CONTENT */ #content { position: relative; z-index: 3; } #content .entry-content { max-width: 1000px; padding: 40px 20px 0 20px; margin: 0 auto; } #content .entry-content > p:empty:after { content: '\0000A0'; } #content .entry-content > .wp-block-image.alignright:first-child + *, #content [class*=inner-container] > .wp-block-image.alignright:first-child + *, #content .entry-content > .wp-block-image.alignleft:first-child + *, #content [class*=inner-container] > .wp-block-image.alignleft:first-child + *, #content .entry-content > *:first-child, #content [class*=inner-container] > *:first-child { margin-top: 0; } #content .entry-content > *:last-child, #content [class*=inner-container] > *:last-child { margin-bottom: 0; } #content .entry-content:after { content: ''; clear: both; float: none; display: table; } #content .entry-header { position: relative; padding: 48px 20px 62px 320px; max-width: 1470px; margin: 0 auto; padding: 0 20px; } #content .entry-header > a { position: relative; z-index: 1; } #content .entry-title { color: #FFFFFF; background-color: var(--theme-color-darker); text-align: left; display: inline-block; padding: 0 0 0 50px; max-width: 50%; font-weight: 300; line-height: 0.9; position: absolute; right: 20px; bottom: 100%; margin-bottom: 100px !important; clip-path: polygon(27px 0, 100% 0, 100% 100%, 0 100%); white-space: nowrap; } #content .entry-title img { display: inline-block; vertical-align: middle; margin-left: -30px; } #content .entry-title span { display: inline-block; vertical-align: middle; padding: 10px 30px 10px 0px; white-space: normal; text-wrap: pretty; } #content .entry-title:before { display: none; } #content .entry-title:after { display: none; } /* #content .entry-title strong { color: inherit; font-weight: 700; } */ /** * FIL D'ARIANE */ #content #breadcrumb { margin: -42px -20px 30px -20px; } #content #breadcrumb li { margin: 0; padding: 0; display: inline-block; vertical-align: middle; } #content #breadcrumb li:after { content: ''; display: inline-block; vertical-align: middle; border-radius: 0; border: 5px solid transparent; border-left-color: #72777B; border-right: none; background-color: transparent; background-image: none; position: static; padding: 0; margin: 0; } #content #breadcrumb li:last-child:after { display: none; } #content #breadcrumb li > * { font-size: 14px; font-size: 0.823529rem; line-height: 1; text-transform: uppercase; color: #72777B; font-weight: 400; padding: 10px 8px 8px 8px; display: inline-block; vertical-align: middle; background-color: transparent; background-image: none; background: none; } #content #breadcrumb li:last-child > * { font-weight: 700; color: #E20026; } #content #breadcrumb li:not(:last-child) > a { text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 5px; text-decoration-color: #A0A5A9; } #content #breadcrumb li:not(:last-child) > a:focus-visible { padding-right: 6px; margin-right: 2px; } /** * SELECTION */ ::-moz-selection { background: var(--theme-color-darker); color: #FFFFFF; -webkit-text-fill-color: #FFFFFF!important; } ::selection { background: var(--theme-color-darker); color: #FFFFFF; -webkit-text-fill-color: #FFFFFF!important; } /** * ALIGNEMENT */ #content .has-text-align-right { text-align: right; } #content .has-text-align-center { text-align: center; } #content .wp-block-image.aligncenter { margin-bottom: 40px; } #content .wp-block-image.alignright { margin-left: 50px; margin-bottom: 40px; max-width: 50%; float: right; } #content .wp-block-image.alignleft { margin-right: 50px; margin-bottom: 40px; max-width: 50%; float: left; } #content .wp-block-image.alignright + p, #content .wp-block-image.alignleft +p { padding-top: 20px; } /** * TITRES */ #content p { font-size: 17px; font-size: 1.0625rem; } /** * TITRES */ #content h1, #content .h1, #content .is-style-h1 { font-family: "Bellota-text", sans-serif; font-size: 36px; font-size: 2.25rem; line-height: 1.25; letter-spacing: 0; color: #0D0E0B; font-weight: 700; display: table; position: relative; isolation: isolate; margin: 1.2em auto 0 auto; text-transform: uppercase; text-wrap: balance; letter-spacing: -0.01em; padding-bottom: 16px; } #content h1 strong, #content .h1 strong, #content .is-style-h1 strong, #content h1 b, #content .h1 b, #content .is-style-h1 b { font-weight: 300; } #content h1 em, #content .h1 em, #content .is-style-h1 em, #content h1 i, #content .h1 i, #content .is-style-h1 i { font-style: italic; } #content h1 small, #content .h1 small, #content .is-style-h1 small { font-size: 0.833em; } #content h1:before, #content .h1:before, #content .is-style-h1:before { content: ''; display: block; width: 36%; height: 3px; background-color: var(--theme-color-secondary); position: absolute; right: -1px; bottom: 0; z-index: 2; } #content h1:after, #content .h1:after, #content .is-style-h1:after { content: ''; display: block; width: 100%; height: 3px; background-color: var(--theme-color); position: absolute; left: 0; bottom: 0; z-index: 1; } #content h2, #content .h2, #content .is-style-h2 { font-family: "Parisienne", cursive; font-size: 39px; font-size: 2.43750rem; color: var(--theme-color-secondary-dark); font-weight: 400; line-height: 1; letter-spacing: 0; margin: 1.2em auto 0.8em 0; text-transform: none; position: relative; z-index: 1; padding-bottom: 20px; text-wrap: pretty; } #content h2 strong, #content .h2 strong, #content .is-style-h2 strong, #content h2 b, #content .h2 b, #content .is-style-h2 b { font-family: "Bellota-text", sans-serif; display: block; color: var(--theme-color); text-transform: uppercase; font-weight: 400; font-size: 19px; font-size: .487em; letter-spacing: 0.005em; padding: 0 5px; margin-top: 5px; position: relative; z-index: 1; text-shadow: 4px 4px 7px #FFFFFF, -4px 4px 7px #FFFFFF, 4px -4px 7px #FFFFFF, -4px -4px 7px #FFFFFF; box-shadow: 0 0 5px #FFFFFF; background-color: rgba(255,255,255,0.5); isolation: isolate; } #content h2 em, #content .h2 em, #content .is-style-h2 em, #content h2 i, #content .h2 i, #content .is-style-h2 i { font-style: normal; } #content h2 small, #content .h2 small, #content .is-style-h2 small { font-size: 0.7em; } #content h2::first-letter, #content .h2::first-letter, #content .is-style-h2::first-letter { font: inherit; color: inherit; } #content h2:before, #content .h2:before, #content .is-style-h2:before { display: none; } #content h2:after, #content .h2:after, #content .is-style-h2:after { display: none; } #content h3, #content .h3, #content .is-style-h3 { font-family: "Bellota-text", sans-serif; font-size: 19px; font-size: 1.1875rem; color: var(--theme-color-darker); font-weight: 700; line-height: 1.15; letter-spacing: 0.05em; display: block; text-transform: uppercase; position: relative; z-index: 1; padding-bottom: 20px; text-wrap: pretty; } #content h3::first-letter, #content .h3::first-letter, #content .is-style-h3::first-letter { font-family: "Parisienne", cursive; color: var(--theme-color); font-size: 38px; font-size: 2em; font-weight: 400; } #content h3.has-text-align-right, #content .h3.has-text-align-right, #content .is-style-h3.has-text-align-right, #content h3[style="text-align: right;"], #content .h3[style="text-align: right;"], #content .is-style-h3[style="text-align: right;"] { margin-right: 0; margin-left: auto; } #content h3.has-text-align-center, #content .h3.has-text-align-center, #content .is-style-h3.has-text-align-center, #content h3[style="text-align: center;"], #content .h3[style="text-align: center;"], #content .is-style-h3[style="text-align: center;"] { margin-left: auto; margin-right: auto; } #content hr + h3, #content hr + .h3, #content hr + .is-style-h3 { margin-top: 2em; } #content h3 strong, #content .h3 strong, #content .is-style-h3 strong, #content h3 b, #content .h3 b, #content .is-style-h3 b { font-family: "Bellota-text", sans-serif; display: block; color: var(--theme-color-darker); text-transform: uppercase; font-weight: 700; font-size: 22px; font-size: .579em; padding: 0 5px; position: relative; isolation: isolate; } #content h3:before, #content .h3:before, #content .is-style-h3:before { display: none; } #content h3:after, #content .h3:after, #content .is-style-h3:after { display: none; } #content h3.has-text-align-right:before, #content .h3.has-text-align-right:before, #content .is-style-h3.has-text-align-right:before, #content h3[style="text-align: right;"]:before, #content .h3[style="text-align: right;"]:before, #content .is-style-h3[style="text-align: right;"]:before { right: -4px; left: auto; } #content h3.has-text-align-right:after, #content .h3.has-text-align-right:after, #content .is-style-h3.has-text-align-right:after, #content h3[style="text-align: right;"]:after, #content .h3[style="text-align: right;"]:after, #content .is-style-h3[style="text-align: right;"]:after { right: -29px; left: auto; } #content h4, #content .h4, #content .is-style-h4, #content h5, #content .h5, #content .is-style-h5, #content h6, #content .h6, #content .is-style-h6 { font-family: "Bellota-text", sans-serif; font-size: 26px; font-size: 1.625rem; font-style: normal; color: var(--theme-color-darker); font-weight: 700; line-height: 1; text-transform: uppercase; margin: 1.5em auto .7em 0; position: relative; z-index: 1; } #content h5, #content .h5, #content .is-style-h5 { font-size: 22px; font-size: 1.29412rem; font-weight: 700; color: #141414; text-transform: uppercase; } #content h6, #content .h6, #content .is-style-h6 { font-size: 18px; font-size: 1.05882rem; font-weight: 700; text-transform: uppercase; } #content h4 strong, #content .h4 strong, #content .is-style-h4 strong, #content h4 b, #content .h4 b, #content .is-style-h4 b { font-weight: 700; } #content h5 strong, #content .h5 strong, #content .is-style-h5 strong, #content h5 b, #content .h5 b, #content .is-style-h5 b { font-weight: 700; color: #000000; } #content h6 strong, #content .h6 strong, #content .is-style-h6 strong, #content h6 b, #content .h6 b, #content .is-style-h6 b { font-weight: 300; } #content h4:after, #content .h4:after, #content .is-style-h4:after, #content h5:after, #content .h5:after, #content .is-style-h5:after, #content h6:after, #content .h6:after, #content .is-style-h6:after { display: none; } #content h4:before, #content .h4:before, #content .is-style-h4:before, #content h5:before, #content .h5:before, #content .is-style-h5:before, #content h6:before, #content .h6:before, #content .is-style-h6:before { display: none; } /** * IMAGES, MEDIA et GALERIES **/ /* Lien image */ #content a.fancybox-image, #content .gallery > .gallery-item > .gallery-icon > a, #content .wp-block-image > *, #content .wp-block-image > a:link, #content .wp-block-media-text__media > a:link { display: inline-block; max-width: 100%; position: relative; padding: 0; margin: 0; pointer-events: all; } /* Loupe hover */ .wp-block-image-decoration-hover { display: block; position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,.7); opacity: 0; transition: opacity .3s cubic-bezier(.7,0,.7,1); } #content a.fancybox-image:hover .wp-block-image-decoration-hover, #content .gallery > .gallery-item > .gallery-icon > a:hover .wp-block-image-decoration-hover, #content .wp-block-image a:hover .wp-block-image-decoration-hover, #content .wp-block-media-text__media a:hover .wp-block-image-decoration-hover { opacity: 1; transition: opacity .3s cubic-bezier(.2,.5,.3,1); } .wp-block-image-decoration-hover:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 2px; top: 8px; transform: rotate(2deg); transition: transform .5s cubic-bezier(.8,0,.2,1), left .5s cubic-bezier(.8,0,.2,1), top .5s cubic-bezier(.8,0,.2,1), opacity .5s cubic-bezier(.8,0,.2,1); opacity: 0; border: 5px solid transparent; border-image: linear-gradient(-20deg, var(--theme-color) 50%, transparent 0%) 1; box-sizing: content-box; pointer-events: none; } .wp-block-image-decoration-hover:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -7px; top: -25px; transform: rotate(-4deg); transition: transform .5s cubic-bezier(.4,0,.8,.3), left .5s cubic-bezier(.4,0,.8,.3), top .5s cubic-bezier(.4,0,.8,.3), opacity .5s cubic-bezier(.4,0,.8,.3); opacity: 0; border: 5px solid transparent; border-image: linear-gradient(-20deg, transparent 50%, var(--theme-color-secondary) 0%) 1; box-sizing: content-box; pointer-events: none; } #content a.fancybox-image:hover .wp-block-image-decoration-hover:before, #content .gallery > .gallery-item > .gallery-icon > a:hover .wp-block-image-decoration-hover:before, #content .wp-block-image a:hover .wp-block-image-decoration-hover:before, #content .wp-block-media-text__media a:hover .wp-block-image-decoration-hover:before, #content a.fancybox-image:hover .wp-block-image-decoration-hover:after, #content .gallery > .gallery-item > .gallery-icon > a:hover .wp-block-image-decoration-hover:after, #content .wp-block-image a:hover .wp-block-image-decoration-hover:after, #content .wp-block-media-text__media a:hover .wp-block-image-decoration-hover:after { transform: rotate(0deg); left: -5px; top: -5px; opacity: 1; transition-timing-function: cubic-bezier(.3,.6,.7,1); } .wp-block-image-decoration-hover svg { width: 58px; height: 58px; position: absolute; left: 50%; top: 50%; margin-left: -29px; margin-top: -29px; } .wp-block-image-decoration-hover svg path { transform-box: fill-box; transform-origin: center center; transition: transform .7s cubic-bezier(.1,.9,.4,1); } .wp-block-image-decoration-hover .wp-block-image-decoration-hover__loupe--s { fill: var(--theme-color-secondary-light); transform: rotate(-60deg) translate(-70%, 100%); } .wp-block-image-decoration-hover .wp-block-image-decoration-hover__loupe--sw { fill: var(--theme-color-secondary-lighter); transform: translate(-60%, 70%); } .wp-block-image-decoration-hover .wp-block-image-decoration-hover__loupe--w { fill: var(--theme-color-lighter); transform: rotate(40deg) translate(-90%, 30%); } .wp-block-image-decoration-hover .wp-block-image-decoration-hover__loupe--ne { fill: var(--theme-color); transform: rotate(40deg) translate(40%, 70%); } .wp-block-image-decoration-hover .wp-block-image-decoration-hover__loupe--n { fill: var(--theme-color-secondary-light); transform: rotate(20deg) translate(60%, -60%); } .wp-block-image-decoration-hover .wp-block-image-decoration-hover__loupe--e { fill: var(--theme-color-secondary); transform: rotate(-20deg) translate(-80%, 70%); } .wp-block-image-decoration-hover .wp-block-image-decoration-hover__loupe--se { fill: var(--theme-color-lighter); transform: rotate(30deg) translate(50%, 50%); } .wp-block-image-decoration-hover .wp-block-image-decoration-hover__loupe--manche { fill: var(--theme-color); transform: rotate(-40deg) translate(-40%, -60%); } #content a.fancybox-image:hover .wp-block-image-decoration-hover svg path, #content .gallery > .gallery-item > .gallery-icon > a:hover .wp-block-image-decoration-hover svg path, #content .wp-block-image a:hover .wp-block-image-decoration-hover svg path, #content .wp-block-media-text__media a:hover .wp-block-image-decoration-hover svg path { transform: rotate(0deg) translate(0%, 0%); } /* Media + Texte */ #content .wp-block-media-text { display: grid; grid-template-columns: auto 50%; -ms-align-items: center; align-items: center; margin: 4em auto; } #content .wp-block-media-text.is-image-fill-element .wp-block-media-text__media { position: relative; height: 100%; } #content .wp-block-media-text.is-image-fill-element .wp-block-media-text__media a { width: 100%; height: 100%; } #content .wp-block-media-text.is-image-fill-element .wp-block-media-text__media img { position: absolute; width: 100%; height: 100%; object-fit: cover; } #content .wp-block-media-text .wp-block-media-text__content { padding-top: 3em; padding-bottom: 3em; } #content .wp-block-media-text .wp-block-media-text__content:first-child { padding-right: 3em; } #content .wp-block-media-text .wp-block-media-text__content:last-child { padding-left: 3em; } /* Legende */ #content .wp-block-image figcaption, #content .wp-block-media-text__media figcaption { margin-top: 6px; margin-bottom: 0; text-align: left; font-style: italic; font-weight: 700; font-size: 14px; font-size: 0.7rem; line-height: 1; color: #525963; overflow: visible; display: block; background-color: transparent; background-image: none; background: none; text-wrap: balance; } #content .wp-block-image figcaption:before, #content .wp-block-media-text__media figcaption:before { content: ''; display: inline-block; vertical-align: middle; border: 4px solid transparent; border-top: none; border-bottom-width: 5px; border-bottom-color: var(--theme-color-secondary); margin-right: 6px; margin-top: -2px; } #content .wp-block-image.alignright figcaption, #content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media figcaption { text-align: right; } #content .wp-block-image.aligncenter figcaption { text-align: center; } /* Image loading */ #content a.fancybox-image > img, #content .gallery > .gallery-item > .gallery-icon img, #content .wp-block-gallery > .wp-block-image img, #content .wp-block-image a img, #content .wp-block-media-text__media a img { -webkit-animation: lazy_loading 5s infinite linear; -moz-animation: lazy_loading 5s infinite linear; -o-animation: lazy_loading 5s infinite linear; animation: lazy_loading 5s infinite linear; opacity: 1; background-image: repeating-linear-gradient(315deg, #f2f2f2 0%, #f0f0f0 12.5%, #e6e6e6 25%, #f0f0f0 37.5%, #f2f2f2 50%, #f0f0f0 62.5%, #e6e6e6 75%, #f0f0f0 87.5%, #f2f2f2 100%); -webkit-background-size: 150px 150px; background-size: 150px 150px; background-position: 0 0; -webkit-transition: opacity .6s cubic-bezier(1,0,.5,1); -o-transition: opacity .6s cubic-bezier(1,0,.5,1); transition: opacity .6s cubic-bezier(1,0,.5,1); } @media (prefers-reduced-motion: reduce) { #content a.fancybox-image > img, #content .gallery > .gallery-item > .gallery-icon img, #content .wp-block-gallery > .wp-block-image img, #content .wp-block-image a img, #content .wp-block-media-text__media a img { -webkit-animation: none; -o-animation: none; animation: none; background-image: none; background: none; } } @-webkit-keyframes lazy_loading { 0% { -ms-background-position-x: -300px, center; background-position-x: -300px, center; } 100% { -ms-background-position-x: 300px, center; background-position-x: 300px, center; } } @-moz-keyframes lazy_loading { 0% { -ms-background-position-x: -300px, center; background-position-x: -300px, center; } 100% { -ms-background-position-x: 300px, center; background-position-x: 300px, center; } } @-o-keyframes lazy_loading { 0% { -ms-background-position-x: -300px, center; background-position-x: -300px, center; } 100% { -ms-background-position-x: 300px, center; background-position-x: 300px, center; } } @keyframes lazy_loading { 0% { -ms-background-position-x: -300px, center; background-position-x: -300px, center; } 100% { -ms-background-position-x: 300px, center; background-position-x: 300px, center; } } #content a.fancybox-image > img[src$=".png"], #content .gallery > .gallery-item > .gallery-icon img[src$=".png"], #content .wp-block-gallery > .wp-block-image img[src$=".png"], #content .wp-block-image a img[src$=".png"], #content .wp-block-media-text__media a img[src$=".png"] { background-color: transparent!important; background-image: none!important; background: none!important; } /* Galerie */ #content .gallery, #content .wp-block-gallery { display: block; width: auto; margin: 2rem -0.78125%; font-size: 0; pointer-events: none; } #content .gallery .gallery-skip-link, #content .wp-block-gallery .gallery-skip-link { display: block; height: 0; overflow: hidden; font-size: 17px; font-size: 1rem; } #content .gallery .gallery-skip-link:focus-within, #content .wp-block-gallery .gallery-skip-link:focus-within { height: auto; } #content .gallery:after, #content .wp-block-gallery:after { content: ''; display: table; clear: both; float: none; } #content .gallery > .gallery-item, #content .wp-block-gallery > .wp-block-image { width: auto; max-width: 100%; display: inline-block; vertical-align: top; text-align: center; /*float: left;*/ padding: .78125%; pointer-events: none; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .gallery > .gallery-item > .gallery-icon { display: inline-block; } #content .wp-block-gallery.columns-default > .wp-block-image { max-width: 33.33333%; } #content .wp-block-gallery.columns-1 > .wp-block-image { max-width: 100%; } #content .wp-block-gallery.columns-2 > .wp-block-image { max-width: 50%; } #content .wp-block-gallery.columns-3 > .wp-block-image { max-width: 33.33333%; } #content .wp-block-gallery.columns-4 > .wp-block-image { max-width: 25%; } #content .wp-block-gallery.columns-5 > .wp-block-image { max-width: 20%; } #content .wp-block-gallery.columns-6 > .wp-block-image { max-width: 16.66667%; } #content .wp-block-gallery.columns-7 > .wp-block-image { max-width: 14.28571%; } #content .wp-block-gallery.columns-8 > .wp-block-image { max-width: 12.5%; } #content .wp-block-gallery.columns-9 > .wp-block-image { max-width: 11.11111%; } #content .wp-block-gallery.columns-10> .wp-block-image { max-width: 10%; } #content .wp-block-gallery.columns-11> .wp-block-image { max-width: 9.090909%; } #content .wp-block-gallery.columns-12> .wp-block-image { max-width: 8.333333%; } #content .wp-block-gallery.columns-13> .wp-block-image { max-width: 7.692308%; } #content .wp-block-gallery.columns-14> .wp-block-image { max-width: 7.142857%; } #content .wp-block-gallery.columns-15> .wp-block-image { max-width: 6.666667%; } #content .wp-block-gallery.columns-16> .wp-block-image { max-width: 6.25%; } #content .wp-block-gallery.columns-17> .wp-block-image { max-width: 5.882353%; } #content .wp-block-gallery.columns-18> .wp-block-image { max-width: 5.555555%; } #content .wp-block-gallery.columns-19> .wp-block-image { max-width: 5.263158%; } #content .wp-block-gallery.columns-20> .wp-block-image { max-width: 5%; } /* Fancybox */ #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__left { transform: rotate(180deg); } #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__left:before, #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__right:before, #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__left:after, #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__right:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; margin-left: 7px; margin-top: -19px; width: 4px; height: 20px; transform-origin: center bottom; transform: rotate(-45deg); background-color: var(--theme-color-secondary); } #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__left:after, #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__right:after { margin-top: -21px; transform: rotate(-135deg); background-color: var(--theme-color-secondary-lighter); } #spf-fancybox__close:after { right: 0; top: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2250px%22%20height%3D%2250px%22%20viewBox%3D%220%200%205000%205000%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Crect%20x%3D%222299.999%22%20y%3D%221000%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%202500.0061%20-1035.5337)%22%20fill%3D%22%23DE7C7D%22%20width%3D%22400.001%22%20height%3D%223000%22%2F%3E%3Crect%20x%3D%222300%22%20y%3D%22999.999%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-1035.5334%202500)%22%20fill%3D%22%239F4647%22%20width%3D%22400.001%22%20height%3D%223000%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center center; } /** * LISTES */ #content ul, #content ol { margin: 0; margin-bottom: 1em; counter-reset: list; float: inline-start; float: none; } #content ul + *, #content ol + * { clear: both; } #content ul { } #content ul li, #content ol li { padding: .6em 0 .6em 35px; list-style-type: none; margin: 0; position: relative; counter-increment: list; } #content ul li { } #content ul li:after { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 6px; position: absolute; top: 1.1em; left: 8px; border-radius: 200%; background-color: var(--theme-color-secondary); z-index: 2; } #content ul li:nth-child(odd):after { background-color: var(--theme-color-secondary-light); } #content ol li:after { content: counter(list); display: inline-block; vertical-align: top; color: var(--theme-color-secondary-dark); background-color: transparent; background-image: none; background: none; border-radius: 0; width: 25px; height: auto; position: absolute; z-index: 2; left: 0px; top: .23em; font-size: 22px; font-weight: 400; text-align: center; } #content ol li:before { content: counter(list); display: inline-block; vertical-align: top; color: var(--theme-color-secondary-lighter); background-color: transparent; background-image: none; background: none; border-radius: 0; width: auto; height: auto; position: absolute; left: 6px; top: 0.1em; font-family: "Parisienne", cursive; font-size: 40px; font-weight: 400; text-align: center; opacity: .3; } /** * LIENS */ #content a, #content a:link, #content a:visited, #content .link { font-weight: 700; color: var(--theme-color); text-decoration: none; position: relative; background-image: -moz-linear-gradient(left, var(--theme-color-lighter) 49%, currentColor 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(49%, var(--theme-color-lighter)), color-stop(50%, currentColor)); background-image: -webkit-linear-gradient(left, var(--theme-color-lighter) 49%, currentColor 50%); background-image: -o-linear-gradient(left, var(--theme-color-lighter) 49%, currentColor 50%); background-image: -ms-linear-gradient(left, var(--theme-color-lighter) 49%, currentColor 50%); background-image: linear-gradient(to right, var(--theme-color-lighter) 49%, currentColor 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#00000000',GradientType=1 ); background-repeat: no-repeat; -webkit-background-size: 204% 1px; background-size: 204% 1px; background-position: bottom right; -ms-background-position-x: right; background-position-x: right; -webkit-transition: background-position-x .3s cubic-bezier(.9,0,.7,1), color .3s cubic-bezier(.9,0,.7,1); -o-transition: background-position-x .3s cubic-bezier(.9,0,.7,1), color .3s cubic-bezier(.9,0,.7,1); transition: background-position-x .3s cubic-bezier(.9,0,.7,1), color .3s cubic-bezier(.9,0,.7,1); } #content a:hover, #content .link:hover, #content .link.hover, #content .link.focus { color: var(--theme-color-lighter); -ms-background-position-x: left; background-position-x: left; -webkit-transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); -o-transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); } #content a:focus-within { color: var(--theme-color-lighter); -ms-background-position-x: left; background-position-x: left; -webkit-transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); -o-transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); } #content a:focus-visible { color: var(--theme-color-lighter); -ms-background-position-x: left; background-position-x: left; -webkit-transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); -o-transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); transition: background-position-x .3s cubic-bezier(.3,0,.1,1), color .3s cubic-bezier(.3,0,.1,1); outline: 2px dotted currentColor; outline-offset: 1px; } #content a:active { color: var(--theme-color-darker); } /** * DIVIDER */ hr, hr.wp-block-separator { width: 100%!important; height: 2px; border: none; background-color: #CAC8C8; position: relative; margin: 3.5em auto 3em auto; } hr:before { content: ''; height: 31px; width: 53px; position: absolute; left: 50%; margin-left: -27px; bottom: -1px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2253px%22%20height%3D%2231px%22%20viewBox%3D%220%200%20530%20310%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Crect%20x%3D%2210%22%20y%3D%22270%22%20width%3D%22510%22%20height%3D%2240%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpolyline%20points%3D%220%20290%2011.969%20290%20123.5969%20155%20211.1938%20281.6512%20369.3333%2025.8372%20520.1085%20290%20530%20290%22%20fill%3D%22none%22%20stroke%3D%22%23cac8c8%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center center; } /** * TABLEAU */ #content table { margin: 35px auto 50px auto; max-width: 1000px; position: relative; border-radius: 3px; width: 100%; border-spacing: 0; overflow: hidden; font-size: 14px; font-size: 0.875rem; } #content table td, #content table th { padding: 12px 18px; border: none; } #content table thead { border: none; background: var(--theme-color-darker); } #content table tfoot { border: none; background-color: var(--theme-color-secondary-lighter); } #content table thead td, #content table thead th { color: #FFFFFF; text-transform: uppercase; font-weight: 700; font-size: 16px; font-size: 0.941176rem; } #content table tbody th { text-transform: uppercase; font-weight: 600; font-size: 14px; font-size: 0.823529rem; } #content table tfoot td, #content table tfoot th { font-weight: 700; text-transform: uppercase; font-size: 16px; font-size: 1rem; } #content table tbody td:after, #content table tbody th:after { content: '\0000A0'; } #content table tbody tr:nth-child(even) { background-color: rgba(155,146,134,.15); } /** * BOUTONS */ #content .wp-block-buttons { display: block; text-align: center; margin-bottom: 1em; } #content .wp-block-buttons > .wp-block-button { display: inline-block; } .style--button, #content .btn, #content .button, #content a.btn, #content a.button, #content button, #content input[type="button"], #content input[type="submit"], #content input[type="reset"], #content .wp-block-button__link, #content a.wp-block-button__link, #content button.single_add_to_cart_button, dialog.negative button.accept { display: inline-block; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 14px; font-weight: 700; font-style: normal; letter-spacing: -0.02em; line-height: 1; color: #FFFFFF; background-color: var(--theme-color-dark); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwMjAzMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMjAzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDIwMzAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMmQyZDJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(left, rgba(2,3,0,0) 49%, var(--theme-color-dark) 50%), -moz-radial-gradient(center, ellipse cover, var(--theme-color-dark) 50%, color-mix(in srgb, var(--theme-color-light) 30%, transparent) 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(49%, rgba(2,3,0,0)), color-stop(50%, var(--theme-color-dark))), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%, var(--theme-color-dark)), color-stop(50%, color-mix(in srgb, var(--theme-color-light) 30%, transparent))); background-image: -webkit-linear-gradient(left, rgba(2,3,0,0) 49%, var(--theme-color-dark) 50%), -webkit-radial-gradient(center, ellipse cover, var(--theme-color-dark) 50%, color-mix(in srgb, var(--theme-color-light) 30%, transparent) 50%); background-image: -o-linear-gradient(left, rgba(2,3,0,0) 49%, var(--theme-color-dark) 50%), -o-radial-gradient(center, ellipse cover, var(--theme-color-dark) 50%, color-mix(in srgb, var(--theme-color-light) 30%, transparent) 50%); background-image: -ms-linear-gradient(left, rgba(2,3,0,0) 49%, var(--theme-color-dark) 50%), -ms-radial-gradient(center, ellipse cover, var(--theme-color-dark) 50%, color-mix(in srgb, var(--theme-color-light) 30%, transparent) 50%); background-image: linear-gradient(to right, rgba(2,3,0,0) 49%, var(--theme-color-dark) 50%), radial-gradient(ellipse at center, var(--theme-color-dark) 50%, color-mix(in srgb, var(--theme-color-light) 30%, transparent) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020300', endColorstr='#2d2d2b',GradientType=1 ); background-repeat: no-repeat; -webkit-background-size: 200px 200px; background-size: 200px 200px; background-position: -20px -40px; -webkit-background-clip: padding-box; -webkit-text-fill-color: currentColor; border: none; overflow: visible; position: relative; border-radius: 9999px; padding: 13px 34px; margin: 5px 2px; min-width: 184px; outline: 0; cursor: pointer; opacity: 1; } .style--button[disabled], #content .btn[disabled], #content .button[disabled], #content a.btn[disabled], #content a.button[disabled], #content button[disabled], #content input[type="button"][disabled], #content input[type="submit"][disabled], #content input[type="reset"][disabled], #content .wp-block-button__link[disabled], #content a.wp-block-button__link[disabled], #content button.single_add_to_cart_button[disabled], dialog.negative button.accept[disabled], .style--button.disabled, #content .btn.disabled, #content .button.disabled, #content a.btn.disabled, #content a.button.disabled, #content button.disabled, #content input[type="button"].disabled, #content input[type="submit"].disabled, #content input[type="reset"].disabled, #content .wp-block-button__link.disabled, #content a.wp-block-button__link.disabled, #content button.single_add_to_cart_button.disabled, dialog.negative button.accept.disabled { pointer-events: none; color: #B7B7B7; } .style--button:hover, #content .btn:hover, #content .button:hover, #content a.btn:hover, #content a.button:hover, #content button:hover, #content input[type="button"]:hover, #content input[type="submit"]:hover, #content input[type="reset"]:hover, #content .wp-block-button__link:hover, #content a.wp-block-button__link:hover, #content button.single_add_to_cart_button:hover, dialog.negative button.accept:hover { opacity: .85; } .style--button:focus-visible, #content .btn:focus-visible, #content .button:focus-visible, #content a.btn:focus-visible, #content a.button:focus-visible, #content button:focus-visible, #content input[type="button"]:focus-visible, #content input[type="submit"]:focus-visible, #content input[type="reset"]:focus-visible, #content .wp-block-button__link:focus-visible, #content a.wp-block-button__link:focus-visible, #content button.single_add_to_cart_button:focus-visible, dialog.negative button.accept:focus-visible { opacity: .85; outline: 2px dashed #000000; outline-offset: 2px; } .style--button.style--secondary, #content .btn.is-style-secondary, #content .button.is-style-secondary, #content a.btn.is-style-secondary, #content a.button.is-style-secondary, #content button.is-style-secondary, #content input[type="button"].is-style-secondary, #content input[type="submit"].is-style-secondary, #content input[type="reset"].is-style-secondary, #content .wp-block-button.is-style-secondary .wp-block-button__link, #content .wp-block-button.is-style-secondary a.wp-block-button__link, #content .wp-block-button__link.is-style-secondary, #content a.wp-block-button__link.is-style-secondary, #content button.single_add_to_cart_button.is-style-secondary { border: 2px solid var(--theme-color-dark); background-color: transparent; background-image: none; color: var(--theme-color-dark); padding: 11px 32px; } .style--button.style--secondary:hover, #content .btn.is-style-secondary:hover, #content .button.is-style-secondary:hover, #content a.btn.is-style-secondary:hover, #content a.button.is-style-secondary:hover, #content button.is-style-secondary:hover, #content input[type="button"].is-style-secondary:hover, #content input[type="submit"].is-style-secondary:hover, #content input[type="reset"].is-style-secondary:hover, #content .wp-block-button.is-style-secondary .wp-block-button__link:hover, #content .wp-block-button.is-style-secondary a.wp-block-button__link:hover, #content .wp-block-button__link.is-style-secondary:hover, #content a.wp-block-button__link.is-style-secondary:hover, #content button.single_add_to_cart_button.is-style-secondary:hover { opacity: .65; } /**************************************** CUSTOM TEMPLATES ****************************************/ /** * SOCIAL REDIRECT */ body.page-template-social-redirect #masthead, body.page-template-social-redirect #site-navigation, body.page-template-social-redirect label#header-label-menu-mobile, body.page-template-social-redirect #colophon { display: none; } /** * 404 **/ /* Aucune commande */ body.error404 #content .title-404 { border: none; padding: 0; display: block; margin: 0px auto 15px auto; background-color: transparent; background-image: none; background: none; font-size: 28px; font-size: 1.4rem; text-align: center; font-weight: 700; color: #030303; } body.error404 #content .subtitle-404 { font-size: 20px; font-size: 1rem; text-align: center; margin: 0 auto; color: #757575; } /* Links */ body.error404 .home-links { font-size: 0; position: relative; padding: 80px 10px 0 10px; } body.error404 .home-links:before { content: ''; display: block; width: 10px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -5px; background-color: #FFFFFF; z-index: 2; } body.error404 .home-links > a { display: inline-block; height: 606px; width: 50%; margin-bottom: 10px; vertical-align: top; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -ms-align-items: center; align-items: center; position: relative; z-index: 1; background-image: var(--background), var(--background_min); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center center; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; } body.error404 .home-links > a:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; z-index: 1; } body.error404 .home-links > a:after { content: ''; position: absolute; left: 105px; right: 100px; top: 100px; bottom: 100px; background-color: #9E422E; opacity: 0; z-index: 2; -webkit-transition: all .6s cubic-bezier(.2,.4,.2,1); -o-transition: all .6s cubic-bezier(.2,.4,.2,1); transition: all .6s cubic-bezier(.2,.4,.2,1); } body.error404 .home-links > a:nth-child(3n+1):after { background-color: #D2AD29; } body.error404 .home-links > a:nth-child(odd):after { right: 105px; left: 100px; } body.error404 .home-links > a:hover:after, body.error404 .home-links > a:focus:after { left: 55px; top: 50px; right: 50px; bottom: 50px; opacity: .75; } body.error404 .home-links > a:hover:nth-child(odd):after, body.error404 .home-links > a:focus:nth-child(odd):after { left: 50px; right: 55px; } body.error404 .home-links > a > img { position: relative; z-index: 2; margin-bottom: 30px; } body.error404 .home-links > a > span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; -ms-align-items: center; align-items: center; width: 352px; height: 170px; border: 3px solid #FFFFFF; color: #FFFFFF; font-size: 49px; font-size: 2.72222rem; font-weight: 400; line-height: 1.286; text-transform: uppercase; position: relative; z-index: 3; } body.error404 .home-links > a > span > span { letter-spacing: 0.045em; position: relative; left: 0; } body.error404 .home-links > a:nth-child(2) > span > span { letter-spacing: 0.16em; position: relative; left: 4px; } body.error404 .home-links > a:nth-child(3) > span > span { letter-spacing: 0.237em; position: relative; left: 5px; } body.error404 .home-links > a:nth-child(4) > span > span { letter-spacing: 0.265em; position: relative; left: 7px; } body.error404 .home-links > a > span > span:last-child { letter-spacing: 0.015em; position: relative; left: 0; } body.error404 .home-links > a:nth-child(2) > span > span:last-child { letter-spacing: 0.24em; position: relative; left: 6px; } body.error404 .home-links > a:nth-child(3) > span > span:last-child { letter-spacing: 0.196em; position: relative; left: 4px; } body.error404 .home-links > a:nth-child(4) > span > span:last-child { letter-spacing: 0.272em; position: relative; left: 6px; } /** * SPOILER **/ div.spoiler-wrap { background-color: transparent; background-image: none; background: none; border: none; border-radius: 0; margin: 0; } .spoiler-head { width: auto; -webkit-box-shadow: none !important; box-shadow: none !important; } .spoiler-head .dashicons { display: none; } div.spoiler-body { background-color: transparent; background-image: none; background: none; padding: 0; border: none; }