/*
Theme Name: CSE de la SAP
Description: Thème pour Le CSE de la SAP
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: cse
*/
:root {
color-scheme: light only;
}
/**
* GENERAL
*/
/* 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; }
b, strong { font-weight: 700; }
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; }
.filesize {
font-style: italic;
font-weight: 400;
color: #939393;
}
#wpadminbar {
z-index: 9999980;
}
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed;
}
}
#content fieldset.hidden-fields-container {
padding: 0;
margin: 0;
border: none;
opacity: 0;
visibility: hidden;
display: none!important;
}
/**
* SCF
*/
html .scf-group {
margin-right: 0;
max-width: 352px;
}
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-file {
position: relative;
}
html .scf-group.scf-file .scf-error-symbol {
top: 31px;
left: 180px;
position: absolute;
}
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,
html .scf-date .scf-input .scf-valid {
right: 38px;
}
html .scf-password .scf-input .scf-error-symbol,
html .scf-date .scf-input .scf-error-symbol {
right: 38px;
}
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: #2D3238;
}
html .scf-calendar:hover:before {
background-color: #67727B;
}
.scf-group {
position: relative;
}
body .scf-group .scf-error-symbol {
display: none;
/*position: absolute;
top: 14px;
right: 15px;*/
position: relative;
width: 15px;
height: 15px;
cursor: help;
vertical-align: middle;
top: -2px;
}
body .scf-group.scf-password .scf-error-symbol {
flex-basis: auto!important;
top: 3px;
}
body .scf-group .scf-error-symbol:before {
content: '!';
position: absolute;
width: 100%;
text-align: center;
line-height: 15px;
color: #E02C28;
font-weight: 700;
font-style: normal;
font-size: 16px;
}
body .scf-group.scf-error.scf-select .scf-error-text {
position: absolute;
right: 0;
bottom: -5px;
}
body .scf-group.scf-error .scf-error-symbol {
display: inline-block;
}
body #content .scf-group.scf-file .scf-valid {
top: 20px;
}
body #content .scf-group.scf-file .scf-file-hint-details-text {
display: inline;
}
body #content .scf-group.scf-file .scf-file-hint-details .scf-file-hint-details-item {
display: inline;
}
body #content .scf-group.scf-file .scf-files-list {
margin: 0;
}
body #content .scf-group.scf-file button.scf-files-list-item-cancel {
color: #A13317;
position: absolute;
border-radius: 200%;
background-color: currentColor;
background: currentColor;
opacity: 0;
min-width: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
margin: 0;
padding: 0;
top: 50%;
margin-top: -7px;
}
body #content .scf-group.scf-file button.scf-files-list-item-cancel:before,
body #content .scf-group.scf-file button.scf-files-list-item-cancel:after {
width: 2px;
height: 8px;
left: 50%;
right: auto;
top: 50%;
background-color: #fff;
background: #FFFFFF;
pointer-events: all;
}
body #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item:hover .scf-files-list-item-cancel {
opacity: 1;
}
body #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item .scf-files-list-item-symbol {
position: absolute;
top: 50%;
margin-top: -7px;
left: 0;
}
body #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item {
padding-left: 18px;
font-size: 16px;
font-size: 0.8rem;
color: #5C5C5C;
font-weight: 400;
margin: 10px 0 0 0;
}
body #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item:before,
body #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item:after {
display: none;
}
body #content .scf-group.scf-file ul.scf-files-list li.scf-files-list-item .scf-files-list-item-ext {
font-weight: inherit;
}
body #content .scf-group.scf-password,
body #content .scf-group.scf-file {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
body #content .scf-group.scf-password > *,
body #content .scf-group.scf-file > * {
flex: 0 0 100%;
}
body #content .scf-group.scf-password > .scf-label,
body #content .scf-group.scf-file > .scf-label,
body #content .scf-group.scf-password > .scf-help,
body #content .scf-group.scf-file > .scf-help {
flex: 0 0 auto;
}
body #content .scf-group.scf-password .scf-password-hint-details,
body #content .scf-group.scf-file .scf-file-hint-details {
order: 98;
}
body #content .scf-group.scf-password .scf-password-hint-details-text,
body #content .scf-group.scf-file .scf-file-hint-details-text {
margin-right: 0;
margin-top: 8px;
}
body #content .scf-group.scf-password .scf-error-text,
body #content .scf-group.scf-file .scf-error-text {
order: 99;
}
#content .scf-help {
position: relative;
margin-left: 7px;
margin-top: -1px;
}
#content .scf-help:before {
content: '?';
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background-color: rgba(0,0,0,.5);
color: #FFF;
font-size: 12px;
font-size: .75rem;
font-weight: 500;
font-style: normal;
line-height: 16px;
text-align: center;
border-radius: 200%;
cursor: help;
margin-top: -2px;
}
#content .scf-help-tip {
position: absolute;
top: 100%;
left: 50%;
display: none;
z-index: 9;
background-color: #000;
color: #FFFFFF;
border-radius: 10px;
font-size: 13px;
font-size: .8125rem;
line-height: 1.2;
padding: 8px 10px;
text-align: center;
width: 270px;
margin-left: -135px;
margin-top: 12px;
}
#content .scf-help-tip:before {
content: '';
display: block;
position: absolute;
top: -14px;
left: 50%;
margin-left: -7px;
border: 7px solid transparent;
border-bottom-color: #000;
}
#content .scf-help:hover .scf-help-tip {
display: block;
}
/**
* DATEPICKER
**/
#content .scf-group.scf-select {
position: relative;
}
#content *:not(.scf-tel-country-selector) > .scf-group.scf-select > .scf-error-symbol {
top: 40px;
right: 38px;
}
#content .scf-group.scf-date .pika-single .pika-title {
margin: 5px 0 10px 0;
}
#content .scf-group.scf-date .pika-single .pika-title button {
margin: 0;
padding: 0;
}
#content .scf-group.scf-date .pika-single .pika-title select {
margin: 0;
border: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#content .scf-group.scf-date .pika-single .pika-title .pika-label {
margin-left: 5px;
margin-right: 5px;
border: 1px solid rgba(0,0,0,.3);
border-radius: 5px;
padding: 8px 8px 9px 9px;
}
#content .scf-group.scf-date .pika-single .pika-title .pika-label:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: hsl(212.7, 13%, 50.4%);
border-bottom: none;
margin-left: 5px;
margin-top: -1px;
}
#content .scf-group.scf-date .pika-single table.pika-table {
table-layout: fixed;
margin: 0;
}
#content .scf-group.scf-date .pika-single table.pika-table thead {
background-color: transparent;
}
#content .scf-group.scf-date .pika-single table.pika-table thead th,
#content .scf-group.scf-date .pika-single table.pika-table thead td {
color: #8C959C;
text-align: center;
}
#content .scf-group.scf-date .pika-single table.pika-table tr,
#content .scf-group.scf-date .pika-single table.pika-table td,
#content .scf-group.scf-date .pika-single table.pika-table th {
padding: 5px;
}
#content .scf-group.scf-date .pika-single table.pika-table button {
padding: 0;
margin: 0;
color: #2D3238;
background-color: none;
background-image: none;
background: none;
border-radius: 5px;
aspect-ratio: 1/.93;
}
#content .scf-group.scf-date .pika-single table.pika-table button:hover {
background-color: rgba(0,0,0,.1);
}
#content .scf-group.scf-date .pika-single table.pika-table .is-selected button {
color: #FFFFFF;
background-color: #E02C28;
}
#content .scf-group.scf-date .pika-single table.pika-table .is-selected button:hover {
background-color: #c21b18;
}
#content .scf-group.scf-date .pika-single table.pika-table .is-outside-current-month button {
color: #67727B;
}
#content .scf-group.scf-date .pika-single table.pika-table .is-disabled button {
color: #9FA8AF;
background-color: transparent;
}
/**
* A11Y
**/
.skip-link {
background-color: #000000!important;
color: #FFFFFF!important;
border-radius: 0 !important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
outline: 0!important;
height: 48px!important;
line-height: 48px!important;
top: -48px;
font-weight: 600!important;
font-size: 17px!important;
overflow: hidden;
padding: 0 20px !important;
left: 30px!important;
z-index: 9999999!important;
-webkit-transition: top .4s cubic-bezier(.8,0,.2,1);
-o-transition: top .4s cubic-bezier(.8,0,.2,1);
transition: top .4s cubic-bezier(.8,0,.2,1);
}
.skip-link:focus {
top: 0!important;
}
/**
* 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 #header-links > .header-link a:after,
#masthead #header-links > .header-link > label:after {
background-image: url('assets/img/ardoise.webp');
}
html:not(.webp) #masthead #header-links > .header-link a:after,
html:not(.webp) #masthead #header-links > .header-link > label:after {
background-image: url('assets/img/ardoise.jpg');
}
/**
* FOOTER
*/
#colophon {
margin-top: 7px;
text-align: center;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#colophon:before {
content: '';
display: block;
width: 100%;
height: 5px;
position: absolute;
left: 0;
top: 220px;
opacity: 0.26;
z-index: 1;
background-color: #4b5e6d;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNWU2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjVlNmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(left, #4b5e6d 0%, #ffffff 35%, #ffffff 65%, #4b5e6d 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#4b5e6d), color-stop(35%,#ffffff), color-stop(65%,#ffffff), color-stop(100%,#4b5e6d));
background-image: -webkit-linear-gradient(left, #4b5e6d 0%,#ffffff 35%,#ffffff 65%,#4b5e6d 100%);
background-image: -o-linear-gradient(left, #4b5e6d 0%,#ffffff 35%,#ffffff 65%,#4b5e6d 100%);
background-image: -ms-linear-gradient(left, #4b5e6d 0%,#ffffff 35%,#ffffff 65%,#4b5e6d 100%);
background-image: linear-gradient(to right, #4b5e6d 0%,#ffffff 35%,#ffffff 65%,#4b5e6d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b5e6d', endColorstr='#4b5e6d',GradientType=1 );
background-repeat: repeat-y;
background-size: 800px auto;
background-position: top center;
}
#colophon #site-footer-title {
line-height: 0;
display: table;
margin: 33px auto 30px auto;
position: relative;
z-index: 2;
}
#colophon #site-footer-title a {
display: block;
}
#colophon #site-footer-title h2 {
line-height: 0;
}
#colophon #site-footer-address {
font-weight: 600;
font-size: 15px;
font-size: .9375rem;
color: #2D3238;
line-height: 1.261;
margin-bottom: 20px;
}
#colophon #site-footer-tel,
#colophon #site-footer-mail {
font-weight: 600;
color: #4b5e6d;
font-size: 15px;
font-size: .9375rem;
line-height: 1.261;
}
#colophon #site-footer-tel a {
text-decoration: none;
font-size: inherit;
color: inherit;
font-weight: inherit;
}
#colophon #site-footer-description {
font-size: 12px;
font-size: .75rem;
font-weight: 400;
color: #757575;
line-height: 1;
padding: 0 10px;
margin: 90px auto 0 auto;
max-width: 700px;
}
#colophon #site-footer-legal {
font-size: 10px;
font-size: 0.555556rem;
line-height: 1.5em;
font-weight: 400;
margin-top: 10px;
color: #757575;
padding-bottom: 5px;
}
#colophon #site-footer-labels + #site-footer-legal {
margin-top: 50px;
}
#colophon #site-footer-legal a {
color: #E02C28;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#colophon #site-footer-legal a:hover {
color: #F78C8A;
}
#colophon #site-footer-legal a:focus-visible {
color: #BB0D17;
}
/**
* CONTENT
*/
#content {
position: relative;
max-width: 900px;
padding: 0 20px;
margin: 0 auto;
}
#content .entry-header {
padding: 50px 0 20px 0;
position: relative;
}
#content .entry-header:before {
content: '';
display: block;
width: 100px;
height: 101px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%221000%22%20height%3D%221010%22%20viewBox%3D%220%200%201000%201010%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%232D3238%22%20d%3D%22M992.012%2C905.553c-64.445-130.39-362.821-734.08-427.289-864.516C553.271%2C16.783%2C528.597%2C0%2C500%2C0c-28.593%2C0-53.264%2C16.778-64.719%2C41.027C370.822%2C171.445%2C72.416%2C775.198%2C7.982%2C905.565C2.883%2C915.41%2C0%2C926.587%2C0%2C938.439C0%2C977.959%2C32.031%2C1010%2C71.544%2C1010l0%2C0c143.089%2C0%2C713.821%2C0%2C856.911%2C0l0%2C0l0%2C0c39.514%2C0%2C71.544-32.041%2C71.544-71.562C1000%2C926.583%2C997.114%2C915.401%2C992.012%2C905.553z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: absolute;
left: -73px;
top: 15px;
opacity: 0.15;
}
#content .entry-header:after {
content: '';
display: block;
width: 60px;
height: 61px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%221000%22%20height%3D%221010%22%20viewBox%3D%220%200%201000%201010%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%23E02C28%22%20d%3D%22M992.012%2C905.553c-64.445-130.39-362.821-734.08-427.289-864.516C553.271%2C16.783%2C528.597%2C0%2C500%2C0c-28.593%2C0-53.264%2C16.778-64.719%2C41.027C370.822%2C171.445%2C72.416%2C775.198%2C7.982%2C905.565C2.883%2C915.41%2C0%2C926.587%2C0%2C938.439C0%2C977.959%2C32.031%2C1010%2C71.544%2C1010l0%2C0c143.089%2C0%2C713.821%2C0%2C856.911%2C0l0%2C0l0%2C0c39.514%2C0%2C71.544-32.041%2C71.544-71.562C1000%2C926.583%2C997.114%2C915.401%2C992.012%2C905.553z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: absolute;
left: 4px;
top: 65px;
opacity: 0.15;
}
#content .entry-title {
line-height: 1.2;
text-align: left;
letter-spacing: -0.04em;
font-weight: 700;
font-size: 42px;
color: #2D3238;
text-transform: none;
display: block;
position: relative;
z-index: 1;
margin: 0;
padding: 0;
text-indent: 0;
min-width: none;
max-width: none;
border: none;
}
#content .entry-title strong {
color: inherit;
}
#content .entry-title:before,
#content .entry-title:after {
display: none;
}
#content .entry-content {
}
#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 .fond-ardoise {
background-image: url('assets/img/ardoise.webp');
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
position: relative;
}
html:not(.webp) #content .fond-ardoise {
background-image: url('assets/img/ardoise.jpg');
}
#content .fond-ardoise:before,
#content .fond-ardoise:after {
content: '';
display: block;
position: absolute;
left: 11px;
top: 10px;
bottom: 10px;
right: 11px;
width: auto;
height: 5px;
max-width: 550px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22150%22%20height%3D%2250%22%20viewBox%3D%220%200%201500%20500%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%3Cpolygon%20fill%3D%22%23ACACAD%22%20points%3D%228%2C500%200%2C0%201500%2C0%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-position: top left;
}
#content .fond-ardoise:after {
width: 5px;
height: auto;
max-height: 300px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2250%22%20height%3D%22150%22%20viewBox%3D%220%200%20500%201500%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%3Cpolygon%20fill%3D%22%23ACACAD%22%20points%3D%22500%2C8%200%2C0%200%2C1241.29%20%22%2F%3E%3Cpolygon%20fill%3D%22%23ACACAD%22%20points%3D%220%2C1269%200%2C1500%20166%2C1487.935%20%22%2F%3E%3C%2Fsvg%3E");
}
/**
* SELECTION
*/
::-moz-selection { background: #E02C28; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF!important; }
::selection { background: #E02C28; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF!important; }
/**
* DIVIDER
*/
#content hr {
opacity: 1;
margin: 1.667em auto 2em auto;
position: relative;
z-index: 1;
width: 90%;
height: 2px;
outline: 0;
border: none;
background-color: #97A2AA;
}
#content hr.is-style-red {
background-color: #E02C28;
}
/**
* LISTES
*/
#content ul,
#content ol {
margin: 2em 0;
counter-reset: list;
}
#content ul li,
#content ol li {
margin: 1em 0;
list-style-type: none;
font-size: 16px;
font-size: 1rem;
line-height: 1.444em;
padding: 0 0 0 33px;
position: relative;
counter-increment: list;
}
#content ul li:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 5px;
height: 5px;
position: absolute;
top: .65em;
left: 11px;
border-radius: 200%;
background-color: #E02C28;
z-index: 2;
}
#content ol li:after {
content: counter(list);
position: absolute;
top: 4px;
left: -20px;
z-index: 2;
display: inline-block;
vertical-align: top;
color: #E02C28;
width: 33px;
height: 16px;
font-size: 16px;
font-weight: 700;
line-height: 16px;
text-align: right;
}
/**
* GALERIE
*/
/* Legende */
#content .wp-block-image figcaption {
margin-top: 5px;
margin-bottom: 0;
text-align: center;
font-style: italic;
font-weight: 400;
font-size: 14px;
font-size: 0.7rem;
line-height: 1;
color: #6C747F;
overflow: visible;
display: block;
background-color: transparent;
background-image: none;
background: none;
}
#content .wp-block-image.alignright figcaption {
text-align: right;
}
#content .wp-block-image.aligncenter figcaption {
text-align: center;
}
#content .wp-block-image:not(.aligncenter):not(.alignright) figcaption:after,
#content .wp-block-image.alignleft figcaption:after,
#content .wp-block-image.alignright figcaption:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0px;
height: 0px;
border: 6px solid transparent;
border-bottom-width: 7px;
border-bottom-color: #E02C28;
margin: -6px 10px 0 10px;
}
/* Galerie */
#content .gallery,
#content .wp-block-gallery {
display: block;
width: auto;
margin: 2rem -0.78125%;
font-size: 0;
pointer-events: none;
}
#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: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content .gallery > .gallery-item > .gallery-icon {
display: inline-block;
}
#content a.fancybox-image,
#content .gallery > .gallery-item > .gallery-icon > a,
#content .wp-block-image > *,
#content .wp-block-image > a:link {
display: inline-block;
width: auto;
max-width: 100%;
position: relative;
padding: 0;
margin: 0;
pointer-events: all;
overflow: hidden;
}
#content a.fancybox-image > .wp-block-image-decoration-hover,
#content .gallery > .gallery-item > .gallery-icon > a > .wp-block-image-decoration-hover,
#content .wp-block-image a > .wp-block-image-decoration-hover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2227px%22%20height%3D%2229px%22%20viewBox%3D%220%200%20270%20290%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2210%22%20d%3D%22M199.255%2C191.086l-11.198-0.91l-12.999-15.133c15.211-15.038%2C25.276-35.336%2C27.13-58.154c4.136-50.884-33.764-95.485-84.646-99.619c-50.884-4.135-95.485%2C33.762-99.62%2C84.646c-4.135%2C50.882%2C33.764%2C95.483%2C84.647%2C99.618c22.819%2C1.854%2C44.475-4.801%2C61.772-17.385l12.835%2C15.273l-0.909%2C11.196l55.785%2C65.503l22.84-19.406L199.255%2C191.086z%20M103.921%2C184.888c-41.772-3.394-72.747-39.846-69.353-81.62c3.394-41.773%2C39.848-72.746%2C81.62-69.352c41.773%2C3.394%2C72.746%2C39.846%2C69.354%2C81.62C182.147%2C157.309%2C145.694%2C188.281%2C103.921%2C184.888z%22%2F%3E%3C%2Fsvg%3E"), -moz-radial-gradient(center, circle closest-side, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2227px%22%20height%3D%2229px%22%20viewBox%3D%220%200%20270%20290%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2210%22%20d%3D%22M199.255%2C191.086l-11.198-0.91l-12.999-15.133c15.211-15.038%2C25.276-35.336%2C27.13-58.154c4.136-50.884-33.764-95.485-84.646-99.619c-50.884-4.135-95.485%2C33.762-99.62%2C84.646c-4.135%2C50.882%2C33.764%2C95.483%2C84.647%2C99.618c22.819%2C1.854%2C44.475-4.801%2C61.772-17.385l12.835%2C15.273l-0.909%2C11.196l55.785%2C65.503l22.84-19.406L199.255%2C191.086z%20M103.921%2C184.888c-41.772-3.394-72.747-39.846-69.353-81.62c3.394-41.773%2C39.848-72.746%2C81.62-69.352c41.773%2C3.394%2C72.746%2C39.846%2C69.354%2C81.62C182.147%2C157.309%2C145.694%2C188.281%2C103.921%2C184.888z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2227px%22%20height%3D%2229px%22%20viewBox%3D%220%200%20270%20290%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2210%22%20d%3D%22M199.255%2C191.086l-11.198-0.91l-12.999-15.133c15.211-15.038%2C25.276-35.336%2C27.13-58.154c4.136-50.884-33.764-95.485-84.646-99.619c-50.884-4.135-95.485%2C33.762-99.62%2C84.646c-4.135%2C50.882%2C33.764%2C95.483%2C84.647%2C99.618c22.819%2C1.854%2C44.475-4.801%2C61.772-17.385l12.835%2C15.273l-0.909%2C11.196l55.785%2C65.503l22.84-19.406L199.255%2C191.086z%20M103.921%2C184.888c-41.772-3.394-72.747-39.846-69.353-81.62c3.394-41.773%2C39.848-72.746%2C81.62-69.352c41.773%2C3.394%2C72.746%2C39.846%2C69.354%2C81.62C182.147%2C157.309%2C145.694%2C188.281%2C103.921%2C184.888z%22%2F%3E%3C%2Fsvg%3E"), -webkit-radial-gradient(center, circle closest-side, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2227px%22%20height%3D%2229px%22%20viewBox%3D%220%200%20270%20290%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2210%22%20d%3D%22M199.255%2C191.086l-11.198-0.91l-12.999-15.133c15.211-15.038%2C25.276-35.336%2C27.13-58.154c4.136-50.884-33.764-95.485-84.646-99.619c-50.884-4.135-95.485%2C33.762-99.62%2C84.646c-4.135%2C50.882%2C33.764%2C95.483%2C84.647%2C99.618c22.819%2C1.854%2C44.475-4.801%2C61.772-17.385l12.835%2C15.273l-0.909%2C11.196l55.785%2C65.503l22.84-19.406L199.255%2C191.086z%20M103.921%2C184.888c-41.772-3.394-72.747-39.846-69.353-81.62c3.394-41.773%2C39.848-72.746%2C81.62-69.352c41.773%2C3.394%2C72.746%2C39.846%2C69.354%2C81.62C182.147%2C157.309%2C145.694%2C188.281%2C103.921%2C184.888z%22%2F%3E%3C%2Fsvg%3E"), -o-radial-gradient(center, circle closest-side, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2227px%22%20height%3D%2229px%22%20viewBox%3D%220%200%20270%20290%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2210%22%20d%3D%22M199.255%2C191.086l-11.198-0.91l-12.999-15.133c15.211-15.038%2C25.276-35.336%2C27.13-58.154c4.136-50.884-33.764-95.485-84.646-99.619c-50.884-4.135-95.485%2C33.762-99.62%2C84.646c-4.135%2C50.882%2C33.764%2C95.483%2C84.647%2C99.618c22.819%2C1.854%2C44.475-4.801%2C61.772-17.385l12.835%2C15.273l-0.909%2C11.196l55.785%2C65.503l22.84-19.406L199.255%2C191.086z%20M103.921%2C184.888c-41.772-3.394-72.747-39.846-69.353-81.62c3.394-41.773%2C39.848-72.746%2C81.62-69.352c41.773%2C3.394%2C72.746%2C39.846%2C69.354%2C81.62C182.147%2C157.309%2C145.694%2C188.281%2C103.921%2C184.888z%22%2F%3E%3C%2Fsvg%3E"), -ms-radial-gradient(center, circle closest-side, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2227px%22%20height%3D%2229px%22%20viewBox%3D%220%200%20270%20290%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%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%2210%22%20d%3D%22M199.255%2C191.086l-11.198-0.91l-12.999-15.133c15.211-15.038%2C25.276-35.336%2C27.13-58.154c4.136-50.884-33.764-95.485-84.646-99.619c-50.884-4.135-95.485%2C33.762-99.62%2C84.646c-4.135%2C50.882%2C33.764%2C95.483%2C84.647%2C99.618c22.819%2C1.854%2C44.475-4.801%2C61.772-17.385l12.835%2C15.273l-0.909%2C11.196l55.785%2C65.503l22.84-19.406L199.255%2C191.086z%20M103.921%2C184.888c-41.772-3.394-72.747-39.846-69.353-81.62c3.394-41.773%2C39.848-72.746%2C81.62-69.352c41.773%2C3.394%2C72.746%2C39.846%2C69.354%2C81.62C182.147%2C157.309%2C145.694%2C188.281%2C103.921%2C184.888z%22%2F%3E%3C%2Fsvg%3E"), radial-gradient(circle closest-side at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
background-repeat: no-repeat;
-webkit-background-size: 27px auto, 50px 50px;
background-size: 27px auto, 50px 50px;
background-position: center center;
opacity: 0;
-webkit-transition: opacity .8s cubic-bezier(.8,0,.4,1), background-size .8s cubic-bezier(.8,0,.4,1);
-o-transition: opacity .8s cubic-bezier(.8,0,.4,1), background-size .8s cubic-bezier(.8,0,.4,1);
transition: opacity .8s cubic-bezier(.8,0,.4,1), background-size .8s cubic-bezier(.8,0,.4,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 {
-webkit-background-size: 32px auto, 250px 250px;
background-size: 32px auto, 250px 250px;
opacity: 1;
-webkit-transition: opacity .8s cubic-bezier(.6,0,.2,1), background-size .8s cubic-bezier(.6,0,.2,1);
-o-transition: opacity .8s cubic-bezier(.6,0,.2,1), background-size .8s cubic-bezier(.6,0,.2,1);
transition: opacity .8s cubic-bezier(.6,0,.2,1), background-size .8s cubic-bezier(.6,0,.2,1);
}
#content a.fancybox-image:focus-visible > .wp-block-image-decoration-hover,
#content .gallery > .gallery-item > .gallery-icon > a:focus-visible > .wp-block-image-decoration-hover,
#content .wp-block-image a:focus-visible > .wp-block-image-decoration-hover {
-webkit-background-size: 32px auto, 250px 250px;
background-size: 32px auto, 250px 250px;
opacity: 1;
-webkit-transition: opacity .8s cubic-bezier(.6,0,.2,1), background-size .8s cubic-bezier(.6,0,.2,1);
-o-transition: opacity .8s cubic-bezier(.6,0,.2,1), background-size .8s cubic-bezier(.6,0,.2,1);
transition: opacity .8s cubic-bezier(.6,0,.2,1), background-size .8s cubic-bezier(.6,0,.2,1);
}
#content a.fancybox-image:before,
#content .gallery > .gallery-item > .gallery-icon > a:before,
#content .wp-block-image a:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
right: -3px;
bottom: 0;
z-index: 3;
border-left: 3px solid #E02C28;
border-bottom: 3px solid #E02C28;
-webkit-transition: right .2s ease-in-out .56s, width .2s cubic-bezier(0,0,.4,1) .56s, height .18s linear .38s;
-o-transition: right .2s ease-in-out .56s, width .2s cubic-bezier(0,0,.4,1) .56s, height .18s linear .38s;
transition: right .2s ease-in-out .56s, width .2s cubic-bezier(0,0,.4,1) .56s, height .18s linear .38s;
pointer-events: none;
}
#content a.fancybox-image:hover:before,
#content .gallery > .gallery-item > .gallery-icon > a:hover:before,
#content .wp-block-image a:hover:before {
right: 0;
width: 100%;
height: 100%;
-webkit-transition: right .2s ease-in-out, width .2s cubic-bezier(.6,0,1,1), height .18s linear .2s;
-o-transition: right .2s ease-in-out, width .2s cubic-bezier(.6,0,1,1), height .18s linear .2s;
transition: right .2s ease-in-out, width .2s cubic-bezier(.6,0,1,1), height .18s linear .2s;
}
#content a.fancybox-image:focus-visible:before,
#content .gallery > .gallery-item > .gallery-icon > a:focus-visible:before,
#content .wp-block-image a:focus-visible:before {
right: 0;
width: 100%;
height: 100%;
-webkit-transition: right .2s ease-in-out, width .2s cubic-bezier(.6,0,1,1), height .18s linear .2s;
-o-transition: right .2s ease-in-out, width .2s cubic-bezier(.6,0,1,1), height .18s linear .2s;
transition: right .2s ease-in-out, width .2s cubic-bezier(.6,0,1,1), height .18s linear .2s;
}
#content a.fancybox-image:after,
#content .gallery > .gallery-item > .gallery-icon > a:after,
#content .wp-block-image a:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: -3px;
top: 0;
z-index: 3;
border-top: 3px solid #E02C28;
border-right: 3px solid #E02C28;
-webkit-transition: left .18s ease-in-out .2s, width .18s linear .2s, height .2s cubic-bezier(.6,0,1,1);
-o-transition: left .18s ease-in-out .2s, width .18s linear .2s, height .2s cubic-bezier(.6,0,1,1);
transition: left .18s ease-in-out .2s, width .18s linear .2s, height .2s cubic-bezier(.6,0,1,1);
pointer-events: none;
}
#content a.fancybox-image:hover:after,
#content .gallery > .gallery-item > .gallery-icon > a:hover:after,
#content .wp-block-image a:hover:after {
height: 100%;
width: 100%;
left: 0;
-webkit-transition: left .18s ease-in-out .38s, width .18s linear .38s, height .2s cubic-bezier(0,0,.4,1) .56s;
-o-transition: left .18s ease-in-out .38s, width .18s linear .38s, height .2s cubic-bezier(0,0,.4,1) .56s;
transition: left .18s ease-in-out .38s, width .18s linear .38s, height .2s cubic-bezier(0,0,.4,1) .56s;
}
#content a.fancybox-image:focus-visible:after,
#content .gallery > .gallery-item > .gallery-icon > a:focus-visible:after,
#content .wp-block-image a:focus-visible:after {
height: 100%;
width: 100%;
left: 0;
-webkit-transition: left .18s ease-in-out .38s, width .18s linear .38s, height .2s cubic-bezier(0,0,.4,1) .56s;
-o-transition: left .18s ease-in-out .38s, width .18s linear .38s, height .2s cubic-bezier(0,0,.4,1) .56s;
transition: left .18s ease-in-out .38s, width .18s linear .38s, height .2s cubic-bezier(0,0,.4,1) .56s;
}
#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 {
background-color: transparent;
background-image: none;
background: -moz-linear-gradient(-30deg, rgba(203,158,56,0) 25%, rgba(203,158,56,.5) 45%, rgba(203,158,56,.5) 55%, rgba(203,158,56,0) 75%), url('assets/img/ardoise.webp');
background: -webkit-linear-gradient(-30deg, rgba(203,158,56,0) 25%, rgba(203,158,56,.5) 45%, rgba(203,158,56,.5) 55%, rgba(203,158,56,0) 75%), url('assets/img/ardoise.webp');
background: linear-gradient(120deg, rgba(203,158,56,0) 25%, rgba(203,158,56,.5) 45%, rgba(203,158,56,.5) 55%, rgba(203,158,56,0) 75%), url('assets/img/ardoise.webp');
-webkit-background-size: 140% 100%, cover;
background-size: 140% 100%, cover;
background-position: center center, center center;
background-blend-mode: multiply;
-webkit-animation: lazy_loading 17s infinite linear;
-moz-animation: lazy_loading 17s infinite linear;
-o-animation: lazy_loading 17s infinite linear;
animation: lazy_loading 17s infinite linear;
-webkit-animation-duration: 17s!important;
-o-animation-duration: 17s!important;
animation-duration: 17s!important;
opacity: 1;
-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);
}
html:not(.webp) #content a.fancybox-image > img,
html:not(.webp) #content .gallery > .gallery-item > .gallery-icon img,
html:not(.webp) #content .wp-block-gallery > .wp-block-image img,
html:not(.webp) #content .wp-block-image a img {
background-color: transparent;
background-image: none;
background: -moz-linear-gradient(-30deg, rgba(203,158,56,0) 25%, rgba(203,158,56,.5) 45%, rgba(203,158,56,.5) 55%, rgba(203,158,56,0) 75%), url('assets/img/ardoise.jpg');
background: -webkit-linear-gradient(-30deg, rgba(203,158,56,0) 25%, rgba(203,158,56,.5) 45%, rgba(203,158,56,.5) 55%, rgba(203,158,56,0) 75%), url('assets/img/ardoise.jpg');
background: linear-gradient(120deg, rgba(203,158,56,0) 25%, rgba(203,158,56,.5) 45%, rgba(203,158,56,.5) 55%, rgba(203,158,56,0) 75%), url('assets/img/ardoise.jpg');
-webkit-background-size: 140% 100%, cover;
background-size: 140% 100%, cover;
background-position: center center, center center;
background-blend-mode: multiply;
}
@-webkit-keyframes lazy_loading {
0% { -ms-background-position-x: -100vw, center; background-position-x: -100vw, center; }
100% { -ms-background-position-x: 100vw, center; background-position-x: 100vw, center; }
}
@-moz-keyframes lazy_loading {
0% { -ms-background-position-x: -100vw, center; background-position-x: -100vw, center; }
100% { -ms-background-position-x: 100vw, center; background-position-x: 100vw, center; }
}
@-o-keyframes lazy_loading {
0% { -ms-background-position-x: -100vw, center; background-position-x: -100vw, center; }
100% { -ms-background-position-x: 100vw, center; background-position-x: 100vw, center; }
}
@keyframes lazy_loading {
0% { -ms-background-position-x: -100vw, center; background-position-x: -100vw, center; }
100% { -ms-background-position-x: 100vw, center; background-position-x: 100vw, 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"] {
background-color: transparent!important;
background-image: none!important;
background: none!important;
}
/*
#content a.fancybox-image:hover > img,
#content .gallery > .gallery-item > .gallery-icon > a:hover > img,
#content .wp-block-image a:hover img {
-webkit-transition: opacity .8s cubic-bezier(.5,0,0,1);
-o-transition: opacity .8s cubic-bezier(.5,0,0,1);
transition: opacity .8s cubic-bezier(.5,0,0,1);
opacity: .3;
}
#content a.fancybox-image:focus-visible > img,
#content .gallery > .gallery-item > .gallery-icon > a:focus-visible > img,
#content .wp-block-image a:focus-visible img {
-webkit-transition: opacity .8s cubic-bezier(.5,0,0,1);
-o-transition: opacity .8s cubic-bezier(.5,0,0,1);
transition: opacity .8s cubic-bezier(.5,0,0,1);
opacity: .3;
}
*/
#content .gallery.gallery-columns-default > .gallery-item,
#content .wp-block-gallery.columns-default > .wp-block-image { max-width: 20%; }
#content .gallery.gallery-columns-1 > .gallery-item,
#content .wp-block-gallery.columns-1 > .wp-block-image { max-width: 100%; }
#content .gallery.gallery-columns-2 > .gallery-item,
#content .wp-block-gallery.columns-2 > .wp-block-image { max-width: 50%; }
#content .gallery.gallery-columns-3 > .gallery-item,
#content .wp-block-gallery.columns-3 > .wp-block-image { max-width: 33.33333%; }
#content .gallery.gallery-columns-4 > .gallery-item,
#content .wp-block-gallery.columns-4 > .wp-block-image { max-width: 25%; }
#content .gallery.gallery-columns-5 > .gallery-item,
#content .wp-block-gallery.columns-5 > .wp-block-image { max-width: 20%; }
#content .gallery.gallery-columns-6 > .gallery-item,
#content .wp-block-gallery.columns-6 > .wp-block-image { max-width: 16.66667%; }
#content .gallery.gallery-columns-7 > .gallery-item,
#content .wp-block-gallery.columns-7 > .wp-block-image { max-width: 14.28571%; }
#content .gallery.gallery-columns-8 > .gallery-item,
#content .wp-block-gallery.columns-8 > .wp-block-image { max-width: 12.5%; }
#content .gallery.gallery-columns-9 > .gallery-item,
#content .wp-block-gallery.columns-9 > .wp-block-image { max-width: 11.11111%; }
#content .gallery.gallery-columns-10> .gallery-item,
#content .wp-block-gallery.columns-10> .wp-block-image { max-width: 10%; }
#content .gallery.gallery-columns-11> .gallery-item,
#content .wp-block-gallery.columns-11> .wp-block-image { max-width: 9.090909%; }
#content .gallery.gallery-columns-12> .gallery-item,
#content .wp-block-gallery.columns-12> .wp-block-image { max-width: 8.333333%; }
#content .gallery.gallery-columns-13> .gallery-item,
#content .wp-block-gallery.columns-13> .wp-block-image { max-width: 7.692308%; }
#content .gallery.gallery-columns-14> .gallery-item,
#content .wp-block-gallery.columns-14> .wp-block-image { max-width: 7.142857%; }
#content .gallery.gallery-columns-15> .gallery-item,
#content .wp-block-gallery.columns-15> .wp-block-image { max-width: 6.666667%; }
#content .gallery.gallery-columns-16> .gallery-item,
#content .wp-block-gallery.columns-16> .wp-block-image { max-width: 6.25%; }
#content .gallery.gallery-columns-17> .gallery-item,
#content .wp-block-gallery.columns-17> .wp-block-image { max-width: 5.882353%; }
#content .gallery.gallery-columns-18> .gallery-item,
#content .wp-block-gallery.columns-18> .wp-block-image { max-width: 5.555555%; }
#content .gallery.gallery-columns-19> .gallery-item,
#content .wp-block-gallery.columns-19> .wp-block-image { max-width: 5.263158%; }
#content .gallery.gallery-columns-20> .gallery-item,
#content .wp-block-gallery.columns-20> .wp-block-image { max-width: 5%; }
#content .gallery.gallery-columns-1 > .gallery-item:nth-child(1n+2),
#content .wp-block-gallery.columns-1 > .wp-block-image:nth-child(1n+2),
#content .gallery.gallery-columns-2 > .gallery-item:nth-child(2n+3),
#content .wp-block-gallery.columns-2 > .wp-block-image:nth-child(2n+3),
#content .gallery.gallery-columns-3 > .gallery-item:nth-child(3n+4),
#content .wp-block-gallery.columns-3 > .wp-block-image:nth-child(3n+4),
#content .gallery.gallery-columns-4 > .gallery-item:nth-child(4n+5),
#content .wp-block-gallery.columns-4 > .wp-block-image:nth-child(4n+5),
#content .gallery.gallery-columns-5 > .gallery-item:nth-child(5n+6),
#content .wp-block-gallery.columns-5 > .wp-block-image:nth-child(5n+6),
#content .gallery.gallery-columns-6 > .gallery-item:nth-child(6n+7),
#content .wp-block-gallery.columns-6 > .wp-block-image:nth-child(6n+7),
#content .gallery.gallery-columns-7 > .gallery-item:nth-child(7n+8),
#content .wp-block-gallery.columns-7 > .wp-block-image:nth-child(7n+8),
#content .gallery.gallery-columns-8 > .gallery-item:nth-child(8n+9),
#content .wp-block-gallery.columns-8 > .wp-block-image:nth-child(8n+9),
#content .gallery.gallery-columns-9 > .gallery-item:nth-child(9n+10),
#content .wp-block-gallery.columns-9 > .wp-block-image:nth-child(9n+10),
#content .gallery.gallery-columns-10 > .gallery-item:nth-child(10n+11),
#content .wp-block-gallery.columns-10 > .wp-block-image:nth-child(10n+11),
#content .gallery.gallery-columns-11 > .gallery-item:nth-child(11n+12),
#content .wp-block-gallery.columns-11 > .wp-block-image:nth-child(11n+12),
#content .gallery.gallery-columns-12 > .gallery-item:nth-child(12n+13),
#content .wp-block-gallery.columns-12 > .wp-block-image:nth-child(12n+13),
#content .gallery.gallery-columns-13 > .gallery-item:nth-child(13n+14),
#content .wp-block-gallery.columns-13 > .wp-block-image:nth-child(13n+14),
#content .gallery.gallery-columns-14 > .gallery-item:nth-child(14n+15),
#content .wp-block-gallery.columns-14 > .wp-block-image:nth-child(14n+15),
#content .gallery.gallery-columns-15 > .gallery-item:nth-child(15n+16),
#content .wp-block-gallery.columns-15 > .wp-block-image:nth-child(15n+16),
#content .gallery.gallery-columns-16 > .gallery-item:nth-child(16n+17),
#content .wp-block-gallery.columns-16 > .wp-block-image:nth-child(16n+17),
#content .gallery.gallery-columns-17 > .gallery-item:nth-child(17n+18),
#content .wp-block-gallery.columns-17 > .wp-block-image:nth-child(17n+18),
#content .gallery.gallery-columns-18 > .gallery-item:nth-child(18n+19),
#content .wp-block-gallery.columns-18 > .wp-block-image:nth-child(18n+19),
#content .gallery.gallery-columns-19 > .gallery-item:nth-child(19n+20),
#content .wp-block-gallery.columns-19 > .wp-block-image:nth-child(19n+20),
#content .gallery.gallery-columns-20 > .gallery-item:nth-child(20n+21),
#content .wp-block-gallery.columns-20 > .wp-block-image:nth-child(20n+21) {
clear: both;
}
/* Fancybox */
html.fancybox-active:not(.fancybox-allowscroll) body {
margin-right: 0;
padding-right: var(--vertical-scrollbar);
}
/*
#fancybox-wrap {
padding: 0 100px;
height: auto !important;
}
*/
html #fancybox-outer {
-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.5);
box-shadow: 0 0 40px 0 rgba(0,0,0,.5);
}
#fancybox-prev, #fancybox-next {
height: 100%;
width: 30%;
width: calc(30% + 100px);
top: 0;
margin-top: 0;
}
#fancybox-next, body.rtl #fancybox-prev {
right: -100px;
}
#fancybox-prev, body.rtl #fancybox-next {
left: -100px;
}
#fancybox-prev > span, #fancybox-next > span {
position: absolute;
top: 0;
left: auto;
right: auto;
-webkit-box-shadow: none;
box-shadow: none;
width: 0;
height: 100%;
background-color: transparent;
background-image: none;
background: none;
border-radius: 0;
border: none;
background-image: url('assets/img/ardoise.webp');
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
overflow: hidden;
-webkit-transition: width .8s cubic-bezier(.8,0,.7,1), left .8s cubic-bezier(.8,0,.7,1), right .8s cubic-bezier(.8,0,.7,1);
-o-transition: width .8s cubic-bezier(.8,0,.7,1), left .8s cubic-bezier(.8,0,.7,1), right .8s cubic-bezier(.8,0,.7,1);
transition: width .8s cubic-bezier(.8,0,.7,1), left .8s cubic-bezier(.8,0,.7,1), right .8s cubic-bezier(.8,0,.7,1);
}
html:not(.webp) #fancybox-prev > span, html:not(.webp) #fancybox-next > span {
background-image: url('assets/img/ardoise.jpg');
}
#fancybox-prev > span:after, #fancybox-next > span:after {
width: 18px;
height: 30px;
top: 50%;
margin-top: -15px;
border: none;
right: 41px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2218px%22%20height%3D%2230px%22%20viewBox%3D%220%200%20180%20300%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%3Cpolygon%20fill%3D%22%23330104%22%20points%3D%2229.774%2C284.524 16.534%2C271.284 137.568%2C150.25 16.534%2C29.215 29.774%2C15.976 164.049%2C150.25%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
#fancybox-prev > span:after {
left: 41px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2218px%22%20height%3D%2230px%22%20viewBox%3D%220%200%20180%20300%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%3Cpolygon%20fill%3D%22%23330104%22%20points%3D%22150.226%2C284.524 163.466%2C271.284 42.432%2C150.25 163.466%2C29.215 150.226%2C15.976 15.951%2C150.25%22%2F%3E%3C%2Fsvg%3E");
}
#fancybox-next > span, body.rtl #fancybox-prev > span {
right: 100px;
-ms-background-position: right center;
background-position: right center;
}
#fancybox-prev > span, body.rtl #fancybox-next > span {
left: 100px;
-ms-background-position: left center;
background-position: left center;
}
#fancybox-next:hover > span, body.rtl #fancybox-prev:hover > span {
width: 100px;
right: 0;
-webkit-transition: width .8s cubic-bezier(.3,0,.2,1), left .8s cubic-bezier(.3,0,.2,1), right .8s cubic-bezier(.3,0,.2,1);
-o-transition: width .8s cubic-bezier(.3,0,.2,1), left .8s cubic-bezier(.3,0,.2,1), right .8s cubic-bezier(.3,0,.2,1);
transition: width .8s cubic-bezier(.3,0,.2,1), left .8s cubic-bezier(.3,0,.2,1), right .8s cubic-bezier(.3,0,.2,1);
}
#fancybox-prev:hover > span, body.rtl #fancybox-next:hover > span {
width: 100px;
left: 0;
-webkit-transition: width .8s cubic-bezier(.3,0,.2,1), left .8s cubic-bezier(.3,0,.2,1), right .8s cubic-bezier(.3,0,.2,1);
-o-transition: width .8s cubic-bezier(.3,0,.2,1), left .8s cubic-bezier(.3,0,.2,1), right .8s cubic-bezier(.3,0,.2,1);
transition: width .8s cubic-bezier(.3,0,.2,1), left .8s cubic-bezier(.3,0,.2,1), right .8s cubic-bezier(.3,0,.2,1);
}
#fancybox-outer {
-webkit-box-shadow: 0 0 13px 2px #000000;
box-shadow: 0 0 13px 2px #000000;
}
/**
* 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 h1,
#content .h1,
#content h2,
#content .h2 {
font-size: 30px;
font-size: 1.875rem;
color: #2D3238;
font-weight: 700;
line-height: 0.9;
margin: 2.5em auto 1.3em auto;
text-transform: none;
position: relative;
z-index: 1;
letter-spacing: -0.04em;
}
#content h1 strong,
#content .h1 strong,
#content h1 b,
#content .h1 b,
#content h2 strong,
#content .h2 strong,
#content h2 b,
#content .h2 b {
font-weight: 700;
color: #E02C28;
}
#content h1 em,
#content .h1 em,
#content h1 i,
#content .h1 i,
#content h2 em,
#content .h2 em,
#content h2 i,
#content .h2 i {
font-style: italic;
}
#content h1 small,
#content .h1 small,
#content h2 small,
#content .h2 small {
font-size: 0.7em;
}
#content h1:before,
#content .h1:before,
#content h2:before,
#content .h2:before {
display: none;
}
#content h1:after,
#content .h1:after,
#content h2:after,
#content .h2:after {
display: none;
}
#content h3,
#content .h3 {
font-size: 24px;
font-size: 1.5rem;
color: #E02C28;
font-weight: 600;
line-height: 1;
letter-spacing: -0.04em;
text-transform: uppercase;
margin: 2.607em auto 1em 0;
position: relative;
z-index: 1;
}
@supports (-webkit-background-clip: text) {
#content h3,
#content .h3 {
background: -webkit-linear-gradient(top, #EC2A35 0%, #BB0D17 100%);
background-repeat: repeat;
-webkit-background-size: auto 1em;
background-size: auto 1em;
background-position: top left;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
#content h3 strong,
#content .h3 strong,
#content h3 b,
#content .h3 b {
font-weight: 800;
}
#content h3 em,
#content .h3 em,
#content h3 i,
#content .h3 i {
font-weight: 600;
font-style: italic;
}
#content h3:after,
#content .h3:after {
display: none;
}
#content h3:before,
#content .h3:before {
display: none;
}
#content h4,
#content .h4 {
font-size: 22px;
font-size: 1.375rem;
color: #2D3238;
text-transform: uppercase;
font-weight: 700;
line-height: .9;
letter-spacing: -0.04em;
margin: 2.607em auto 1em 0;
position: relative;
}
#content h4 strong,
#content .h4 strong,
#content h4 b,
#content .h4 b {
font-weight: 400;
display: block;
color: #E02C28;
}
#content h4:after,
#content .h4:after {
display: none;
}
#content h4:before,
#content .h4:before {
display: none;
}
#content h5,
#content .h5 {
font-size: 21px;
font-size: 1.3125rem;
color: #030303;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
margin: 2em 0 1.5em 0;
}
#content h5 strong,
#content .h5 strong,
#content h5 b,
#content .h5 b {
font-weight: 700;
}
#content h5:before,
#content .h5:before,
#content h5:after,
#content .h5:after {
display: none;
}
#content h5:after,
#content .h5:after {
display: none;
}
#content h6,
#content .h6 {
font-size: 18px;
font-size: 1.125rem;
color: #E02C28;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
margin: 2em 0 1.5em 0;
}
#content h6 strong,
#content .h6 strong,
#content h6 b,
#content .h6 b {
font-weight: 700;
}
#content h6:before,
#content .h6:before,
#content h6:after,
#content .h6:after {
display: none;
}
#content h6:after,
#content .h6:after {
display: none;
}
/**
* LIENS
*/
#content a,
#content a:link,
#content a:visited,
#content .link {
font-weight: 700;
color: #E02C28;
text-decoration: none;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiM4NjA0MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4NjA0MzkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
background: -moz-linear-gradient(left, rgba(224,44,40,1) 49%, rgba(224,44,40,0) 50%);
background: -webkit-gradient(linear, left top, right top, color-stop(49%, rgba(224,44,40,1)), color-stop(50%, rgba(224,44,40,0)));
background: -webkit-linear-gradient(left, rgba(224,44,40,1) 49%, rgba(224,44,40,0) 50%);
background: -o-linear-gradient(left, rgba(224,44,40,1) 49%, rgba(224,44,40,0) 50%);
background: -ms-linear-gradient(left, rgba(224,44,40,1) 49%, rgba(224,44,40,0) 50%);
background: linear-gradient(to right, rgba(224,44,40,1) 49%, rgba(224,44,40,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E02C28', endColorstr='#00E02C28',GradientType=1 );
background-repeat: no-repeat;
-webkit-background-size: 200% 2px;
background-size: 200% 2px;
background-position: bottom right;
-ms-background-position-x: right;
background-position-x: right;
-webkit-transition: background-position-x .5s cubic-bezier(.9,0,.7,1);
-o-transition: background-position-x .5s cubic-bezier(.9,0,.7,1);
transition: background-position-x .5s cubic-bezier(.9,0,.7,1);
position: relative;
}
#content a:hover,
#content .link:hover,
#content .link.hover,
#content .link.focus {
-ms-background-position-x: left;
background-position-x: left;
-webkit-transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
-o-transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
}
#content a:focus-within {
-ms-background-position-x: left;
background-position-x: left;
-webkit-transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
-o-transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
}
#content a:focus-visible {
-ms-background-position-x: left;
background-position-x: left;
-webkit-transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
-o-transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
transition: background-position-x .5s cubic-bezier(.3,0,.1,1);
}
#content a:active {
color: #520021;
}
/**
* TABLEAU
*/
#content table {
margin: 35px auto 50px auto;
max-width: 1000px;
position: relative;
border-radius: 5px;
width: 100%;
border-spacing: 0;
overflow: hidden;
font-size: 14px;
font-size: 0.875rem;
}
#content table td,
#content table th {
padding: 11px 16px;
border: none;
}
#content table thead {
border: none;
background: #2D3238;
}
#content table thead td,
#content table thead th,
#content table tfoot td,
#content table tfoot th {
padding: 10px 16px;
text-align: left;
font-size: 18px;
font-size: 0.9rem;
font-weight: 700;
color: #FFFFFF;
text-transform: none;
}
#content table tfoot {
border: none;
background-color: #BB0D17;
}
#content table tfoot td,
#content table tfoot th {
color: #FFFFFF;
}
#content table tbody td:after,
#content table tbody th:after {
content: '\0000A0';
}
#content table tbody tr:nth-child(even) {
background-color: rgba(0,0,0,.08);
}
/**
* BOUTONS
*/
#content .wp-block-buttons { text-align: center; }
#content .wp-block-buttons > .wp-block-button { display: inline-block; }
#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 .btn.primary,
#content .button.primary,
#content a.btn.primary,
#content a.button.primary,
#content button.primary,
#content input[type="button"].primary,
#content input[type="submit"].primary,
#content input[type="reset"].primary,
#content .wp-block-button.is-style-primary .wp-block-button__link,
#content .btn.btn-primary,
#content .button.btn-primary,
#content a.btn.btn-primary,
#content a.button.btn-primary,
#content button.btn-primary,
#content input[type="button"].btn-primary,
#content input[type="submit"].btn-primary,
#content input[type="reset"].btn-primary,
#content button.single_add_to_cart_button,
dialog.negative button.accept {
display: inline-block;
text-decoration: none;
text-align: center;
font-size: 14px;
font-size: .875rem;
font-weight: 500;
font-style: normal;
color: #FFFFFF;
background-color: #2D3238;
background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2270%22%20height%3D%2240%22%20viewBox%3D%220%200%20700%20400%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%20opacity%3D%220.2%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M268%2C370.969C268%2C171.024%2C461.413%2C8.938%2C700%2C8.938V0H0v400h269.375C268.469%2C390.423%2C268%2C380.741%2C268%2C370.969z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top left -10px;
overflow: visible;
position: relative;
border: none;
border-radius: 999px;
line-height: 1;
padding: 10px 25px 10px 25px;
margin: 10px 10px;
outline: 0;
cursor: pointer;
opacity: 1;
transition: background-position .2s ease-in-out;
}
#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 .btn.primary:hover,
#content .button.primary:hover,
#content a.btn.primary:hover,
#content a.button.primary:hover,
#content button.primary:hover,
#content input[type="button"].primary:hover,
#content input[type="submit"].primary:hover,
#content input[type="reset"].primary:hover,
#content .wp-block-button.is-style-primary .wp-block-button__link:hover,
#content .btn.btn-primary:hover,
#content .button.btn-primary:hover,
#content a.btn.btn-primary:hover,
#content a.button.btn-primary:hover,
#content button.btn-primary:hover,
#content input[type="button"].btn-primary:hover,
#content input[type="submit"].btn-primary:hover,
#content input[type="reset"].btn-primary:hover,
dialog.negative button.accept:hover {
background-position: top left;
}
#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 .btn.primary:focus-visible,
#content .button.primary:focus-visible,
#content a.btn.primary:focus-visible,
#content a.button.primary:focus-visible,
#content button.primary:focus-visible,
#content input[type="button"].primary:focus-visible,
#content input[type="submit"].primary:focus-visible,
#content input[type="reset"].primary:focus-visible,
#content .wp-block-button.is-style-primary .wp-block-button__link:focus-visible,
#content .btn.btn-primary:focus-visible,
#content .button.btn-primary:focus-visible,
#content a.btn.btn-primary:focus-visible,
#content a.button.btn-primary:focus-visible,
#content button.btn-primary:focus-visible,
#content input[type="button"].btn-primary:focus-visible,
#content input[type="submit"].btn-primary:focus-visible,
#content input[type="reset"].btn-primary:focus-visible,
dialog.negative button.accept:focus-visible {
background-position: top left;
}
/**
* SECONDAIRE
**/
#content .btn.secondary,
#content .button.secondary,
#content a.btn.secondary,
#content a.button.secondary,
#content button.secondary,
#content input[type="button"].secondary,
#content input[type="submit"].secondary,
#content input[type="reset"].secondary,
#content .wp-block-button.is-style-secondary .wp-block-button__link,
#content .btn.btn-secondary,
#content .button.btn-secondary,
#content a.btn.btn-secondary,
#content a.button.btn-secondary,
#content button.btn-secondary,
#content input[type="button"].btn-secondary,
#content input[type="submit"].btn-secondary,
#content input[type="reset"].btn-secondary {
background-color: #8C959C;
}
/**
* TERTIAIRE
**/
#content .btn.tertiary,
#content .button.tertiary,
#content a.btn.tertiary,
#content a.button.tertiary,
#content button.tertiary,
#content input[type="button"].tertiary,
#content input[type="submit"].tertiary,
#content input[type="reset"].tertiary,
#content .wp-block-button.is-style-tertiary .wp-block-button__link,
#content .btn.btn-tertiary,
#content .button.btn-tertiary,
#content a.btn.btn-tertiary,
#content a.button.btn-tertiary,
#content button.btn-tertiary,
#content input[type="button"].btn-tertiary,
#content input[type="submit"].btn-tertiary,
#content input[type="reset"].btn-tertiary {
background-color: #BB0D17;
}
/**
* 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[disabled] .wp-block-button__link {
background-color: #8C959C;
background: repeating-linear-gradient(-45deg, #96A1AA, #96A1AA 8px, #8C959C 8px, #8C959C 16px);
color: #D9DFE6;
pointer-events: none;
cursor: not-allowed;
}
#content .btn[disabled][tooltip],
#content .button[disabled][tooltip],
#content a.btn[disabled][tooltip],
#content a.button[disabled][tooltip],
#content button[disabled][tooltip],
#content input[type="button"][disabled][tooltip],
#content input[type="submit"][disabled][tooltip],
#content input[type="reset"][disabled][tooltip] {
pointer-events: all;
}
#content .btn[disabled][tooltip]:hover:before,
#content .button[disabled][tooltip]:hover:before,
#content a.btn[disabled][tooltip]:hover:before,
#content a.button[disabled][tooltip]:hover:before,
#content button[disabled][tooltip]:hover:before,
#content input[type="button"][disabled][tooltip]:hover:before,
#content input[type="submit"][disabled][tooltip]:hover:before,
#content input[type="reset"][disabled][tooltip]:hover:before {
content: attr(tooltip);
display: block;
position: absolute;
bottom: 100%;
left: 50%;
width: 230px;
margin-bottom: 8px;
margin-left: -115px;
background-color: #393939;
color: #FFFFFF;
text-align: left;
font-size: 13px;
padding: 4px 8px 5px 8px;
border-radius: 5px;
}
#content .btn[disabled][tooltip]:hover:after,
#content .button[disabled][tooltip]:hover:after,
#content a.btn[disabled][tooltip]:hover:after,
#content a.button[disabled][tooltip]:hover:after,
#content button[disabled][tooltip]:hover:after,
#content input[type="button"][disabled][tooltip]:hover:after,
#content input[type="submit"][disabled][tooltip]:hover:after,
#content input[type="reset"][disabled][tooltip]:hover:after {
content: '';
display: block;
position: absolute;
bottom: 100%;
border: 6px solid transparent;
border-top-color: #393939;
left: 50%;
width: 0;
height: 0;
margin-bottom: -4px;
margin-left: -6px;
}
/**
* NOTIFICATION
*/
#header-notifications {
max-width: 1060px;
margin: 0 auto;
padding: 0 20px;
}
#header-missing-notification {
margin-top: 30px;
padding: 14px 20px 12px 20px;
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
font-weight: 500;
text-wrap: pretty;
line-height: 1.3;
}
#header-missing-notification a {
flex: 0 0 auto;
margin-left: 20px;
display: inline-block;
text-decoration: none;
text-align: center;
font-size: 14px;
font-size: .875rem;
font-weight: 500;
font-style: normal;
color: #FFFFFF;
background-color: #BB0D17;
background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2270%22%20height%3D%2240%22%20viewBox%3D%220%200%20700%20400%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%20opacity%3D%220.2%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M268%2C370.969C268%2C171.024%2C461.413%2C8.938%2C700%2C8.938V0H0v400h269.375C268.469%2C390.423%2C268%2C380.741%2C268%2C370.969z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top left -10px;
overflow: visible;
position: relative;
top: -1px;
border: none;
border-radius: 999px;
line-height: 1;
padding: 10px 25px 10px 25px;
margin: 0 0 0 50px;
outline: 0;
cursor: pointer;
opacity: 1;
transition: background-position .2s ease-in-out;
}
#header-missing-notification a:hover {
background-position: top left;
}
#header-missing-notification a:focus-visible {
background-position: top left;
}
#header-missing-notification:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -2;
background: #ec2a35;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjMmEzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYjBkMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ec2a35 0%, #bb0d17 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec2a35), color-stop(100%,#bb0d17));
background: -webkit-linear-gradient(top, #ec2a35 0%,#bb0d17 100%);
background: -o-linear-gradient(top, #ec2a35 0%,#bb0d17 100%);
background: -ms-linear-gradient(top, #ec2a35 0%,#bb0d17 100%);
background: linear-gradient(to bottom, #ec2a35 0%,#bb0d17 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec2a35', endColorstr='#bb0d17',GradientType=0 );
background-repeat: repeat-x;
background-size: auto 100%;
background-position: top center;
border-radius: 10px;
pointer-events: none;
}
#header-missing-notification:before {
content: '';
display: block;
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 2px;
z-index: -1;
border-radius: 8px;
background-color: #FFE4E4;
pointer-events: none;
}
/**
* ESPACE COULEUR
**/
#opence-form {
position: fixed;
right: -186px;
top: 314px;
top: min(314px, 50vh);
width: 256px;
max-width: 450px;
height: 60px;
border-radius: 4px 0 0 4px;
background-color: #2D3238;
-webkit-box-shadow: gray 0px 0px 5px;
box-shadow: gray 0px 0px 5px;
padding: 0;
margin: 0 auto;
overflow: hidden;
z-index: 999999999999999;
}
#opence-form img {
margin-left: auto;
margin-right: auto;
}
#opence-form button {
width: 100%;
height: 100%;
border: none;
background-color: transparent;
background-image: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
outline: 0;
display: block;
padding: 0;
margin: 0;
max-width: 70px;
min-width: 0;
text-align: center;
white-space: normal;
vertical-align: bottom;
text-transform: uppercase;
font-size: 9px;
line-height: 1;
color: #FFFFFF;
}
#opence-form button:hover {
background-color: #4c545d;
}
#opence-form button strong {
color: #FFCC00;
font-weight: inherit;
}
#opence-form button span {
display: block;
margin-bottom: 5px;
}
@media (max-width: 1200px) {
#opence-form {
top: 50vh;
}
}
@media (max-width: 500px) {
#opence-form {
top: auto;
bottom: 88px;
}
}
/**************************************** CUSTOM TEMPLATES ****************************************/
/**
* CONTACT
*/
#content .btn.loading,
#content .button.loading,
#content a.btn.loading,
#content a.button.loading,
#content button.loading,
#content input[type="button"].loading,
#content input[type="submit"].loading,
#content input[type="reset"].loading,
#content .wp-block-button.loading .wp-block-button__link,
#content .wpcf7-form.scf-verificating button[type="submit"],
#content .wpcf7-form.scf-validated:not(.aborted):not(.failed) button[type="submit"],
#content .wpcf7-form.submitting button[type="submit"] {
pointer-events: none;
color: transparent;
background-color: #B1B6BD;
}
#content .btn.loading:after,
#content .button.loading:after,
#content a.btn.loading:after,
#content a.button.loading:after,
#content button.loading:after,
#content input[type="button"].loading:after,
#content input[type="submit"].loading:after,
#content input[type="reset"].loading:after,
#content .wp-block-button.loading .wp-block-button__link:after,
#content .wpcf7-form.scf-verificating button[type="submit"]:after,
#content .wpcf7-form.scf-validated:not(.aborted):not(.failed) button[type="submit"]:after,
#content .wpcf7-form.submitting button[type="submit"]:after {
content: '';
display: block;
position: absolute;
border: 3px solid #2D3238;
border-top-color: transparent;
border-radius: 200%;
width: 18px;
height: 18px;
left: 50%;
top: 50%;
margin-left: -9px;
margin-top: -9px;
-webkit-animation: loading_rotate 1s infinite cubic-bezier(.7,.2,.3,.8);
-moz-animation: loading_rotate 1s infinite cubic-bezier(.7,.2,.3,.8);
-o-animation: loading_rotate 1s infinite cubic-bezier(.7,.2,.3,.8);
animation: loading_rotate 1s infinite cubic-bezier(.7,.2,.3,.8);
}
@-webkit-keyframes loading_rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-moz-keyframes loading_rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-o-keyframes loading_rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes loading_rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/**
* 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;
}
/* Ancre horaires */
#content .entry-content a#horaires:empty {
position: absolute;
top: 50%;
margin-top: -50vh;
display: block;
background-color: transparent;
background-image: none;
background: none;
}
/**
* TUNNEL DE VERIFICATION
*/
#verification_tunnel {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
z-index: 9999999990;
display: flex;
justify-content: center;
align-items: center;
}
#verification_tunnel #verification_tunnel__inner {
position: fixed;
z-index: 9999999991;
background-color: #fff;
border-radius: 10px;
width: 90%;
height: 90%;
max-width: 1000px;
max-height: 780px;
padding: 70px 60px 40px 60px;
overflow: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
#verification_tunnel #verification_tunnel__inner:before,
#verification_tunnel #verification_tunnel__inner:after {
content: '';
display: block;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
}
#verification_tunnel #verification_tunnel__inner:has(#verification_tunnel__step--explanation:not([style*="display" i][style*="none" i])),
#verification_tunnel #verification_tunnel__inner:has(#verification_tunnel__step--ending:not([style*="display" i][style*="none" i])) {
background-image: url('assets/img/tunnel-background.jpg');
background-repeat: no-repeat;
background-size: auto;
background-position: bottom right;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step {
width: 100%;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step h5 {
max-width: 600px;
text-transform: none;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step h2 {
margin-bottom: .4em;
margin-left: 0;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step h2 + p {
font-size: 14px;
font-style: italic;
color: #9F9F9F;
line-height: 1.2;
margin-bottom: 2em;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step .wpcf7-form {
font-size: 0;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--personal_view[style*="display" i][style*="block" i],
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--beneficiary_view[style*="display" i][style*="block" i] {
min-height: 100%;
display: flex!important;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--personal_view > div,
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--beneficiary_view > div {
flex: 1 0 auto;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--personal_view > div.verification_tunnel__step__navigation,
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--beneficiary_view > div.verification_tunnel__step__navigation {
flex: 0 0 auto;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--personal_edit > div > p,
#verification_tunnel #verification_tunnel__inner fieldset,
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--personal_edit .wpcf7-form > p {
display: inline-block;
vertical-align: top;
width: 44%;
min-width: 0;
margin-left: 3%;
margin-right: 3%;
}
#verification_tunnel #verification_tunnel__inner fieldset > fieldset {
width: auto;
display: block;
margin: 15px -10px;
padding: 15px 20px;
border-color: #D9DCDF;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step#verification_tunnel__step--personal_edit .wpcf7-form > fieldset:nth-child(3) {
float: left;
}
#verification_tunnel #verification_tunnel__inner .data-missing {
color: #E02C28;
font-size: 12px;
line-height: 1;
font-weight: 500;
margin-bottom: 5px;
}
#verification_tunnel #verification_tunnel__inner .data-missing:before {
content: '';
width: 24px;
height: 24px;
margin-right: 5px;
display: inline-block;
float: left;
vertical-align: top;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%202400%202400%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%23E02C28%22%20d%3D%22M1109.98%2C1561.23c-5.01-12.26-7.55-25.13-7.55-38.25c0-13.05%2C2.23-25.73%2C6.62-37.71c4.71-12.82%2C12-24.21%2C21.66-33.87c9.26-9.26%2C20.12-16.59%2C32.29-21.81c12.42-5.32%2C25.99-8.03%2C40.32-8.03c13.21%2C0%2C26.26%2C2.67%2C38.81%2C7.93c12.85%2C5.4%2C23.93%2C13.1%2C32.93%2C22.88c8.3%2C9.05%2C15.06%2C19.58%2C20.09%2C31.32l0%2C0c5.32%2C12.43%2C8.02%2C25.65%2C8.02%2C39.27c0%2C13.3-2.7%2C26.34-8.02%2C38.76c-5.28%2C12.33-12.64%2C23.13-21.88%2C32.1c-8.96%2C8.7-19.46%2C15.72-31.22%2C20.87c-12.32%2C5.39-25.35%2C8.12-38.73%2C8.12c-14.33%2C0-27.89-2.7-40.31-8.02c-12.17-5.21-22.86-12.37-31.77-21.28C1122.18%2C1584.49%2C1115.03%2C1573.62%2C1109.98%2C1561.23z%20M1239.32%2C1288.61l9.24-7.83c8.62-7.31%2C9.63-14.92%2C10.81-23.74c0.53-4.01%2C1.3-10.05%2C2.28-17.94c1.92-15.54%2C4.78-39.25%2C8.49-70.45c7.47-62.84%2C18.53-157.21%2C32.87-280.48l0.18-1.53v-1.53c0-11.66-2.88-23.03-8.57-33.82l0%2C0c-5.13-9.72-11.94-18.53-20.26-26.22c-9.14-8.41-20.35-14.91-33.34-19.32c-12.23-4.14-24.91-6.23-37.69-6.23c-13.89%2C0-27.07%2C2.12-39.17%2C6.3c-12.61%2C4.36-23.65%2C10.74-32.82%2C18.96c-8.79%2C7.87-15.8%2C16.96-20.83%2C27c-5.35%2C10.64-8.06%2C22.44-8.06%2C35.08v1.68l51.1%2C400.06H1239.32z%20M1991.14%2C1618.28c0%2C37.19-7.31%2C73.32-21.73%2C107.4c-13.9%2C32.86-33.77%2C62.34-59.06%2C87.63c-25.29%2C25.29-54.78%2C45.16-87.64%2C59.06c-34.08%2C14.41-70.21%2C21.72-107.4%2C21.72H684.67c-37.18%2C0-73.31-7.31-107.4-21.72c-32.86-13.9-62.35-33.77-87.64-59.06c-25.29-25.29-45.16-54.78-59.06-87.64c-14.41-34.08-21.72-70.21-21.72-107.4c0-47.49%2C12.32-94.39%2C35.62-135.61l512.05-934.59c23.04-43.23%2C57.28-79.65%2C99.02-105.35c43.4-26.72%2C93.35-40.84%2C144.46-40.84c51.11%2C0%2C101.07%2C14.12%2C144.46%2C40.84c41.74%2C25.69%2C75.97%2C62.12%2C99.02%2C105.35l512.06%2C934.6C1978.83%2C1523.9%2C1991.14%2C1570.79%2C1991.14%2C1618.28z%20M1071.32%2C609.87l-0.09%2C0.16l-512.9%2C936.15l-0.05%2C0.09c-12.46%2C21.83-19.05%2C46.73-19.05%2C72.01c0%2C80.2%2C65.25%2C145.45%2C145.45%2C145.45h1030.65c80.2%2C0%2C145.45-65.25%2C145.45-145.45c0-25.28-6.59-50.18-19.05-72.01l-0.1-0.19l-512.94-936.21c-25.29-47.87-74.6-77.61-128.68-77.61C1145.92%2C532.27%2C1096.61%2C562%2C1071.32%2C609.87z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step .verification_tunnel__step__navigation {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: space-between;
-ms-align-items: flex-start;
align-items: flex-start;
padding-bottom: 60px;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step .verification_tunnel__step__navigation .verification_tunnel__step__navigation__part {
-webkit-flex: 1 0 33.3333%;
-moz-flex: 1 0 33.3333%;
-ms-flex: 1 0 33.3333%;
-o-flex: 1 0 33.3333%;
flex: 1 0 33.3333%;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step .verification_tunnel__step__navigation .verification_tunnel__step__navigation__part.verification_tunnel__step__navigation__part--left {
text-align: left;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step .verification_tunnel__step__navigation .verification_tunnel__step__navigation__part.verification_tunnel__step__navigation__part--center {
text-align: center;
}
#verification_tunnel #verification_tunnel__inner .verification_tunnel__step .verification_tunnel__step__navigation .verification_tunnel__step__navigation__part.verification_tunnel__step__navigation__part--right {
text-align: right;
}