@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,600,700,900&display=swap"); @-ms-viewport{ width:device-width; }
@-o-viewport{ width:device-width; }
@viewport{ width:device-width; }
:root{
--couleurDefaut:var(--couleur-couleur-principale); --placeholderCouleur:inherit; --placeholderOpacite:0.8; --margesDefaut:3rem; }
*, *:before, *:after{ -webkit-box-sizing:inherit;
box-sizing:inherit; min-width:0;
min-height:0; }
html{
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.15;
-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;
text-size-adjust:100%;
overflow-style:scrollbar,auto; -webkit-tap-highlight-color:transparent; font-size: 70.3125%; font-size: calc(1em * 0.703125); }
body{
margin:0;
color:#333;
font-family:Roboto, Arial, sans-serif;
font-size:1.6rem;
font-weight:400;
line-height:1.5;
text-align:left;
background-color:#fff; }
article, aside, dialog, figcaption, figure, video, footer, header, hgroup, main, nav, section{ display:block; }
hr{
-webkit-box-sizing:content-box;
box-sizing:content-box; height:0; overflow:visible; }
a{ background-color:transparent; }
a:not([href]):not([tabindex]){
color:inherit;
text-decoration:none; }
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover{
color:inherit;
text-decoration:none; }
a:not([href]):not([tabindex]):focus{ outline:0; }
abbr[title]{
text-decoration:underline dotted; border-bottom:none; cursor:help; }
b, strong{ font-weight:bolder; }
pre, code, kbd, samp{
font-family:monospace, monospace;
font-size:1em; }
pre{ overflow:auto; }
small{ font-size:80%; }
sub, sup{
position:relative;
font-size:75%;
line-height:0;
vertical-align:baseline; }
sub{ bottom:-0.25em; }
sup{ top:-0.5em; }
embed, iframe, object, img{
max-width:100%;
vertical-align:middle; }
figure{margin:0;}
img{
height:auto;
border-style:none; }
output{ display:inline-block; }
details{ display:block; }
summary{ display:list-item; }
template, [hidden]{ display:none; }
[tabindex="-1"]:focus{ outline:none !important; } @media (prefers-reduced-motion:reduce){
*{	-webkit-animation:none !important;
animation:none !important;
-webkit-transition:none !important;
transition:none !important; }
} .texte-rouge{color:#dd0934;}
.texte-gris{color:#6f7271;}
.wysiwyg ul,
.wysiwyg ol{
margin:1em 0 1em 0.5em;
list-style:none;
padding:0;
}
.wysiwyg li{
text-indent:-0.5em;
}
.wysiwyg li::before{
content:"- ";
} @media print{
*{
background:transparent !important;
box-shadow:none !important;
text-shadow:none !important;
}
html{ font-size:7.5pt; }
body {
margin:0;
font-family:sans-serif;
font-size:12pt;
}
p, h1, h2, h3, h4, h5, h6,
blockquote, label, ul, ol{
color:#000;
margin:auto;
}
p{
orphans:3;
widows:3;
} blockquote, ul, ol{
page-break-inside:avoid;
break-inside:avoid;
} h1, h2, h3, h4, h5, h6, caption{
page-break-after:avoid;
break-after:avoid;
}
a{ color:#000; }
p a[href]:not([href^="javascript:"]):not([href^="#"])::after,
p a[data-lienprint]::after{
content: " (" attr(href) ")"; opacity:0.8;
font-size:0.8em;
}
p a[data-lienprint]::after{ content: " (" attr(data-lienprint) ")" !important; }
.noprint{ display:none !important; }
img{ filter:brightness(100%) contrast(150%) grayscale(100%); }
}
@media not print{
.printonly{ display:none !important; }
} .container{
position:relative;
margin-left:auto;
margin-right:auto;
}
.site-content{
font-size:1.6rem;
position:relative;
z-index:1;
}
.overmarges::before,
.overmarges::after{
content:"";
display:block;
width:0;
height:0;
overflow:hidden;
}
@media (min-width:1261px){
.container{
width:1200px;
}
}
@media (min-width:981px) and (max-width:1260px){
.container{
width:960px;
}
}
@media (min-width:601px) and (max-width:980px){
.container{
width:540px;
}
}
@media (max-width:600px){
.container{
width:300px;
}
} fieldset{
padding:0;
border:0.1rem solid #ccc;
}
legend{
box-sizing:border-box; display:table; max-width:100%; padding:0; color:inherit; white-space:normal; }
button,
[type="button"],
[type="reset"],
[type="submit"],
::-webkit-file-upload-button,
a[class*="bouton"],
.form--file-bouton,
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
[type="color"],
[type="number"],
[type="search"],
[type="range"],
textarea,
optgroup,
select,
.form--file-dropZone{
margin:0; font-family:inherit;
font-size:100%;
color:inherit;
line-height:1.2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button,
input,
a[class*="bouton"],
.form--file-bouton,
.form--file-dropZone{ overflow:visible; }
button,
[type="button"],
[type="reset"],
[type="submit"],
::-webkit-file-upload-button,
a[class*="bouton"],
.form--file-bouton,
.bouton{
background-color:#dd0934;
color:#fff;
font-size:1.27em;
border:none;
display:inline-block;
padding:0.67em 1em 0.5em 1em;
margin:1em 0.5em;
text-transform:uppercase;
text-decoration:none;
font-weight:400;
transition:opacity 0.3s ease-out;
}
::-webkit-file-upload-button{margin:0;}
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled{opacity:0.5;}
.bouton-noir,
a.bouton-noir{background-color:#000;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
padding:0; border-style:none; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{ outline:1px dotted ButtonText; }
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
box-sizing:border-box;
font-size:1em;
vertical-align:middle;
padding:calc((2.91em - 2*1px - 1.4em)*0.5) 1.82em; height:2.91em;
min-height:4rem;
line-height:1.4;
border:1px solid #a0a0a0;
background-color:#fff;
}
textarea{
overflow:auto; resize:vertical;
vertical-align:top;
white-space:pre-wrap;
height:calc(4rem + 2*1.4em); }
[type="color"]{
background:none;
width:2.4rem;
height:2.4rem;
border:none;
padding:0;
}
[type="color"]::-webkit-color-swatch-wrapper{ padding: 0; }
[type="color"]::-webkit-color-swatch{
border:none;
border-radius:50%;
}
[type="color"]::-moz-color-swatch{
border:none;
border-radius:50%;
}
[type="number"]{ -moz-appearance: textfield; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
[type="search"]{ outline-offset:-2px; }
[type="search"]::-webkit-search-decoration,
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-results-button,
[type="search"]::-webkit-search-results-decoration {
-webkit-appearance:none;
appearance:none; display: none; } [type="range"]{
-webkit-appearance:none;
width:100%;
background:transparent;} [type="range"]::-webkit-slider-thumb{ -webkit-appearance:none;
appearance:none;
margin-top: -14px;  border: 0.1rem solid #000;
height: 2rem;
width: 2rem;
border-radius: 50%;
background-color:#888;
background-color:var(--couleurDefaut);
cursor:ew-resize;
} [type="range"]::-moz-range-thumb {
-moz-appearance:none;
appearance:none;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
} [type="range"]::-ms-thumb {
-webkit-appearance:none; appearance:none;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
}
[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #3071a9;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
[type="range"]:focus::-webkit-slider-runnable-track {
background: #367ebd;
}
[type="range"]::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #3071a9;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
[type="range"]::-ms-track {
width: 100%;
height: 8.4px;
cursor: pointer;
border-width: 16px 0; background: transparent;
border-color: transparent;
color: transparent;
}
[type="range"]::-ms-fill-lower {
background: #2a6495;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
[type="range"]:focus::-ms-fill-lower {
background: #3071a9;
}
[type="range"]::-ms-fill-upper {
background: #3071a9;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
[type="range"]:focus::-ms-fill-upper {
background: #367ebd;
}
[type="date"]::-webkit-inner-spin-button,
[type="time"]::-webkit-inner-spin-button{ -webkit-appearance: none; }
select {
padding-right: 2rem;
border-radius: 0;
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
background-position: right .6rem center;
background-repeat: no-repeat;
background-size: 1.2rem;
}
select::-ms-expand { display: none; }
[type="checkbox"],
[type="radio"]{
box-sizing:border-box; padding:0; }
.form-ligne.marges{margin:1em 0;} .form--fileInput{ display:inline-block;
position:relative; }
.form--fileInput [type="file"]{ position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
z-index:1;
overflow:hidden; }
::-webkit-file-upload-button{ font:inherit; } .form--file-dropZone{ -webkit-appearance:none;
appearance:none;
background:none;
border:0.4rem dashed #ccc;
padding:1ch 2ch;
cursor:default; }
.form--file-dropZone-list{ margin:0;
padding:0;
list-style:none; }
.form--file-dropZone-listItem{ margin:0; }
.form--file-dropZone-listItem:not(:first-child){ margin-top:0.5rem; }
.form--file-dropZone-listItem:not(:last-child){ margin-bottom:0.5rem; }
.form--file{
display:inline-flex;
align-items:center;
justify-content:flex-start; }
.form--file-reset{ position:relative;
z-index:2;
display:inline-block;
margin:-0.5ch -1.5ch -0.5ch 1.5ch;
flex:0 0 auto;
align-self:flex-start;
width:3rem;
height:3rem;
line-height:3rem;
text-align:center;
background:rgba(0,0,0,0.2);
border-radius:0.3rem;
cursor:pointer;
opacity:0.5;
transition:opacity 0.3s ease-out; }
.form--file-reset:hover,
.form--file-reset:focus{ opacity:1; }
[type="file"]:focus + .form--file,
[type="file"]:focus-within + .form--file{
outline:1px dotted ButtonText; outline: 5px auto -webkit-focus-ring-color; }
a, area, button, [role="button"],
input:not([type="range"]),
label, select, summary, textarea{ -ms-touch-action:manipulation;
touch-action:manipulation;
}
label{cursor: pointer;}
progress{
width: 100%;
vertical-align:middle; } input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
color:inherit;
color:var(--placeholderCouleur);
opacity:var(--placeholderOpacite);
}
input::-moz-placeholder,
textarea::-moz-placeholder{
color:inherit;
color:var(--placeholderCouleur);
opacity:var(--placeholderOpacite);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
color:inherit;
color:var(--placeholderCouleur);
opacity:var(--placeholderOpacite);
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder{
color:inherit;
color:var(--placeholderCouleur);
opacity:var(--placeholderOpacite);
}
input::placeholder,
textarea::placeholder{
color:inherit;
color:var(--placeholderCouleur);
opacity:var(--placeholderOpacite);
}
.switch {
border-radius: 3em;
}
.radio {
border-radius: 50%;
}
.switch,
.checkbox,
.radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: text-bottom;
outline: 0;
cursor: pointer;
}
.switch ~ label,
.checkbox ~ label,
.radio ~ label {
cursor: pointer;
}
.switch::-ms-check,
.checkbox::-ms-check,
.radio::-ms-check {
display: none;
}
.switch {
width: 4rem;
height: 2rem;
line-height: 2rem;
font-size: 70%;
-webkit-box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
-webkit-transition: -webkit-box-shadow .15s;
transition: -webkit-box-shadow .15s;
transition: box-shadow .15s;
transition: box-shadow .15s, -webkit-box-shadow .15s;
background-color: #fff;
}
.switch::before, .switch::after {
font-weight: bold;
color: #fff;
}
.switch::before {
content: "✕";
float: right;
margin-right: 0.66667rem;
}
.switch:checked {
-webkit-box-shadow: inset 2rem 0 0 #5CB85C, inset 0 0 0 1px #5CB85C;
box-shadow: inset 2rem 0 0 #5CB85C, inset 0 0 0 1px #5CB85C;
}
.switch:checked::before {
content: "✓";
float: left;
margin-left: 0.66667rem;
}
.wpcf7-form [type="text"],
.wpcf7-form [type="tel"],
.wpcf7-form [type="email"],
.wpcf7-form textarea{
width:100%;
display:block;
margin:0 0 -1px 0;
}
.form-captcha{margin:1.5em 0;}
.form-rgpd .wpcf7-list-item{margin:0;}
.form-rgpd .wpcf7-list-item label{
display:inline-flex;
align-items:baseline;
justify-content:flex-start;
}
.form-rgpd .wpcf7-list-item input{
flex:0 0 auto;
margin:0 0.5em 0 0;
}
.form-submit{text-align:center;}  .skip-links{ margin:0 auto;
padding:0rem;
width:100%;
height:0;
transition:all 0.3s ease-out;
transition-property:opacity, padding;
background:#fff;
opacity:0;
text-align:center;
list-style:none;
overflow:hidden;
}
.skip-links.active{
height:auto;
padding:1rem;
opacity:1;
}
.skip-links-li{
display:inline-block;
vertical-align:middle;
margin:0;
padding:0;
}
.skip-links-a{
display:block;
text-decoration:none;
color:#333;
padding:0.3rem 0.5rem;
}   .wp-block-columns{
display:flex;
flex-wrap:nowrap;
}
.wp-block-columns.reverse{flex-direction:row-reverse;}
.wp-block-columns::after{
content:"";
display:block;
clear:both;
width:0;
height:0;
visibility:hidden;
}
@media (max-width:980px){ .wp-block-columns .wp-block-columns{flex-wrap:wrap;} }
@media (max-width:980px){ 
.wp-block-columns{
flex-wrap:wrap;
flex-direction:column;
display:block;
}
}
.wp-block-column{
flex:1 1 50%;
margin:0;
min-width:0;
word-break:break-word;
overflow-wrap:break-word;
}
@media (min-width:981px){
.wp-block-columns:not(.reverse) .wp-block-column:not(:first-child),
.wp-block-columns.reverse .wp-block-column:not(:last-child){
margin-left:1.5rem;
margin-left:calc(var(--margesDefaut) / 2);
}
.wp-block-columns:not(.reverse) .wp-block-column:not(:last-child),
.wp-block-columns.reverse .wp-block-column:not(:first-child){
margin-right:1.5rem;
margin-right:calc(var(--margesDefaut) / 2);
}
}
@media (max-width:980px){
.wp-block-column .wp-block-column,
.wp-block-column .wp-block-column:not(:first-child),
.wp-block-column .wp-block-column:not(:last-child){
flex-basis:100%;
margin:0;
}
}
@media (max-width:980px){
.wp-block-column,
.wp-block-column:not(:first-child),
.wp-block-column:not(:last-child){
flex-basis:100%;
margin:0;
}
} .wp-block-button{
margin-bottom: 1.5em;
text-align:left;
color:#fff;
}
.wp-block-button.aligncenter{text-align: center;}
.wp-block-button.alignright{text-align: right;}
.is-style-outline{color:inherit;}
.wp-block-button__link:visited,
.wp-block-button__link {
background-color:#444;
background-color:var(--couleurDefaut);
border:none;
box-shadow:none;
color:inherit;
cursor:pointer;
display:inline-block;
font-size:1.8rem;
line-height:1.2;
margin:0;
padding:1rem 3rem; text-align:center;
text-decoration:none;
white-space:normal;
overflow-wrap:break-word;
}
.is-style-squared .wp-block-button__link{border-radius:0;}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover{color:inherit}
.is-style-outline .wp-block-button__link {
background:transparent;
color:#444;
color:var(--couleurDefaut);
border:0.2rem solid;
padding:calc(1rem - 0.2rem) calc(3rem - 0.2rem); } .wp-block-file{ 
text-align:left;
margin-bottom:1em;
}
.wp-block-file.aligncenter{ text-align: center; }
.wp-block-file.alignright{ text-align: right; }
.wp-block-file .wp-block-file__button{
background:#444;
background:var(--couleurDefaut);
color:#fff;
font-size:1em;
padding:0.5em 1em;
text-decoration:none;
}
.wp-block-file .wp-block-file__button::before{
content:"";
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cline x1='3.74' x2='27.74' y1='28' y2='28' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cpolygon fill='%23fff' points='21.74 12 21.74 0 9.74 0 9.74 12 3.74 12 15.74 24 27.74 12'/%3E%3C/svg%3E") no-repeat;
width:1em;
height:1em;
display:inline-block;
margin:0 1ch 0 0;
vertical-align:text-top;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited{}
.wp-block-file *+.wp-block-file__button{margin-left:1ch;} .wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin:0;
padding: 0;
--gallery-gap:3rem;
}
.wp-block-gallery.is-cropped{--gallery-gap:1rem;}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin:0 3rem 3rem 0;
margin:0 var(--gallery-gap) var(--gallery-gap) 0;
display: flex; flex-direction: column;
justify-content: center;
position: relative
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%;
text-align:center;
}
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
margin:0 auto;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {width: 100%;}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: auto;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
position:absolute;
bottom:0;
width:100%;
max-height:100%;
overflow:auto;
padding:1rem;
color:#fff;
text-align:center;
font-size:0.8em;
background:rgba(0,0,0,0.7);
}
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {display: inline;}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
width:calc((100% - 3rem)/2);
width:calc((100% - var(--gallery-gap))/2);
}
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {margin-right: 0;}
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0;
}
@media (min-width:601px) {
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width:calc((100% - 2*3rem)/3);
width:calc((100% - (2*var(--gallery-gap)))/3);
margin-right:1rem;
margin-right:var(--gallery-gap);
}
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width:calc((100% - 3*3rem)/4);
width:calc((100% - (3*var(--gallery-gap)))/4);
margin-right:1rem;
margin-right:var(--gallery-gap);
}
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width:calc((100% - 4*3rem)/5);
width:calc((100% - (4*var(--gallery-gap)))/5);
margin-right:1rem;
margin-right:var(--gallery-gap);
}
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width:calc((100% - 5*3rem)/6);
width:calc((100% - (5*var(--gallery-gap)))/6);
margin-right:1rem;
margin-right:var(--gallery-gap);
}
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width:calc((100% - 6*3rem)/7);
width:calc((100% - (6*var(--gallery-gap)))/7);
margin-right:1rem;
margin-right:var(--gallery-gap);
}
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width:calc((100% - 7*3rem)/8);
width:calc((100% - (7*var(--gallery-gap)))/8);
margin-right:1rem;
margin-right:var(--gallery-gap);
}
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {margin-right: 0;}
}
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {margin-right: 0;}
.wp-block-gallery .blocks-gallery-item.has-add-item-button {width: 100%;}
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 30rem;
width: 100%;
}
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {display: flex;}
.wp-block-gallery.aligncenter .blocks-gallery-item figure {justify-content: center;}
.blocks-gallery-grid,
ul.blocks-gallery-grid{
padding:0;
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
margin:1em 0;
}
.aligncenter .blocks-gallery-grid{justify-content:center;}
.wp-block-gallery.is-cropped > .blocks-gallery-grid{align-items:stretch;}
li.blocks-gallery-item{text-indent:0;}
li.blocks-gallery-item::before{display:none;}
@supports (object-fit:cover){
.wp-block-gallery.is-cropped .blocks-gallery-grid{width:100%;}
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-item a{
position:relative;
display:block;
padding-top:100%;
width:100%;
}
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item img{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
top:0;
left:0;
}
} .wp-block-image {
max-width: 100%;
margin:0  0 1em 0;
}
.wp-block-image img {
max-width: 100%;
vertical-align:middle;
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img{width:100%;}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
display: table;
margin-left: 0;
margin-right: 0;
}
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption{
display:table-caption;
caption-side:bottom;
}
.wp-block-image .alignleft {
float: left;
margin-right: 1em;
margin-right: var(--margesDefaut);
}
.wp-block-image .alignright {
float: right;
margin-left: 1em;
margin-left: var(--margesDefaut);
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-image figcaption{
margin-top:0.5em;
margin-bottom:1em;
text-align:center;
font-size:0.8em;
opacity:0.8;
} .wp-block-media-text {
display: grid;
grid-template-rows: auto; grid-template-areas: "media-text-media media-text-content";
grid-template-columns: 1fr 1fr;
grid-column-gap:8%;
grid-column-gap:var(--margesDefaut);
}
.wp-block-media-text.is-vertically-aligned-center{align-items: center;}
.wp-block-media-text.is-vertically-aligned-bottom{align-items: flex-end;}
.wp-block-media-text.has-media-on-the-right{grid-template-areas: "media-text-content media-text-media";}
.wp-block-media-text .wp-block-media-text__media {
grid-area: media-text-media;
margin: 0;
}
.wp-block-media-text .wp-block-media-text__content {
word-break: break-word;
grid-area: media-text-content;
}
.wp-block-media-text>figure>img,
.wp-block-media-text>figure>video {
max-width: unset;
width: 100%;
vertical-align: middle
}
@media (max-width:600px) {
.wp-block-media-text {
grid-template-columns: 100%;
grid-template-areas: "media-text-media" "media-text-content";
}
.wp-block-media-text.has-media-on-the-right {grid-template-areas: "media-text-content" "media-text-media";}
} p.has-background{ margin-left:-2rem;
margin-right:-2rem;
padding:1rem 2rem;
}
p.has-text-color a {color: inherit;}
.has-small-font-size{font-size:0.8em;} .has-large-font-size{font-size:1.2em;}  .wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin:0;
padding:0;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 2.4rem;
font-style: italic;
line-height: 1.6;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 1.8rem;
text-align: right;
} .wp-block-table{
border-collapse:collapse;
border-spacing:0;
border:none;
}
.wp-block-table td{
border:0.1rem solid rgba(0,0,0,0.1);
padding:0.5rem 1rem;
}
.wp-block-table.has-fixed-layout{
table-layout: fixed;
width: 100%;
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright{
display: table;
width: auto;
}
.wp-block-table.is-style-stripes{
border-spacing: 0;
border-collapse: inherit;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.wp-block-table.is-style-stripes tr:nth-child(odd){background-color: rgba(0,0,0,0.05);}
.wp-block-table.is-style-stripes td{border-color: transparent;} .wp-block-video {
margin-left: 0;
margin-right: 0;
}
.wp-block-video video {max-width: 100%;}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-block-video.aligncenter video{
margin-left:auto;
margin-right:auto;
}
.wp-block-video figcaption {
margin-top:0.5em;
margin-bottom:1em;
text-align:center;
font-size:0.8em;
opacity:0.8;
} figure.aligncenter{
clear:both;
display:block;
text-align:center;
}
figure.alignwide{ width:calc(100% + 20rem);
max-width:calc(100vw - 4rem);
min-width:100%;
margin-left:50%;
transform:translateX(-50%);
}
figure.alignfull{ width:100vw;
max-width:100vw;
margin-left:calc(-50vw + 50%);
margin-right:calc(-50vw + 50%); }
@supports(margin:var(--largScrollBar)) {
figure.alignfull{ width: calc(100vw - var(--largScrollBar));
margin-left:calc(-50vw + 50% + (var(--largScrollBar) * 0.5));
margin-right:calc(-50vw + 50% + (var(--largScrollBar) * 0.5));
}
} .page-container{max-width:75em;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4{
line-height:1.2;
font-weight:700;
text-transform:uppercase;
margin:1.5em 0 0.5em 0;
}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a{
color:inherit;
text-decoration:none;
}
h1,.h1{
font-size:2em;
color:#6f7271;
font-weight:400;
margin-top:0;
text-align:center;
}
h1::after,.h1::after{
content:"";
display:block;
width:3.45em;
height:1px;
background-color:currentColor;
margin:0.5em auto;
}
.h1-noir{color:#000;}
.h1-noir::after{background-color:#dd0934;}
h2,.h2{
font-size:2em;
color:#000;
}
h3,.h3{
font-size:1.45em;
color:#dd0934;
}
h4,.h4{
font-size:1.2em;
color:#000;
margin-bottom:1em;
}
p{margin:1em 0;}
a{color:#dd0934;}
h2.toggle,
h3.toggle{
position:relative;
padding-right:2em;
padding-bottom:0.5em;
margin-bottom:1em;
cursor:pointer;
}
h2.toggle::after,
h3.toggle::after{
content:"";
display:block;
width:0.6em;
height:0.6em;
border-right:0.1em solid #dd0934;
border-bottom:0.1em solid #dd0934;
transform-origin:center center;
position:absolute;
right:0.3em;
top:calc(50% - 0.55em);
transform:rotate(-45deg);
transition:transform 0.3s ease-out;
}
h2.toggle.active::after,
h3.toggle.active::after{transform:rotate(45deg);}
h2.toggle::before{
content:"";
position:absolute;
left:0;
top:100%;
display:block;
width:calc(100% + 0em);
height:1px;
background-color:#dd0934;
transition:width 0.3s ease-out;
}
h2.toggle.active::before{width:calc(0% + 3.45em);}
h3.toggle{border-bottom:1px solid #c7c3c3;}
h3.toggle.active{border:none;}
h3.toggle.active + *{border-bottom:1px solid #c7c3c3;}
h2.toggle + *,
h3.toggle + *{
display:none;
overflow:hidden;
}
.centre{text-align:center;}
.encart{
margin:1em auto;
padding:1.5em 2em;
}
.wp-block-group__inner-container{overflow:hidden;}
.encart .wp-block-group__inner-container > :first-child,
.wp-block-group__inner-container > :first-child,
.wp-block-group__inner-container > :first-child,
h2.toggle + * > :first-child,
h3.toggle + * > :first-child,
h2.toggle + * > * > :first-child,
h3.toggle + * > * > :first-child{margin-top:0;}
.encart .wp-block-group__inner-container > :last-child{margin-bottom:0;}
.titre-plus strong,
.titre-moins strong{
text-indent:-1000vmax;
overflow:hidden;
background:currentColor;
width:2em;
height:2em;
border-radius:50%;
display:inline-block;
vertical-align:baseline;
margin:0 0 -0.5em 0;
position:relative;
}
.titre-plus strong::before,
.titre-plus strong::after,
.titre-moins strong::after{
content:"";
position:absolute;
width:0.8em;
height:0.2em;
background:#fff;
display:block;
left:calc(50% - 0.4em);
top:calc(50% - 0.1em);
}
.titre-plus strong::before{
transform-origin:center center;
transform:rotate(90deg);
}
.wp-block-image.banniere{
overflow:hidden;
height:30rem;}
@supports (object-fit:cover){
.wp-block-image.banniere img{
object-fit:cover;
object-position:center center;
width:100%;
height:30rem;
}
}
.logos-secteurs{text-align:center;}
.logos-secteurs img{
margin:0.5rem;
width:10rem;
height:10rem;
transition:filter 0.3s ease-out;
filter:saturate(1);
}
.logos-secteurs img:focus,
.logos-secteurs img:hover{filter:saturate(0);} .environnement-solutions-col180{
flex:0 0 180px;
flex-basis:18rem !important;
}
.environnement-solutions-col180 .wp-block-image{margin-top:1.8em;}
.environnement-solutions-col180,
.environnement-solutions-col180 + .wp-block-column{margin-bottom:2em;}
@media (max-width:600px){
.environnement-solutions-col180{
order:1;
flex:1 1 auto;
flex-basis:auto !important;
}
.environnement-solutions-col180 .wp-block-image{margin-top:0;}
.environnement-solutions-col180 + .wp-block-column{margin-bottom:0;}
} .liste-logos .wp-block-group__inner-container{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.liste-logos .wp-block-image{
flex:0 0 auto;
max-width:20rem;
margin:1em;
} .site-header{
display:flex;
flex-direction:column-reverse;
align-items:stretch;
justify-content:flex-start;
position:relative;
z-index:2;
background:#fff;
} .header-blanc-container{
display:flex;
align-items:flex-end;
justify-content:space-between;
}
.header-blanc-container > *{
flex:0 0 auto;
}
@media (max-width:980px){
.header-blanc-container{
flex-direction:column-reverse;
align-items:stretch;
padding:0 0 1rem 0;
}
}
@media (min-width:981px){
.header-blanc-container{padding:1rem 0;}
} .site-header-logo-inner{
width:16rem;
margin:0 auto;
} .main-menu--level-1-ul,
.alt-menu--level-1-ul{
list-style:none;
display:flex;
align-items:stretch;
justify-content:center;
margin:0;
padding:0;
font-size:1.5rem;
}
.main-menu--level-1-a,
.alt-menu--level-1-a{
text-transform:uppercase;
text-decoration:none;
flex:0 0 auto;
} .header-rouge{
background-color:#dd0934;
text-align:center;
}
.main-menu--level-1-li{
flex:1 1 auto;
display:flex;
align-items:stretch;
justify-content:center;
position:relative;
}
.main-menu--level-1-li:not(:last-child)::after{
content:"";
position:absolute;
width:1px;
background:rgba(255,255,255,0.5);
right:-0.5px;
top:0.5em;
bottom:0.5em;
}
.main-menu--level-1-a{
color:#fff;
display:block;
flex:1 1 auto;
width:100%;
padding:0.5em 1em;
z-index:0;
}
.main-menu--level-2-ul{
background-color:#dd0934;
list-style:none;
margin:0;
padding:1rem 0;
box-shadow:inset 0 1rem 1rem -1rem rgba(0,0,0,0.4);
z-index:1;
display:none;
}
.main-menu--level-2-a{
display:block;
padding:0.25em 1em;
color:#fff;
text-align:left;
text-decoration:none;
position:relative;
z-index:0;
}
@media (min-width:981px){
.main-menu-toggle{display:none;}
.main-menu--level-2-ul{
position:absolute;
left:0;
top:100%;
min-width:100%;
}
.main-menu--level-1-a::before{
content:"";
position:absolute;
z-index:-1;
background-color:#35384c;
width:100%;
height:0%;
left:0;
top:0;
opacity:0.3;
transition: 0.3s ease-out;
transition-property:height, opacity;
}
.main-menu--level-1-li:focus .main-menu--level-1-a::before,
.main-menu--level-1-li:hover .main-menu--level-1-a::before{
height:100%;
opacity:1;
}
.main-menu--level-2-a::before{
content:"";
position:absolute;
z-index:-1;
background-color:#35384c;
height:100%;
width:0rem;
left:0em;
top:0;
transition: 0.3s ease-out;
transition-property:width, left;
}
.main-menu--level-2-li:focus .main-menu--level-2-a::before,
.main-menu--level-2-li:hover .main-menu--level-2-a::before{
width:.75em;
left:-.25em;
}
}
@media (max-width:980px){
.main-menu-toggle{
display:block;
width:100%;
font-size:1.6rem;
text-transform:uppercase;
color:#fff;
background-color:#dd0934;
padding:1em 0;
}
.main-menu--level-1-ul{
flex-direction:column;
display:none;
}
.main-menu--level-1-li{display:block;}
.main-menu--level-1-li:not(:last-child)::after{
width:25rem;
height:1px;
right:calc(50% - 12.5rem);
top:auto;
bottom:-0.5px;
}
.main-menu--level-2-a{text-align:center;}
} .alt-menu--level-1-li{
position:relative;
margin:0 0.75em;
display:flex;
align-items:center;
justify-content:center;
}
.alt-menu--level-1-a{
color:#dd0934;
}
.alt-menu--level-1-li:not(.header-social-lien) > a::after{
content:"";
width:0%;
height:0.2em;
display:block;
background-color:#6f7271;
position:absolute;
left:50%;
bottom:0;
opacity:1;
transition:0.3s ease-out;
transition-property:width, left, opacity;
}
.alt-menu--level-1-li:not(.header-social-lien) > a:hover::after{
left:0%;
width:100%;
opacity:0.3;
}
.header-social-lien{margin:0 0 0 .5em;}
.header-social-lien a{
overflow:hidden;
text-indent:-100vw;
width:2em;
height:2em;
background:no-repeat center center / contain currentColor;
display:block;
border-radius:50%;
padding:0;
transition:background-color 0.3s ease-out;
}
.header-social-lien a:focus,
.header-social-lien a:hover{background-color:#35384c;}
.header-social-lien.facebook a{background-image:url(//www.barbin-sols-murs.fr/wp-content/themes/atelier/design/social-facebook-blanc.svg)}
.header-social-lien.linkedIn a{background-image:url(//www.barbin-sols-murs.fr/wp-content/themes/atelier/design/social-linkedin-blanc.svg)}
@media (max-width:980px){
.alt-menu--level-1-ul{
font-size:1.2rem;
display:block;
text-align:center;
margin:0 0 1em 0;
padding:0.25em 0;
border-bottom:1px solid #eee;
}
.alt-menu--level-1-li{
display:inline-block;
vertical-align:middle;
margin-top:.25em;
margin-bottom:.25em;
}
}
@media (min-width:601px){
.alt-menu-toggle{
display:none;
}
} .header-flottants{
position:sticky;
top:0;
z-index:3;
}
.header-flottants-inner{
position:absolute;
right:0;
top:0;
margin:0.5rem;
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:flex-start;
}
.header-flottants-item{
background-color:#dd0934;
color:#fff;
height:4rem;
font-size:1.5rem;
display:flex;
align-items:center;
justify-content:flex-end;
text-decoration:none;
}
.header-flottants-item:not(:first-child){margin-top:0.5rem;}
.header-flottants-texte{
font-size:0em;
display:inline-block;
flex:0 0 auto;
transition:font-size 0.3s ease-out;
padding:0 0 0 0.5em;
}
.header-flottants-icon{
width:4rem;
height:4rem;
display:inline-block;
flex:0 0 auto;
}
.header-flottants-item:focus .header-flottants-texte,
.header-flottants-item:hover .header-flottants-texte{font-size:1em;}
@media (max-width:600px){
.header-flottants-item.totop{
position:relative;
right:-4.5rem;
transition:right 0.3s ease-out;
}
body.bas .header-flottants-item.totop{right:0rem;}
}
@media (min-width:601px){
.header-flottants-item.totop{
position:fixed;
right:0.5rem;
bottom:-3rem;
font-size:1.2rem;
height:3rem;
background-color:#35384c;
transition:0.3s ease-out;
transition-property:height, bottom;
}
body.bas .header-flottants-item.totop{bottom:0rem;}
.totop .header-flottants-texte{
font-size:1em;
padding:0 1em;
}
.totop .header-flottants-icon{
width:3rem;
height:3rem;
}
.header-flottants-item.totop:focus,
.header-flottants-item.totop:hover{height:3.5rem;}
} .breadcrumb-ul{
list-style:none;
margin:1em auto;
padding:0;
font-size:1.2rem;
color:#6f7271;
text-transform:uppercase;
}
.breadcrumb-item{display:inline-block;}
.breadcrumb-item:not(:first-child)::before{
content:">";
margin:0 0.4em;
}
.breadcrumb-current{color:#dd0934;}
.breadcrumb-item a{
text-decoration:none;
color:inherit;
} .site-footer{
background:#35384c;
color:rgba(255,255,255,0.5);
padding:2em 0;
font-size:0.9em;
text-align:center;
}
.footer-menu--level-1-ul li{display:inline;}
.footer-menu--level-1-ul li:not(:first-child)::before{
content:"|";
margin:0 0.5em;
}
.site-footer a{color:inherit;}  body.blog{background-color:#eee;}
.actualites-titre{margin-bottom:1em;}
.actualites-liste{
display:flex;
align-items:stretch;
justify-content:flex-start;
flex-wrap:wrap;
}
.news-item{
background:#fff;
margin:0 0 3rem 0;
flex:0 1 100%;
}
@media (min-width:601px) and (max-width:980px){
.news-item{
margin-bottom:1.5rem;
flex-basis:calc(50% - 1.5rem);}
.news-item:not(.home-news-item):nth-child(odd){margin-right:1.5rem;}
}
@media (min-width:981px) and (max-width:1260px){
.news-item{
margin-bottom:1.5rem;
flex-basis:calc(33.333% - 1rem);}
.news-item:not(.home-news-item):nth-child(3n+1),
.news-item:not(.home-news-item):nth-child(3n+2){margin-right:1.5rem;}
}
@media (min-width:1261px){
.news-item{
margin-bottom:3rem;
flex-basis:calc(33.333% - 2rem);}
.news-item:not(.home-news-item):nth-child(3n+1),
.news-item:not(.home-news-item):nth-child(3n+2){margin-right:3rem;}
}
.home-news-none{
background:#fff;
padding:1em 2em;
margin:0 auto;
}
.news-item-image{background:#222;}
.news-item-image-format{padding-top:56.25%;}
.news-item-image img{
width:100%;
max-height:50vh;
object-fit:cover;
object-position:center center;
}
.news-item-textes{padding:2em;}
.news-item-titre{
font-size:1.64em;
font-weight:500;
}
a.news-item-lien{
margin:1em 0 0 0;
background-color:#fff;
color:#dd0934;
border:1px dotted #dd0934;
font-weight:900;
text-transform:none;
font-size:1.45em;
box-shadow:inset 0 0 0 2px #fff;
transition:color 0.3s ease-out;
position:relative;
z-index:1;
}
a.news-item-lien:focus,
a.news-item-lien:hover{color:#fff;}
a.news-item-lien::before{
content:"";
z-index:-1;
position:absolute;
left:1px;
top:1px;
right:1px;
bottom:1px;
background:#35384c;
opacity:0;
transition:opacity 0.3s ease-out;
}
a.news-item-lien:focus::before,
a.news-item-lien:hover::before{opacity:1;} .actu-structure{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-direction:row-reverse;
margin:2em auto;
}
.actu-gauche{
flex:1 1 auto;
margin:0 3rem 0 0;
z-index:0;
font-size:0;
display: none;
}
.actu-gauche img{
display:block;
width:100%;
height:auto;
}
.actu-droite{
flex:0 0 auto;
width:calc(50% - 1.5rem);
width:100%;
min-width:540px;
z-index:1;
}
.actu-h1{
text-align:left;
font-size:1.64em;
font-weight:600;
color:#242424;
text-transform:none;
}
.actu-h1::after{display:none;}
.actu-back-p{margin:2em 0;}
.actu-back{
font-weight:600;
text-decoration:none;
}
@media (max-width:980px){
.actu-structure{display:block;}
.actu-gauche{margin-right:0;}
.actu-droite{
width:auto;
min-width:0;
}
} .contact-widget{
background-color:#dd0934;
color:#fff;
font-size:1.27em;
font-weight:600;
text-align:center;
margin:3rem 0 0 0;
padding:1em;
}
.contact-widget p{margin:0;} body.category{background-color:#6f7271;}
body.category .breadcrumb-ul{color:#a6a9a8;}
body.category h1{color:#fff;}
.realisations-container{
display:flex;
align-items:flex-start;
justify-content:space-between;
}
.realisations-filtre{
flex:0 0 auto;
font-size:1em; padding:0 1.5em;
color:#fff;
}
.realisations-filtre-titre{
text-transform:uppercase;
font-size:1.07em;
}
nav ul,
nav li{
margin:0;
padding:0;
list-style:none;
}
.realisations-filtre-liste a{
color:#fff;
display:block;
text-decoration:none;
}
.realisations-menu--level-1-a{
font-weight:700;
padding:0.25em 0;
position:relative;
}
.realisations-menu--level-1-a::after{
content:"";
display:block;
width:0.8em;
height:0.8em;
border-right:0.2rem solid #fff;
border-bottom:0.2rem solid #fff;
transform-origin:center center;
position:absolute;
right:0.3em;
top:calc(50% - 0.4em);
transform:rotate(-45deg);
transition:transform 0.3s ease-out;
}
.current-menu-ancestor .realisations-menu--level-1-a::after{transform:rotate(45deg);}
.realisations-menu--level-2-ul{
background-color:#dd0934;
margin:0 0 0.25em 0;
padding:0.15em 0;
display:none;
}
.current-menu-ancestor .realisations-menu--level-2-ul{display:block;}
.realisations-menu--level-2-a{
padding:0.25em 0.5em;
background-color:rgba(255,255,255,0);
transition:background-color 0.3s ease-out;
line-height:1.15;
}
.realisations-menu--level-2-a:focus,
.realisations-menu--level-2-a:hover{background-color:rgba(255,255,255,0.25);}
.current-menu-item > .realisations-menu--level-2-a{
background-color:#fff;
color:#000;
}
@media (max-width:980px){
.realisations-container{
display:block;
text-align:center;
}
.realisations-filtre{
margin:2em auto;
max-width:300px;
}
}
.bloc-realisation-liste{
display:flex;
align-items:stretch;
justify-content:flex-start;
flex-wrap:wrap;
pointer-events:none;
}
.bloc-realisation{
flex:0 0 33.333%;
flex-basis:calc(33.333% - 10px); position:relative;
overflow:hidden;
margin:5px;
box-shadow:0 0 0 -1px rgba(221,9,52,0);
transition:0.3s ease-out;
transition-property:box-shadow, opacity;
pointer-events:all;
opacity:1;
}
.bloc-realisation-liste:focus .bloc-realisation,
.bloc-realisation-liste:hover .bloc-realisation{opacity:0.5;}
.bloc-realisation-liste .bloc-realisation:focus,
.bloc-realisation-liste .bloc-realisation:hover{
box-shadow:0 0 0 3px rgba(221,9,52,1);
opacity:1;
}
.bloc-realisation-image{
background:no-repeat center center / cover #35384C; left:0%;
top:0%;
right:0%;
bottom:0%;
z-index:0;
transition:0.3s ease-out;
transition-property:left, top, right, bottom;
position:relative;
padding-top:100%;
}
.bloc-realisation:focus .bloc-realisation-image,
.bloc-realisation:hover .bloc-realisation-image{ }
.bloc-realisation-titre{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
margin:0;
font-size:1.4em;
color:#fff;
font-weight:400;
text-transform:uppercase;
}
.bloc-realisation-lien{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
margin:0;
padding:20% 1em 0 1em;
background-color:rgba(0,0,0,0.7);
opacity:0;
transition:0.3s ease-out;
transition-property:padding-top,opacity;
text-align:center;
}
.bloc-realisation-lien::after{
content:"En savoir plus";
background-color:#dd0934;
display:block;
font-size:0.65em;
margin:1em 0 0 0;
padding:0.5em 1em;
text-transform:uppercase;
}
.bloc-realisation:focus .bloc-realisation-lien,
.bloc-realisation:hover .bloc-realisation-lien{
opacity:1;
padding-top:0%;
}
@media (min-width:1261px){
.bloc-realisation-liste.full .bloc-realisation{flex-basis:calc(25% - 10px);}
}
@media (max-width:1260px){
.bloc-realisation{flex-basis:calc(50% - 10px);}
}
@media (max-width:600px){
.bloc-realisation{flex-basis:calc(100% - 10px);}
} .realisation-structure{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-direction:row-reverse;
margin:2em auto;
}
.realisation-gauche{
flex:1 1 auto;
margin:0 -80px 0 0;
z-index:0;
font-size:0;
}
.realisation-droite{
flex:0 0 auto;
width:50%;
min-width:540px;
z-index:1;
}
.realisation-secteur{
margin:0.5em 0 0.5em 110px;
font-size:2.36em;
text-transform:uppercase;
line-height:1;
color:#dd0934;
font-weight:700;
display:flex;
align-items:center;
justify-content:flex-start;
}
.realisation-secteur-icon{
flex:0 0 auto;
width:50px;
height:50px;
margin:0 0.5em 0 0;
}
.realisation-contenu{
background:#fff;
padding:2em 0 2em 50px;
}
.realisation-h2{font-size:1.45em;}
.realisation-typeTravaux-intro{
display:flex;
align-items:center;
justify-content:flex-start;
color:#dd0934;
margin:1em 0;
}
.realisation-typeTravaux-picto{
flex:0 0 auto;
width:3rem;
margin:0 1em 0 0;
}
.realisation-typeTravaux-titre{
text-transform:uppercase;
font-size:1.45em;
font-weight:700;
}
.realisation-typeReal-blocs{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}
.realisation-typeReal-bloc{
flex:0 0 auto;
width:calc(50% - 40px);
margin:0 40px 1em 0;
}
.realisation-typeReal-titre{
font-weight:900;
color:#6f7271;
font-size:1.09em;
border-bottom:1px solid #35384c;
text-transform:uppercase;
}
.realisation-typeReal-icones{
display:flex;
align-items:stretch;
justify-content:space-between;
}
.realisation-typeReal-icone{
flex:0 0 auto;
width:calc(33.33% - 6.667px);
background:#e5e2e2;
position:relative;
padding-top:calc(33.33% - 6.667px);
margin:10px 0 0 0;
}
.realisation-typeReal-icone.active{background-color:#6F7271;}
.realisation-typeReal-placeholder{visibility:hidden;}
.realisation-typeReal-icone-contenu{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.realisation-typeReal-icone-img{
width:90%;
margin:auto 0 0 0;
}
.realisation-typeReal-icone-img img{
width:100%;
display:block;
}
.realisation-typeReal-icone-label{
margin:auto 0 0.5em 0;
line-height:1;
text-transform:uppercase;
text-align:center;
font-size:0.9rem;
font-weight:900;
color:#fff;
}
.realisation-fournisseurs p,
.realisation-fournisseurs ul{margin-top:0;}
.realisation-infos::before{
content:"";
display:block;
width:6.9em;
height:1px;
background-color:#dd0934;
margin:2em auto 1em 0;
}
.realisation-infos{color:#6f7271;}
.realisation-infos strong{color:#dd0934;}
.realisation-images-item{
width:calc(((100% - 80px) - 20px) / 2);
display:inline-block;
background:no-repeat center center / cover;
margin:0 20px 20px 0;
}
.realisation-images-item:first-child{
width:100%;
margin-right:0;
}
.realisation-images-carre{padding-top:100%;}
.realisation-similaire{
flex:1 1 auto;
text-align:center;
}
.realisation-similaire .h1{margin:2.5em auto 1.5em auto;}
.realisation-similaire .h1::after{background-color:#dd0934;}
@media (max-width:980px){
.realisation-structure{display:block;}
.realisation-gauche,
.realisation-droite{
width:auto;
min-width:0;
margin:2em 0;
}
.realisation-contenu{padding:2em 0;}
.realisation-secteur{margin-left:0;}
.realisation-images-item:not(:first-child){width:calc(50% - 10px);}
.realisation-images-item:nth-child(odd){margin-right:0;}
}
@media (max-width:600px){
.realisation-typeReal-bloc{
width:100%;
margin-right:0;
}
}
@media (min-width:601px){
.realisation-h1{text-align:left;}
.realisation-h1::after{margin-left:0;}
} .menuVignettes{
display:flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
margin:1em auto 3em auto;
}
.menuVignette-item{
background:no-repeat center center / cover;
flex:0 0 auto;
width:25rem;
height:17rem;
margin:0.25rem;
position:relative;
text-align:center;
box-shadow:inset 0 0 0 100vmax rgba(0,0,0,0.4);
transition:box-shadow 0.3s ease-out;
overflow:hidden;
}
.menuVignette-item:focus,
.menuVignette-item:hover{box-shadow:inset 0 0 0 100vmax rgba(0,0,0,0);}
.menuVignette-lien{
text-decoration:none;
color:#fff;
width:100%;
height:200%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
position:absolute;
left:0;
top:0%;
z-index:1;
transition:top 0.3s ease-out;
}
.menuVignette-item:focus .menuVignette-lien,
.menuVignette-item:hover .menuVignette-lien{top:-100%;}
.menuVignette-lien > *{
flex:0 0 auto;
width:100%;
height:50%;
display:flex;
align-items:center;
justify-content:center;
}
.menuVignette-titre{
font-size:1.4em;
font-weight:600;
text-transform:uppercase;
padding:1em;
line-height:1.2;
}
.menuVignette-bouton span{font-size:1em;} .body-contact{background:#eee;}
.contact-more{
background:#fff;
margin:2.73em auto 0 auto;
padding:3.64em 0 2.73em 0;
}
.contact-more-blocs{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-around;
padding:1.64em 0;
position:relative;
}
.contact-more-blocs::after{
content:"";
display:block;
position:absolute;
left:calc(50% - 3.45em);
bottom:0;
width:6.9em;
height:1px;
background-color:#dd0934;
}
.contact-more-item{
flex:0 0 auto;
width:24rem;
text-align:center;
margin:2em auto;
}
.contact-more-picto{
background-color:#dd0934;
width:8.18em;
height:8.18em;
margin:0 auto;
}
.contact-more-titre{
text-transform:uppercase;
font-weight:700;
margin:0.8em auto 0.5em auto;
font-size:1.27em;
}
.contact-more-details{color:#6f7271;}
.contact-more-details a{
color:inherit;
text-decoration:underline solid rgba(111,114,113,0);
transition:0.3s ease-out;
transition-property:text-decoration-color, color;
}
.contact-more-details a:focus,
.contact-more-details a:hover{
text-decoration-color:rgba(221,9,52,1);
color:#dd0934;
}
.contact-carte iframe{
width:100% !important;
height:35rem;
border:none;
margin:0 auto;
padding:0;
display:block;
}
@media (min-width:981px){
.contact-colonnes{
display:flex;
align-items:flex-start;
justify-content:space-between;
}
.contact-colonnes > *{
flex:0 0 auto;
width:calc(50% - 1.5rem);
}
}  .home-diapo-container{max-width:calc(100% - 10rem);}
.home-diapo-outer{background:#eee;}
.home-diapo-item{
background:no-repeat center center;
background-size:cover;
}
.home-diapo-item::before{
content:"";
padding-top:400px;
display:block;
}
.home-diapo.owl-carousel .owl-nav button.owl-prev,
.home-diapo.owl-carousel .owl-nav button.owl-next{
font-size:0;
color:rgba(255,255,255,0);
line-height:1;
position:absolute;
top:calc(50% - 2.5rem);
width:5rem;
height:5rem;
background:url(//www.barbin-sols-murs.fr/wp-content/themes/atelier/design/contact-top-fonce.svg) no-repeat center center / contain;
transform-origin:center center;
}
.home-diapo.owl-carousel .owl-nav button.owl-prev{
left:-5rem;
transform:rotate(-90deg);
}
.home-diapo.owl-carousel .owl-nav button.owl-next{
right:-5rem;
transform:rotate(90deg);
} .home-intro-container{
display:flex;
align-items:flex-end;
justify-content:space-between;
padding:2em 0;
color:#dd0934;
}
.home-intro{
flex:1 1 33%; }
.home-h1{
color:inherit;
text-align:left;
margin:0 0 0.25em 0;
}
.home-h1::after{content:none;}
.home-intro p{
margin:0.5em 0 0 0;
color:#333;
} .home-chiffres{
flex:1 1 67%;
display:flex;
align-items:flex-end;
justify-content:space-between;
}
.home-chiffres-item{
flex:1 1 25%;
display:flex;
align-items:flex-end;
justify-content:flex-end;
}
.home-chiffres-item-inner{
flex:0 0 auto;
margin:0 0 0 3em;
text-align:center;
}
.home-chiffres-image{
max-width:8rem;
max-height:8rem;
margin:0 auto 1.5em auto;
display:block;
}
.home-chiffres-texte{
text-transform:uppercase;
font-size:1.27em;
line-height:1;
}
.home-chiffres-texte p{
margin:0;
}
.home-chiffres-texte strong{
font-size:2.14em;
}
@media (max-width:980px){
.home-intro-container,
.home-chiffres-item{
display:block;
}
.home-chiffres-item-inner{
margin:2em 1em 0 1em;
}
.home-diapo-item::before{padding-top:56.25%;}
}
@media (max-width:600px){
.home-chiffres{flex-wrap:wrap;}
.home-chiffres-item{flex:1 1 50%;}
.home-diapo-item::before{padding-top:100%;}
} .home-realisations{
background-color:#6f7271;
text-align:center;
}
.home-realisations .h1{
color:#fff;
margin-top:1.5em;
} .home-partenaires{
padding:3em 0 0 0;
text-align:center;
}
.home-partenaires-liste{
display:flex;
align-items:center;
justify-content:space-evenly;
flex-wrap:wrap;
}
.home-partenaires-logo{
flex:0 0 auto;
margin:2rem;
max-width:15rem;
max-height:10rem;
}
.home-partenaires-liste.owl-carousel .owl-item img{
width:auto;
height:auto;
max-width:15rem;
max-height:10rem;
}
.home-partenaires-liste.owl-carousel .owl-stage{
display:flex;
align-items:stretch;
justify-content:flex-start;
}
.home-partenaires-liste.owl-carousel.owl-drag .owl-item{
float:none;
flex:1 1 100%;
display:flex;
align-items:center;
justify-content:center;
} .home-news{
background:#eee;
padding:6em 0 2em 0;
text-align:center;
}
.home-news-cols{margin:3rem 0;}
.home-news-facebook-container{
width:100%;
height:100%;
min-height:54rem;
}
.facebook-iframe{
border:none;
overflow:hidden;
margin:0 auto;
height:100%;
min-height:54rem;
max-width:500px;
display:block;
}
@media (min-width:981px){
.home-news-cols{
display:flex;
align-items:stretch;
justify-content:space-between;
flex-direction:row-reverse;
}
.home-news-col.col-posts{
flex:1 1 auto;
margin:0 0 0 3rem;
}
.home-news-col.col-facebook{
flex:0 0 auto;
width:500px;
}
.home-news-item:last-child{margin-bottom:0;}
}
@media (min-width:1261px){
.home-news-item{
display:flex;
align-items:stretch;
justify-content:center;
}
.home-news-item-image{
flex:0 0 auto;
width:40%;
height:auto;
}
.home-news-item-image img{
width:100%;
height:100%;
max-height:none;
}
}
.partenaires-galerie{
display:flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.partenaires-galerie-lien{
flex:0 0 200px;
margin:15px;
}
@media(min-width:981px){
body .wp-block-gallery-2.is-layout-flex{ flex-wrap:nowrap; }
}
.video-youtube{
position:relative;
max-width:100%;
}
.video-youtube iframe{
position:absolute;
z-index:0;
width:100%;
height:100%;
left:0;
top:0;
border:none;
background:#000;
}
.video-youtube iframe[src]{
position:static;
}
.video-youtube button{
position:relative;
z-index:1;
}
.video-youtube [data-hide-on-vendor-consent]{
height:100%;
}
.video-youtube-bouton{
height:100%;
display:flex;
flex-direction: column;
align-items:center;
justify-content: center;
}