@font-face {
font-family: "la-solid-900";
src: url(//www.nomozkito.fr/wp-content/themes/nomozkito-theme/fonts/la-solid-900.woff2) format("woff2"), url(//www.nomozkito.fr/wp-content/themes/nomozkito-theme/fonts/la-solid-900.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "la-brands-400";
src: url(//www.nomozkito.fr/wp-content/themes/nomozkito-theme/fonts/la-brands-400.woff2) format("woff2"), url(//www.nomozkito.fr/wp-content/themes/nomozkito-theme/fonts/la-brands-400.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: auto;
}   html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
scroll-behavior: smooth;
}
body {
font-size: 16px;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
a {
outline: none;
}
.mayus {
text-transform: uppercase;
}
.fullwidth {
width: 100%;
float: left;
}
.boxsizing, .columns, .button, input[type=submit], button, .input, input[type=text], input[type=email], input[type=tel], textarea, .container, .box-sizing {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.container {
width: 100%;
max-width: 1620px;
margin: 0 auto;
padding: 0 20px;
}
.container:before {
content: "";
display: table;
pointer-events: none;
}
.container:after {
content: "";
display: table;
pointer-events: none;
clear: both;
}
.clearer, .clear {
clear: both;
}
table {
width: 100%;
}
.myIframe {
height: 0;
position: relative;
margin: 0 0 20px;
padding-bottom: 56.25%;
overflow: hidden;
}
.myIframe iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
}
.input, input[type=text], input[type=email], input[type=tel], textarea {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.button, input[type=submit], button {
overflow: hidden;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
input[type=submit], button {
cursor: pointer;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.inline, .invisible {
display: none;
}
.columns {
width: 100%;
float: left;
padding: 0 20px;
}
.columns img {
max-width: 100%;
height: auto;
}
.columns.no-padding {
padding: 0;
}
.no-left {
padding: 0 40px 0 0;
}
.no-right {
padding: 0 0 0 40px;
}
.large-1 {
width: 8.33%;
}
.large-2 {
width: 16.66%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.33%;
}
.large-5 {
width: 41.66%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.33%;
}
.large-8 {
width: 66.66%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.33%;
}
.large-11 {
width: 91.66%;
}
.large-12 {
width: 100%;
}
.large-pull-1 {
position: relative;
right: 8.33%;
}
.large-pull-2 {
position: relative;
right: 16.66%;
}
.large-pull-3 {
position: relative;
right: 25%;
}
.large-pull-4 {
position: relative;
right: 33.33%;
}
.large-pull-5 {
position: relative;
right: 41.66%;
}
.large-pull-6 {
position: relative;
right: 50%;
}
.large-pull-7 {
position: relative;
right: 58.33%;
}
.large-pull-8 {
position: relative;
right: 66.66%;
}
.large-pull-9 {
position: relative;
right: 75%;
}
.large-pull-10 {
position: relative;
right: 83.33%;
}
.large-pull-11 {
position: relative;
right: 91.66%;
}
.large-pull-12 {
position: relative;
right: 100%;
}
.large-push-1 {
position: relative;
left: 8.33%;
}
.large-push-2 {
position: relative;
left: 16.66%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-push-4 {
position: relative;
left: 33.33%;
}
.large-push-5 {
position: relative;
left: 41.66%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-push-7 {
position: relative;
left: 58.33%;
}
.large-push-8 {
position: relative;
left: 66.66%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-push-10 {
position: relative;
left: 83.33%;
}
.large-push-11 {
position: relative;
left: 91.66%;
}
.large-push-12 {
position: relative;
left: 100%;
}
@media screen and (max-width: 1023px) {
.large-pull-1 {
right: auto;
}
.large-pull-2 {
right: auto;
}
.large-pull-3 {
right: auto;
}
.large-pull-4 {
right: auto;
}
.large-pull-5 {
right: auto;
}
.large-pull-6 {
right: auto;
}
.large-pull-7 {
right: auto;
}
.large-pull-8 {
right: auto;
}
.large-pull-9 {
right: auto;
}
.large-pull-10 {
right: auto;
}
.large-pull-11 {
right: auto;
}
.large-pull-12 {
right: auto;
}
.large-push-1 {
left: auto;
}
.large-push-2 {
left: auto;
}
.large-push-3 {
left: auto;
}
.large-push-4 {
left: auto;
}
.large-push-5 {
left: auto;
}
.large-push-6 {
left: auto;
}
.large-push-7 {
left: auto;
}
.large-push-8 {
left: auto;
}
.large-push-9 {
left: auto;
}
.large-push-10 {
left: auto;
}
.large-push-11 {
left: auto;
}
.large-push-12 {
left: auto;
}
.medium-1 {
width: 8.33%;
}
.medium-2 {
width: 16.66%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.33%;
}
.medium-5 {
width: 41.66%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.33%;
}
.medium-8 {
width: 66.66%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.33%;
}
.medium-11 {
width: 91.66%;
}
.medium-12 {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.small-1 {
width: 8.33%;
}
.small-2 {
width: 16.66%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.33%;
}
.small-5 {
width: 41.66%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.33%;
}
.small-8 {
width: 66.66%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.33%;
}
.small-11 {
width: 91.66%;
}
.small-12 {
width: 100%;
}
.container {
padding: 0 26px;
}
}
body {
position: relative;
background-color: white;
font-family: "agenda", sans-serif;
font-size: 16px;
font-size: clamp(12px, 0.833vw, 16px); font-weight: 400;
color: black;
}
@media screen and (min-width: 1921px) {
body {
font-size: 16px;
}
}
@media screen and (max-width: 1300px) {
body {
font-size: 12px;
}
}
.columns {
padding: 0 0.5em;
}
@media screen and (max-width: 1300px) {
.columns {
padding: 0 12px;
}
}
@media screen and (max-width: 767px) {
.columns {
padding: 0 10px;
}
}
.container {
max-width: 103.5em; padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
.container {
max-width: 90%;
padding: 0 3px;
}
}
@media screen and (max-width: 1200px) {
.container {
max-width: 95%;
}
}
@media screen and (max-width: 1023px) {
.container {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.container {
padding: 0 5px;
}
}
.container:before, .container:after {
content: none;
}
.center {
text-align: center;
}
strong, b {
font-weight: 700;
}
a {
text-decoration: underline;
color: #E30614;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
h1, h2, h3, h4, h5 {
font-weight: 400;
} #header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
top: 0;
z-index: 3;
margin: 0;
padding: 0.5em 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
#header.active #dropdown-burger {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#header.active #burger .ligne {
position: relative;
}
#header.active #burger .ligne:first-child {
top: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#header.active #burger .ligne:last-child {
top: -4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .container .columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .container .columns:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1300px) {
#header .container .columns:last-child {
width: 100%;
max-width: 77.625em;
}
}
@media screen and (max-width: 1023px) {
#header .container .columns:last-child {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
#header #logo {
width: 100%;
max-width: 11.437em;
display: block;
}
@media screen and (max-width: 1300px) {
#header #logo {
max-width: 11em;
}
}
@media screen and (max-width: 1023px) {
#header #logo {
max-width: 10em;
}
}
@media screen and (max-width: 767px) {
#header #logo {
max-width: 9em;
}
}
#header #logo svg, #header #logo video, #header #logo img {
width: 100%;
max-width: none;
height: auto;
display: block;
}
#header #burger {
width: 2.25em;
height: 1.625em;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1023px) {
#header #burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
#header #burger .ligne {
width: 100%;
height: 2px;
display: block;
position: relative;
margin: 0 0 0.25em;
background-color: black;
}
#header #burger .ligne:last-child {
margin: 0.25em 0 0;
}
#header #dropdown-burger {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1023px) {
#header #dropdown-burger {
width: 100%;
max-width: 220px;
max-height: calc(100vh - 115px);
max-height: calc(100svh - 115px);
display: block;
position: absolute;
top: 100%;
right: 15px;
margin-top: -30px;
border: thin solid black;
border-radius: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
overflow: auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
}
#header #menu-principal > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul {
margin: 15px 0;
}
}
#header #menu-principal > ul > li {
position: relative;
margin: 0 1.875em 0 0;
}
@media screen and (max-width: 1300px) {
#header #menu-principal > ul > li {
margin: 0 1.75em 0 0;
}
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li {
width: 100%;
position: static;
margin: 8px 0;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
#header #menu-principal > ul > li:last-child {
margin: 0;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li:last-child {
margin: 8px 0;
}
}
#header #menu-principal > ul > li.current-menu-item > a:after, #header #menu-principal > ul > li.current_page_parent > a:after, #header #menu-principal > ul > li.current-product-ancestor > a:after, #header #menu-principal > ul > li.current-product_cat-ancestor > a:after {
background-color: #E30614;
}
#header #menu-principal > ul > li.menu-item-has-children > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header #menu-principal > ul > li.menu-item-has-children > a:before {
content: "\f055";
display: inline-block;
position: relative;
margin: 0 0 0 0.294em;
font-family: "la-solid-900";
font-size: 0.772em;
font-weight: 400;
color: #E30614;
}
#header #menu-principal > ul > li:hover .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#header #menu-principal > ul > li .sub-menu {
width: 29em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li .sub-menu {
width: 100%;
position: static;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
#header #menu-principal > ul > li .sub-menu li {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0.5625em;
padding: 1.75em;
border-radius: 0.3125em;
-webkit-box-shadow: 0 0 0.375em 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0 0.375em 0 rgba(0, 0, 0, 0.16);
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown {
margin-top: 0;
padding: 1.5em 0 0;
box-shadow: none;
-webkit-box-shadow: none;
}
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategories {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie {
width: 32%;
width: calc(50% - 0.375em);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 1em 0 0;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie {
width: 100%;
}
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie:hover .img img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie:hover .txt:after {
color: black;
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .img {
width: 5.625em;
min-width: 5.625em;
display: inline-block;
border-radius: 0.3125em;
overflow: hidden;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .img {
display: none;
}
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .img img {
width: 100%;
height: auto;
display: block;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .txt {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 0 0.6875em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .txt {
padding: 0;
}
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .txt .titre-souscat {
display: block;
margin-top: 0.4em;
font-family: "agenda-condensed", sans-serif;
font-size: 0.9375em;
font-weight: 800;
text-transform: uppercase;
line-height: 100%;
color: #E30614;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .txt .titre-souscat {
margin-top: 0;
}
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .txt:after {
content: "\f061";
display: inline-block;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
position: relative;
margin: 0 0 0.375em;
font-family: "la-solid-900";
font-size: 1em;
font-weight: 400;
color: #E30614;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .souscategorie .txt:after {
content: none;
}
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .cat-parent:hover .soustitre-cat-parent:after {
left: 0.3em;
color: #E30614;
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .cat-parent .titre-cat-parent {
display: block;
font-size: 1.4375em;
font-weight: 800;
line-height: 89.88%;
text-transform: uppercase;
color: #E30614;
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .cat-parent .soustitre-cat-parent {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0.125em;
font-size: 0.875em;
font-weight: 800;
line-height: 138.88%;
color: black;
}
#header #menu-principal > ul > li .sub-menu .sousmenu-dropdown .cat-parent .soustitre-cat-parent:after {
content: "\f061";
display: inline-block;
position: relative;
left: 0;
margin: 0 0 0 0.3em;
font-family: "la-solid-900";
font-size: 1.111em;
font-weight: 400;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#header #menu-principal > ul > li > a {
display: inline-block;
position: relative;
padding: 0.34em 0;
font-size: 1.375em;
text-transform: uppercase;
color: black;
}
@media screen and (max-width: 1023px) {
#header #menu-principal > ul > li > a {
font-size: 1.125em;
}
}
#header #menu-principal > ul > li > a:after {
content: "";
width: 100%;
height: 0.09em;
display: block;
position: absolute;
bottom: 0;
left: 0;
background-color: transparent;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#header .cta-wrapper {
width: auto;
margin-left: 1.875em;
}
@media screen and (max-width: 1023px) {
#header .cta-wrapper {
margin-right: 1.25em;
margin-left: 0;
}
}
#header .cta-wrapper .cta {
background-color: #E30614;
font-size: 1.125em;
white-space: nowrap;
color: white;
}
#header .cta-wrapper .cta:hover {
border-color: black;
background-color: black;
}
#header a {
text-decoration: none;
color: white;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1023px) {
#header .reseaux {
width: 100%;
margin-bottom: 20px;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 1023px) {
#header .reseaux a {
color: black;
}
}
.page-template-page-accueil #header #burger .ligne {
background-color: white;
}
@media screen and (max-width: 767px) {
.page-template-page-accueil #header #burger .ligne {
background-color: black;
}
}
.single-product #header .reseaux a, .page-template-default #header .reseaux a, .woocommerce-page #header .reseaux a, .page-template-page-contact #header .reseaux a, .page-template-page-apropos #header .reseaux a {
color: black;
}
.page-template-default .woocommerce-breadcrumb-nav ul li:last-child, .page-template-page-contact .woocommerce-breadcrumb-nav ul li:last-child, .page-template-page-apropos .woocommerce-breadcrumb-nav ul li:last-child {
display: initial;
}
#main {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 0;
}
#main #article {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
z-index: 1;
}
.type-product, #page-contact {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 13.062em;
}
@media screen and (max-width: 767px) {
.type-product, #page-contact {
margin-top: 10em;
}
}
.type-product .container, #page-contact .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.type-product .container.inverse, #page-contact .container.inverse {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.type-product .container + .container, #page-contact .container + .container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.type-product .categorie_principale, #page-contact .categorie_principale {
width: calc(50% + 50vw - 51.75em);
min-height: calc(100vh - 13.062em);
min-height: calc(100svh - 13.062em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: calc(51.75em - 50vw);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1.0625em 2.125em 2.125em;
}
@media screen and (max-width: 1300px) {
.type-product .categorie_principale, #page-contact .categorie_principale {
width: calc(50% + 5vw + 3px);
min-height: 0;
margin-left: calc(0% - 5vw - 3px);
}
}
@media screen and (max-width: 1200px) {
.type-product .categorie_principale, #page-contact .categorie_principale {
width: calc(41.66% + 2.5vw + 3px);
margin-left: calc(0% - 2.5vw - 3px);
padding: 0 12px 2.125em;
}
}
@media screen and (max-width: 1023px) {
.type-product .categorie_principale, #page-contact .categorie_principale {
width: 41.66%;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.type-product .categorie_principale, #page-contact .categorie_principale {
width: 100%;
position: static;
margin-top: 1em;
margin-bottom: 3em;
padding: 0 10px;
}
}
.type-product .categorie_principale picture, #page-contact .categorie_principale picture {
width: 100%;
display: block;
}
.type-product .categorie_principale img, #page-contact .categorie_principale img {
width: 100%;
max-width: none;
height: 100%;
display: block;
border-radius: 0.312em;
-o-object-fit: cover;
object-fit: cover;
}
.type-product .caption, #page-contact .caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.type-product .caption .titre-produit, #page-contact .caption .titre-produit {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
color: #E30614;
}
.type-product .caption .titre-produit .soustitre, #page-contact .caption .titre-produit .soustitre {
display: inline-block;
margin: 0 0 0.125em 0.583em;
color: black;
}
.type-product .caption .titre-produit .soustitre.sansleft, #page-contact .caption .titre-produit .soustitre.sansleft {
margin-left: 0;
}
.type-product .caption .titre-produit .soustitre:first-child, #page-contact .caption .titre-produit .soustitre:first-child {
margin: 0;
}
.type-product .caption .txt, #page-contact .caption .txt {
display: block;
}
.type-product .caption .txt p, #page-contact .caption .txt p {
display: block;
margin-top: 1.363em;
font-size: 1.375em;
line-height: 136.36%;
}
.type-product .caption .cta-wrapper, #page-contact .caption .cta-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 1.875em;
}
.type-product .caption .cta-wrapper .cta:first-child:not(:last-child), #page-contact .caption .cta-wrapper .cta:first-child:not(:last-child) {
background-color: #E30614;
color: white;
}
.type-product .caption .cta-wrapper .cta:first-child:not(:last-child):hover, #page-contact .caption .cta-wrapper .cta:first-child:not(:last-child):hover {
border-color: black;
background-color: black;
}
.type-product .caption .cta-wrapper .cta:not(:first-child), #page-contact .caption .cta-wrapper .cta:not(:first-child) {
margin: 0 0 0 0.777em;
border-color: black;
background-color: transparent;
color: black;
}
.type-product .caption .cta-wrapper .cta:not(:first-child):hover, #page-contact .caption .cta-wrapper .cta:not(:first-child):hover {
border-color: black;
background-color: black;
color: white;
}
.type-product .bottom, #page-contact .bottom {
margin-top: 2.125em;
margin-bottom: 2.125em;
}
@media screen and (max-width: 1300px) {
.type-product .bottom .pictos img, #page-contact .bottom .pictos img {
width: 4em;
margin-right: 0.5em;
}
}
@media screen and (max-width: 1300px) {
.type-product .bottom .pictos img:last-child, #page-contact .bottom .pictos img:last-child {
margin-right: 1.5em;
}
}
@media screen and (max-width: 1023px) {
.type-product .bottom .contact-commercial, #page-contact .bottom .contact-commercial {
font-size: 0.75em;
}
}
.type-product .informations, #page-contact .informations {
margin: 1.875em 0 0;
}
.type-product .images_secondaires, #page-contact .images_secondaires {
width: calc(50% + 50vw - 51.75em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0.375em;
margin-bottom: 5em;
margin-left: calc(51.75em - 50vw);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1.0625em 0 2.125em;
}
@media screen and (max-width: 1300px) {
.type-product .images_secondaires, #page-contact .images_secondaires {
width: calc(50% + 5vw + 3px);
margin-left: calc(0% - 5vw - 3px);
}
}
@media screen and (max-width: 1200px) {
.type-product .images_secondaires, #page-contact .images_secondaires {
width: calc(41.66% + 2.5vw + 3px);
margin-left: calc(0% - 2.5vw - 3px);
}
}
@media screen and (max-width: 1023px) {
.type-product .images_secondaires, #page-contact .images_secondaires {
width: calc(41.66% + 3px);
margin-left: -3px;
}
}
@media screen and (max-width: 767px) {
.type-product .images_secondaires, #page-contact .images_secondaires {
width: 100%;
margin-left: 0;
padding-right: 10px;
padding-left: 10px;
}
}
.type-product .images_secondaires picture, #page-contact .images_secondaires picture {
width: 100%;
display: inline-block;
margin-bottom: 2.5em;
}
.type-product .images_secondaires img, #page-contact .images_secondaires img {
width: 100%;
max-width: none;
height: 100%;
display: block;
border-radius: 0.312em;
-o-object-fit: cover;
object-fit: cover;
}
.type-product .caption2, #page-contact .caption2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: sticky;
top: 0;
margin-bottom: 7.5em;
}
@media screen and (max-width: 767px) {
.type-product .caption2, #page-contact .caption2 {
position: static;
}
}
.type-product .caption2 .informations, #page-contact .caption2 .informations {
margin-top: 3.125em;
}
.type-product .container-2 .informations p:not(.titre-label), #page-contact .container-2 .informations p:not(.titre-label) {
max-width: 90%;
}
@media screen and (max-width: 1300px) {
.type-product .container-2 .informations p:not(.titre-label), #page-contact .container-2 .informations p:not(.titre-label) {
max-width: none;
}
}
.type-product .galerie, #page-contact .galerie {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.type-product .galerie a, #page-contact .galerie a {
width: 8.75em;
display: block;
margin: 1.25em 1.25em 0 0;
border-radius: 0.312em;
background-color: black;
overflow: hidden;
}
.type-product .galerie a:hover img, #page-contact .galerie a:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.type-product .galerie a img, #page-contact .galerie a img {
width: 100%;
max-width: none;
height: auto;
display: block;
opacity: 0.9;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.type-product .carte-wrapper, #page-contact .carte-wrapper {
width: calc(66.66% + 50vw - 51.75em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: calc(51.75em - 50vw);
margin-top: 0.375em;
margin-bottom: 7.5em;
padding: 0 2.125em 0 1.0625em;
}
@media screen and (max-width: 1300px) {
.type-product .carte-wrapper, #page-contact .carte-wrapper {
width: calc(66.66% + 5vw + 3px);
margin-right: calc(0% - 5vw - 3px);
}
}
@media screen and (max-width: 1200px) {
.type-product .carte-wrapper, #page-contact .carte-wrapper {
width: calc(66.66% + 2.5vw + 3px);
margin-right: calc(0% - 2.5vw - 3px);
padding: 0 12px;
}
}
@media screen and (max-width: 1023px) {
.type-product .carte-wrapper, #page-contact .carte-wrapper {
width: calc(58.33% + 3px);
margin-right: -3px;
}
}
@media screen and (max-width: 767px) {
.type-product .carte-wrapper, #page-contact .carte-wrapper {
width: 100%;
margin-right: 0;
padding-right: 10px;
padding-left: 10px;
}
}
.type-product .carte-wrapper .inner, #page-contact .carte-wrapper .inner {
width: 100%;
height: 0;
display: block;
position: relative;
padding-bottom: 64%;
border-radius: 0.312em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 767px) {
.type-product .carte-wrapper .inner, #page-contact .carte-wrapper .inner {
margin-top: -4.5em;
}
}
.type-product .carte-wrapper .inner:hover, #page-contact .carte-wrapper .inner:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.type-product .carte-wrapper .inner iframe, #page-contact .carte-wrapper .inner iframe {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.type-product .galerie-wrapper, #page-contact .galerie-wrapper {
width: calc(66.66% + 50vw - 51.75em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: calc(51.75em - 50vw);
margin-top: 0.375em;
margin-bottom: 7.5em;
padding: 0 2.125em 0 1.0625em;
}
@media screen and (max-width: 1300px) {
.type-product .galerie-wrapper, #page-contact .galerie-wrapper {
width: calc(66.66% + 5vw + 3px);
margin-right: calc(0% - 5vw - 3px);
}
}
@media screen and (max-width: 1200px) {
.type-product .galerie-wrapper, #page-contact .galerie-wrapper {
width: calc(66.66% + 2.5vw + 3px);
margin-right: calc(0% - 2.5vw - 3px);
padding: 0 12px;
}
}
@media screen and (max-width: 1023px) {
.type-product .galerie-wrapper, #page-contact .galerie-wrapper {
width: calc(58.33% + 3px);
margin-right: -3px;
}
}
@media screen and (max-width: 767px) {
.type-product .galerie-wrapper, #page-contact .galerie-wrapper {
width: 100%;
margin-right: 0;
padding-right: 10px;
padding-left: 10px;
}
}
.type-product .galerie-wrapper #swiper-galerie, #page-contact .galerie-wrapper #swiper-galerie {
width: 100%;
display: block;
position: relative;
border-radius: 0.312em;
}
@media screen and (max-width: 767px) {
.type-product .galerie-wrapper #swiper-galerie, #page-contact .galerie-wrapper #swiper-galerie {
margin-top: -4.5em;
}
}
.type-product .galerie-wrapper #swiper-galerie .swiper-button-prev, .type-product .galerie-wrapper #swiper-galerie .swiper-button-next, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-prev, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-next {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0.625em;
font-family: "la-solid-900";
font-size: 3em;
cursor: pointer;
}
@media screen and (max-width: 1300px) {
.type-product .galerie-wrapper #swiper-galerie .swiper-button-prev, .type-product .galerie-wrapper #swiper-galerie .swiper-button-next, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-prev, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-next {
left: 0.5em;
}
}
@media screen and (max-width: 1023px) {
.type-product .galerie-wrapper #swiper-galerie .swiper-button-prev, .type-product .galerie-wrapper #swiper-galerie .swiper-button-next, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-prev, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-next {
font-size: 2.5em;
}
}
.type-product .galerie-wrapper #swiper-galerie .swiper-button-prev:before, .type-product .galerie-wrapper #swiper-galerie .swiper-button-next:before, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-prev:before, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-next:before {
content: "\f060";
display: inline-block;
color: white;
}
.type-product .galerie-wrapper #swiper-galerie .swiper-button-prev:after, .type-product .galerie-wrapper #swiper-galerie .swiper-button-next:after, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-prev:after, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-next:after {
content: none;
}
.type-product .galerie-wrapper #swiper-galerie .swiper-button-next, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-next {
right: 0.625em;
left: auto;
}
@media screen and (max-width: 1300px) {
.type-product .galerie-wrapper #swiper-galerie .swiper-button-next, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-next {
right: 0.5em;
}
}
.type-product .galerie-wrapper #swiper-galerie .swiper-button-next:before, #page-contact .galerie-wrapper #swiper-galerie .swiper-button-next:before {
content: "\f061";
}
.type-product .galerie-wrapper #swiper-galerie picture, #page-contact .galerie-wrapper #swiper-galerie picture {
width: 100%;
display: block;
}
.type-product .galerie-wrapper #swiper-galerie img, #page-contact .galerie-wrapper #swiper-galerie img {
width: 100%;
max-width: none;
height: auto;
display: block;
}
.type-product .wpcf7, #page-contact .wpcf7 {
max-width: 80%;
margin-top: 1.75em;
}
@media screen and (max-width: 600px) {
.type-product .wpcf7, #page-contact .wpcf7 {
max-width: none;
}
}
#page-contact {
overflow: hidden;
}
#page-contact .caption .titre-produit {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.soustitre {
display: block;
font-size: 2.25em;
font-weight: 800;
line-height: 138.88%;
}
@media screen and (max-width: 1300px) {
.soustitre {
font-size: 2.125em;
}
}
@media screen and (max-width: 1023px) {
.soustitre {
font-size: 2em;
}
}
@media screen and (max-width: 767px) {
.soustitre {
font-size: 1.75em;
}
}
.soustitre + .titre {
margin-top: 0.15em;
}
.titre {
display: block;
font-size: 5.562em;
font-weight: 800;
line-height: 89.88%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
.titre {
font-size: 5.25em;
}
}
@media screen and (max-width: 1023px) {
.titre {
font-size: 4em;
}
}
@media screen and (max-width: 767px) {
.titre {
font-size: 3.25em;
}
}
.titre-2 {
display: block;
font-family: "agenda-condensed", sans-serif;
font-size: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
@media screen and (max-width: 1023px) {
.titre-2 {
font-size: 1.25em;
}
}
.titre-grand {
display: block;
font-size: 9.187em;
font-weight: 800;
line-height: 89.88%;
text-transform: uppercase;
}
@media screen and (max-width: 1300px) {
.titre-grand {
font-size: 8.5em;
}
}
@media screen and (max-width: 1023px) {
.titre-grand {
font-size: 6.5em;
}
}
@media screen and (max-width: 767px) {
.titre-grand {
font-size: 4.25em;
}
}
@media screen and (max-width: 500px) {
.titre-grand {
font-size: 3.45em;
}
}
.titre-label {
display: block;
font-size: 1.062em;
font-weight: 700;
line-height: 89.88%;
text-transform: uppercase;
color: #E30614;
}
.titre-informations {
display: block;
margin: 0.416em 0 0;
font-size: 1.5em;
font-weight: 800;
line-height: 138.88%;
}
@media screen and (max-width: 767px) {
.titre-informations {
font-size: 1.25em;
}
}
.titre-informations:first-child {
margin: 0;
}
.informations {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.informations .titre-label + p:not(.titre-label) {
margin: 0.529em 0 0;
}
.informations p:not(.titre-label) {
display: block;
margin: 0.15em 0 0;
font-size: 1.062em;
line-height: 136.36%;
}
.informations p:not(.titre-label) strong, .informations p:not(.titre-label) b {
font-weight: 700;
}
.informations p:not(.titre-label) + p:not(.titre-label) {
margin: 0.675em 0 0;
}
.caracteristiques {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.caracteristiques:not(:first-child) {
margin-top: 0.625em;
}
.caracteristiques .caracteristique {
width: 48%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0.5em 0.75em 0.5em 0;
border-bottom: thin solid #D0D0D0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.caracteristiques .caracteristique:first-child, .caracteristiques .caracteristique:nth-child(2) {
border-top: thin solid #D0D0D0;
}
.caracteristiques .caracteristique .nom_caracteristique {
min-width: 6.75em;
margin: 0.25em 2em 0 0;
font-size: 0.75em;
line-height: 120%;
text-transform: uppercase;
}
.caracteristiques .caracteristique .valeur_caracteristique {
margin: 0;
font-size: 0.875em;
line-height: 120%;
}
.bottom {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.pictos {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.pictos img {
width: 5.312em;
height: auto;
display: block;
margin-right: 0.875em;
}
@media screen and (max-width: 767px) {
.pictos img {
width: 4em;
margin-right: 0.5em;
}
}
.pictos img:last-child {
margin-right: 2.5em;
}
@media screen and (max-width: 767px) {
.pictos img:last-child {
margin-right: 1.5em;
}
}
.contact-commercial {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 1300px) {
.contact-commercial {
font-size: 0.9em;
}
}
@media screen and (max-width: 1023px) {
.contact-commercial {
font-size: 0.85em;
}
}
@media screen and (max-width: 767px) {
.contact-commercial {
font-size: 0.75em;
}
}
.contact-commercial .label {
display: block;
font-size: 0.875em;
font-weight: 700;
text-transform: uppercase;
color: #E30614;
}
.contact-commercial .mail {
display: inline-block;
margin: 0.2em 0 0;
font-size: 1.562em;
text-decoration: none;
color: black;
}
.contact-commercial .tel {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0.215em 0 0;
font-size: 2.562em;
font-weight: 700;
text-decoration: none;
color: #E30614;
}
.contact-commercial .tel svg {
width: 1.081em;
height: auto;
display: inline-block;
margin: 0.025em 0 0 0;
fill: #E30614;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.reseaux {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: "la-brands-400";
font-size: 2em;
}
@media screen and (max-width: 1300px) {
.reseaux {
font-size: 1.875em;
}
}
@media screen and (max-width: 1023px) {
.reseaux {
font-size: 1.75em;
}
}
@media screen and (max-width: 767px) {
.reseaux {
font-size: 1.5em;
}
}
.reseaux li {
margin: 0 0.3125em 0 0;
}
.reseaux li:last-child {
margin: 0;
}
.reseaux a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.reseaux a.fa-facebook:before {
content: "\f09a";
}
.reseaux a.fa-instagram:before {
content: "\f16d";
}
.partager {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 1.25em;
border-left: thin solid #707070;
}
.partager:not(:first-child) {
margin-left: 1.25em;
}
.partager .partager-label {
display: inline-block;
margin: 0 0.642em 0 0;
font-size: 0.875em;
font-weight: 700;
line-height: 89.88%;
text-transform: uppercase;
}
.partager .social-share {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.partager .social-share li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 1px;
}
.partager a {
width: 1em;
height: 1em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "la-brands-400";
font-size: 1.312em;
text-decoration: none;
color: black;
}
.partager a:hover {
color: #E30614;
}
.partager a.facebook:before {
content: "\f09a";
}
.partager a.whatsapp:before {
content: "\f232";
}
.partager a.twitter:before {
content: "\f099";
}
.partager a.linkedin:before {
content: "\f0e1";
}
.partager a.mail:before {
content: "\f1fa";
font-family: "la-solid-900";
}
.points_forts {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.points_forts:not(:first-child) {
margin-top: 0.437em;
}
.points_forts li {
width: 48%;
width: calc(50% - 0.875em);
min-height: 1.352em;
display: inline-block;
position: relative;
margin: 0.235em 0 0;
padding: 0 0 0 1.941em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.062em;
line-height: 136.36%;
}
.points_forts li:before {
content: "\f058";
display: inline-block;
position: absolute;
top: 0.05em;
left: 0;
font-family: "la-solid-900";
font-size: 1.352em;
color: #E30614;
}
.points_forts li strong, .points_forts li b {
font-weight: 700;
}
.woocommerce-breadcrumb-nav {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
margin: 0.882em 0 0.823em;
font-family: "agenda-condensed", sans-serif;
font-size: 1.062em;
font-weight: 500;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.woocommerce-breadcrumb-nav {
margin-top: 0;
}
}
.woocommerce-breadcrumb-nav ul {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: black;
}
.woocommerce-breadcrumb-nav ul li:first-child:before {
content: none;
}
.woocommerce-breadcrumb-nav ul li:last-child {
display: none;
}
.woocommerce-breadcrumb-nav ul li:before {
content: "/";
display: inline-block;
margin: 0 0.25em;
}
.woocommerce-breadcrumb-nav ul a {
text-decoration: none;
color: black;
}
.woocommerce-breadcrumb-nav ul a:hover {
color: #E30614;
} #demande-devis {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #E30614;
color: white;
overflow: hidden;
}
#demande-devis .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#demande-devis .wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 4.875em;
padding-bottom: 5em;
}
@media screen and (max-width: 1300px) {
#demande-devis .wrapper {
padding-top: 4.75em;
padding-bottom: 4.875em;
}
}
@media screen and (max-width: 1023px) {
#demande-devis .wrapper {
padding-top: 4em;
padding-bottom: 4.125em;
}
}
@media screen and (max-width: 767px) {
#demande-devis .wrapper {
padding-top: 3em;
padding-bottom: 3em;
}
}
#demande-devis .img {
width: calc(41.66% + 50vw - 51.75em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: calc(51.75em - 50vw);
padding: 0;
}
@media screen and (max-width: 1300px) {
#demande-devis .img {
width: calc(41.66% + 5vw + 3px);
margin-right: calc(0% - 5vw - 3px);
}
}
@media screen and (max-width: 1200px) {
#demande-devis .img {
width: calc(41.66% + 2.5vw + 3px);
margin-right: calc(0% - 2.5vw - 3px);
}
}
@media screen and (max-width: 1023px) {
#demande-devis .img {
width: calc(41.66% + 3px);
margin-right: -3px;
}
}
@media screen and (max-width: 767px) {
#demande-devis .img {
width: calc(100% + 10px);
margin: 0 -5px;
}
}
#demande-devis .img picture {
padding-left: 0.5em;
}
@media screen and (max-width: 1300px) {
#demande-devis .img picture {
padding-left: 12px;
}
}
@media screen and (max-width: 767px) {
#demande-devis .img picture {
padding-left: 0;
}
}
#demande-devis picture {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#demande-devis img {
width: 100%;
max-width: none;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
#demande-devis .titre {
color: transparent;
-webkit-text-stroke-width: 0.022em;
-webkit-text-stroke-color: white;
}
#demande-devis .txt {
max-width: 31.875em;
display: block;
margin-top: 2em;
}
#demande-devis .txt p {
display: inline-block;
font-size: 1.062em;
line-height: 135.29%;
}
#demande-devis .txt p strong, #demande-devis .txt p b {
font-weight: 700;
}
#demande-devis #tabs-formulaire {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 2.083em 0 0.833em;
font-family: "agenda-condensed", sans-serif;
font-size: 1.5em;
font-weight: 800;
line-height: 141.66%;
text-transform: uppercase;
}
#demande-devis #tabs-formulaire li {
display: inline-block;
margin: 0 1.333em 0 0;
color: transparent;
-webkit-text-stroke-width: 0.041em;
-webkit-text-stroke-color: white;
cursor: pointer;
}
#demande-devis #tabs-formulaire li.active {
color: white;
-webkit-text-stroke-width: 0;
}
#demande-devis #tabs-formulaire li:last-child {
margin: 0;
}
#demande-devis .wpcf7 {
color: white;
}
#demande-devis .wpcf7 form.wpcf7-form.invalid .wpcf7-response-output {
border-color: white;
background-color: transparent;
color: white;
}
#demande-devis .wpcf7 form.wpcf7-form input[type=checkbox] {
border: thin solid white;
}
#demande-devis .wpcf7 form.wpcf7-form .cta-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 0.25em;
margin-bottom: 0;
}
#demande-devis .wpcf7 form.wpcf7-form .cta-wrapper .cta {
border-color: black;
background-color: black;
font-size: 1.125em;
color: white;
}
#demande-devis .wpcf7 form.wpcf7-form .cta-wrapper .cta:hover {
border-color: white;
background-color: white;
color: #E30614;
}
#demande-devis .wpcf7 input[type=text], #demande-devis .wpcf7 input[type=email], #demande-devis .wpcf7 input[type=tel], #demande-devis .wpcf7 input[type=number], #demande-devis .wpcf7 select, #demande-devis .wpcf7 textarea {
border-bottom: thin solid white;
color: white;
}
#demande-devis .wpcf7 input[type=text]::-webkit-input-placeholder, #demande-devis .wpcf7 input[type=email]::-webkit-input-placeholder, #demande-devis .wpcf7 input[type=tel]::-webkit-input-placeholder, #demande-devis .wpcf7 input[type=number]::-webkit-input-placeholder, #demande-devis .wpcf7 select::-webkit-input-placeholder, #demande-devis .wpcf7 textarea::-webkit-input-placeholder { color: white;
}
#demande-devis .wpcf7 input[type=text]::-moz-placeholder, #demande-devis .wpcf7 input[type=email]::-moz-placeholder, #demande-devis .wpcf7 input[type=tel]::-moz-placeholder, #demande-devis .wpcf7 input[type=number]::-moz-placeholder, #demande-devis .wpcf7 select::-moz-placeholder, #demande-devis .wpcf7 textarea::-moz-placeholder { color: white;
}
#demande-devis .wpcf7 input[type=text]:-ms-input-placeholder, #demande-devis .wpcf7 input[type=email]:-ms-input-placeholder, #demande-devis .wpcf7 input[type=tel]:-ms-input-placeholder, #demande-devis .wpcf7 input[type=number]:-ms-input-placeholder, #demande-devis .wpcf7 select:-ms-input-placeholder, #demande-devis .wpcf7 textarea:-ms-input-placeholder { color: white;
}
#demande-devis .wpcf7 input[type=text]:-moz-placeholder, #demande-devis .wpcf7 input[type=email]:-moz-placeholder, #demande-devis .wpcf7 input[type=tel]:-moz-placeholder, #demande-devis .wpcf7 input[type=number]:-moz-placeholder, #demande-devis .wpcf7 select:-moz-placeholder, #demande-devis .wpcf7 textarea:-moz-placeholder { color: white;
}
#demande-devis .wpcf7 input[type=number] {
border-bottom: none;
}
#demande-devis .wpcf7 .wpcf7-not-valid-tip {
color: black;
}
#demande-devis .wpcf7 .select:before {
color: white;
}
#demande-devis #formulaire-votre-projet .cta {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 1.111em;
}
#demande-devis #formulaire-votre-projet .cta:after {
content: "\f061";
display: inline-block;
position: relative;
top: 0.05em;
margin: 0 0 0 0.909em;
font-family: "la-solid-900";
font-size: 1.222em;
font-weight: 400;
}
#demande-devis #formulaire-vos-coordonnees .select:before {
top: 1.125em;
}
#demande-devis #formulaire-vos-coordonnees .select label {
font-size: 0.875em;
}
#demande-devis #formulaire-vos-coordonnees .select select {
padding-top: 0;
}
#demande-devis #formulaire-vos-coordonnees textarea {
height: 5em;
min-height: 3.5em;
} .marquee {
width: 100%;
display: block;
position: relative;
padding: 2.5em 0 1.875em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
}
.marquee .marquee__content {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
margin: 0;
-webkit-animation: marquee 20s linear infinite forwards;
animation: marquee 20s linear infinite forwards;
will-change: transform; }
.marquee .marquee__content li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-left: 0.314em;
}
.marquee .marquee__content li:before {
content: ".";
display: inline-block;
position: relative;
top: -0.235em;
margin-right: 0.314em;
}
@-webkit-keyframes marquee {
to {
-webkit-transform: translate3d(-25%, 0, 0);
transform: translate3d(-25%, 0, 0);
}
}
@keyframes marquee {
to {
-webkit-transform: translate3d(-25%, 0, 0);
transform: translate3d(-25%, 0, 0);
}
} #home-entete {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
@media screen and (max-width: 767px) {
#home-entete {
padding-top: 10em;
}
}
#home-entete .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
#home-entete .img {
width: calc(41.66% + 50vw - 51.75em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-right: calc(51.75em - 50vw);
padding: 0;
}
@media screen and (max-width: 1300px) {
#home-entete .img {
width: calc(41.66% + 5vw + 3px);
margin-right: calc(0% - 5vw - 3px);
}
}
@media screen and (max-width: 1200px) {
#home-entete .img {
width: calc(41.66% + 2.5vw + 3px);
margin-right: calc(0% - 2.5vw - 3px);
}
}
@media screen and (max-width: 1023px) {
#home-entete .img {
width: calc(41.66% + 3px);
margin-right: -3px;
}
}
@media screen and (max-width: 767px) {
#home-entete .img {
width: calc(100% + 10px);
margin: 0 -5px;
}
}
#home-entete .img .inner {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0.5em;
}
@media screen and (max-width: 1300px) {
#home-entete .img .inner {
padding-left: 12px;
}
}
@media screen and (max-width: 767px) {
#home-entete .img .inner {
padding-left: 0;
}
}
#home-entete .img #swiper-galerie-entete {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: black;
}
#home-entete .img #swiper-galerie-entete:before {
content: "";
width: 100%;
height: 21.01%;
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none;
}
#home-entete .img #swiper-galerie-entete .swiper-wrapper {
width: 100%;
}
#home-entete .img #swiper-galerie-entete .swiper-slide {
width: 100%;
}
#home-entete .img #swiper-galerie-entete .controls {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 3em;
bottom: 2.75em;
z-index: 2;
color: white;
}
@media screen and (max-width: 1300px) {
#home-entete .img #swiper-galerie-entete .controls {
right: 15px;
bottom: 14px;
}
}
#home-entete .img #swiper-galerie-entete .controls .counter {
min-width: 1.818em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
top: -0.05em;
font-size: 1.375em;
}
#home-entete .img #swiper-galerie-entete .controls .counter .current:after {
content: "";
width: 0.25em;
display: inline-block;
}
#home-entete .img #swiper-galerie-entete .controls .swiper-button-prev-galerie-entete, #home-entete .img #swiper-galerie-entete .controls .swiper-button-next-galerie-entete {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0.2em 0 0;
font-family: "la-solid-900";
font-size: 2.5em;
cursor: pointer;
}
#home-entete .img #swiper-galerie-entete .controls .swiper-button-prev-galerie-entete:before, #home-entete .img #swiper-galerie-entete .controls .swiper-button-next-galerie-entete:before {
content: "\f060";
display: inline-block;
}
#home-entete .img #swiper-galerie-entete .controls .swiper-button-next-galerie-entete {
margin: 0 0 0 0.2em;
}
#home-entete .img #swiper-galerie-entete .controls .swiper-button-next-galerie-entete:before {
content: "\f061";
}
#home-entete .img picture {
width: 100%;
height: 100vh;
height: 100svh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
#home-entete .img picture {
height: auto;
}
}
#home-entete .img img {
width: 100%;
max-width: none;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
#home-entete .caption {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 3.25em;
padding-bottom: 8.687em;
}
#home-entete .caption .soustitre {
margin-bottom: 0.5em;
}
#home-entete .caption .titre-grand {
width: 185%;
position: relative;
z-index: 3;
margin-right: -85%;
color: #E30614;
}
@media screen and (max-width: 767px) {
#home-entete .caption .titre-grand {
width: 100%;
margin-right: 0;
}
}
#home-entete .caption .txt {
display: block;
margin-top: 1.363em;
font-size: 1.375em;
line-height: 136.36%;
}
#home-entete .caption .cta-wrapper {
margin-top: 2.125em;
}
#home-entete .caption .cta-wrapper .cta {
margin: 0.777em 0.777em 0 0;
background-color: #E30614;
font-size: 1.125em;
color: white;
}
#home-entete .caption .cta-wrapper .cta:hover {
border-color: black;
background-color: black;
}
#home-entete .caption .cta-wrapper .cta:not(:first-child) {
border-color: black;
background-color: transparent;
color: black;
}
#home-entete .caption .cta-wrapper .cta:not(:first-child):hover {
border-color: black;
background-color: black;
color: white;
}
#home-entete .bottom {
position: absolute;
bottom: 3.25em;
left: 0;
}
@media screen and (max-width: 767px) {
#home-entete .bottom {
bottom: 0;
}
} #home-cats {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 2.125em 0 5em;
}
#home-cats .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
#home-cats .categorie_principale {
width: calc(50% + 50vw - 51.75em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: sticky;
top: 2.125em;
margin-left: calc(51.75em - 50vw);
padding: 0 1.0625em 0 2.125em;
}
@media screen and (max-width: 1300px) {
#home-cats .categorie_principale {
width: calc(50% + 5vw + 3px);
margin-left: calc(0% - 5vw - 3px);
}
}
@media screen and (max-width: 1200px) {
#home-cats .categorie_principale {
width: calc(41.66% + 2.5vw + 3px);
margin-left: calc(0% - 2.5vw - 3px);
padding: 0 12px;
}
}
@media screen and (max-width: 1023px) {
#home-cats .categorie_principale {
width: 41.66%;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
#home-cats .categorie_principale {
width: 100%;
position: static;
margin-top: 1em;
margin-bottom: 3em;
padding: 0 10px;
}
}
#home-cats .categorie_principale .inner {
width: 100%;
display: block;
}
#home-cats .categorie_principale .inner:hover .txt .titre {
color: #E30614;
}
#home-cats .categorie_principale .inner:hover .txt .soustitre:after {
left: 0.3em;
color: #E30614;
}
#home-cats .categorie_principale picture {
width: 100%;
display: block;
position: relative;
}
#home-cats .categorie_principale picture:before {
content: "";
width: 100%;
height: 26.81%;
display: block;
position: absolute;
bottom: 0;
left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); }
#home-cats .categorie_principale img {
width: 100%;
max-width: none;
height: auto;
display: block;
}
#home-cats .categorie_principale .txt {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin-left: calc(50vw - 53.375em);
}
@media screen and (max-width: 1300px) {
#home-cats .categorie_principale .txt {
margin-left: 2.125em;
}
}
#home-cats .categorie_principale .txt .titre {
margin-top: -1.292em;
color: transparent;
-webkit-text-stroke-width: 0.022em;
-webkit-text-stroke-color: #E30614;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 1200px) {
#home-cats .categorie_principale .txt .titre {
font-size: 4em;
}
}
@media screen and (max-width: 1023px) {
#home-cats .categorie_principale .txt .titre {
font-size: 3em;
}
}
@media screen and (max-width: 850px) {
#home-cats .categorie_principale .txt .titre {
font-size: 2.5em;
}
}
@media screen and (max-width: 767px) {
#home-cats .categorie_principale .txt .titre {
font-size: 3.25em;
}
}
#home-cats .categorie_principale .txt .soustitre {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0.125em;
color: black;
}
#home-cats .categorie_principale .txt .soustitre:after {
content: "\f061";
display: inline-block;
position: relative;
left: 0;
margin: 0 0 0 0.3em;
font-family: "la-solid-900";
font-size: 1.111em;
font-weight: 400;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#home-cats .souscategories {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: start;
align-content: flex-start;
padding-left: 1.0625em;
}
#home-cats .souscategories .cat-extrait {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.875em 0;
border-top: thin solid black;
}
@media screen and (max-width: 600px) {
#home-cats .souscategories .cat-extrait {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
#home-cats .souscategories .cat-extrait:last-child {
border-bottom: thin solid black;
}
#home-cats .souscategories .cat-extrait .img {
width: 16.25em;
min-width: 32.37%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 2.125em;
border-radius: 0.312em;
overflow: hidden;
}
@media screen and (max-width: 1200px) {
#home-cats .souscategories .cat-extrait .img {
margin-right: 15px;
}
}
#home-cats .souscategories .cat-extrait .img:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
#home-cats .souscategories .cat-extrait picture {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#home-cats .souscategories .cat-extrait img {
width: 100%;
max-width: none;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#home-cats .souscategories .cat-extrait .txt {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#home-cats .souscategories .cat-extrait .titre-2 a {
text-decoration: none;
}
#home-cats .souscategories .cat-extrait .titre-2 + p:not(.titre-2) {
margin-top: 1.176em;
}
#home-cats .souscategories .cat-extrait p:not(.titre-2) {
margin: 0.882em 0 0;
display: inline-block;
font-size: 1.062em;
line-height: 135.29%;
}
#home-cats .souscategories .cat-extrait p:not(.titre-2) strong, #home-cats .souscategories .cat-extrait p:not(.titre-2) b {
font-weight: 700;
}
#home-cats .souscategories .cat-extrait .cta-wrapper {
margin-top: 1.5em;
} #page-entete {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
#page-entete .container {
min-height: 100vh;
min-height: 100svh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
padding-top: 14em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
#page-entete .container {
padding-top: 10em;
}
}
#page-entete .caption {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 3.25em;
padding-bottom: 8.687em;
}
@media screen and (max-width: 1023px) {
#page-entete .caption {
padding-top: 2em;
}
}
#page-entete .caption .soustitre {
margin-bottom: 0.5em;
}
#page-entete .caption .titre-grand {
color: #E30614;
}
#page-entete .caption .txt {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 5em; }
#page-entete .caption .txt h2 {
display: block;
margin-top: 1.363em;
font-size: 2.25em;
font-weight: 800;
line-height: 138.88%;
}
@media screen and (max-width: 1300px) {
#page-entete .caption .txt h2 {
font-size: 2.125em;
}
}
@media screen and (max-width: 1023px) {
#page-entete .caption .txt h2 {
font-size: 2em;
}
}
@media screen and (max-width: 767px) {
#page-entete .caption .txt h2 {
font-size: 1.75em;
}
}
#page-entete .caption .txt h2 + p, #page-entete .caption .txt h2 + ul:not(.products) {
margin-top: 0.5em;
}
#page-entete .caption .txt p {
display: block;
margin-top: 1.363em;
font-size: 1.375em;
line-height: 136.36%;
}
#page-entete .caption .txt ul:not(.products) {
display: block;
margin-top: 1.363em;
font-size: 1.375em;
line-height: 136.36%;
}
#page-entete .caption .txt ul:not(.products) li {
width: 100%;
display: inline-block;
position: relative;
padding: 0 0 0 1.941em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#page-entete .caption .txt ul:not(.products) li:before {
content: "\f058";
display: inline-block;
position: absolute;
top: 0.05em;
left: 0;
font-family: "la-solid-900";
font-size: 1.352em;
color: #E30614;
}
#page-entete .caption .txt strong, #page-entete .caption .txt b {
font-weight: 700;
}
#page-entete .caption .txt .souscategories-filles {
width: 100%;
width: calc(100% + 1em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 4em;
margin-bottom: 4em;
margin-left: -0.5em;
}
@media screen and (max-width: 1300px) {
#page-entete .caption .txt .souscategories-filles {
width: calc(100% + 24px);
margin-left: -12px;
}
}
@media screen and (max-width: 767px) {
#page-entete .caption .txt .souscategories-filles {
width: calc(100% + 20px);
margin-top: 3em;
margin-bottom: 3em;
margin-left: -10px;
}
}
#page-entete .caption .txt .souscategories-filles .souscategories {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media screen and (max-width: 767px) {
#page-entete .caption .txt .souscategories-filles .souscategories:not(:last-child) .cat-extrait {
border-bottom: none;
}
}
@media screen and (min-width: 768px) {
#page-entete .caption .txt .souscategories-filles .souscategories:not(:first-child) .cat-extrait, #page-entete .caption .txt .souscategories-filles .souscategories:not(:nth-child(2)) .cat-extrait {
border-top: none;
}
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.875em 0;
border-top: thin solid black;
border-bottom: thin solid black;
}
@media screen and (max-width: 600px) {
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait .img {
width: 16.25em;
min-width: 32.37%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 2.125em;
border-radius: 0.312em;
overflow: hidden;
}
@media screen and (max-width: 1200px) {
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait .img {
margin-right: 15px;
}
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait .img:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait picture {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait img {
width: 100%;
max-width: none;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait .txt {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 0;
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait .titre-2 a {
text-decoration: none;
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait .titre-2 + p:not(.titre-2) {
margin-top: 1.176em;
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait p:not(.titre-2) {
margin: 0.882em 0 0;
display: inline-block;
font-size: 1.062em;
line-height: 135.29%;
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait p:not(.titre-2) strong, #page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait p:not(.titre-2) b {
font-weight: 700;
}
#page-entete .caption .txt .souscategories-filles .souscategories .cat-extrait .cta-wrapper {
margin-top: 1.5em;
}
#page-entete .caption .txt .woocommerce-ordering {
display: none;
}
#page-entete .caption .presentation {
max-width: 50.125em;
}
#page-entete .caption .presentation p:not(:first-child) {
margin: 0.875em 0 0;
font-size: 1.062em;
line-height: 136.36%;
}
#page-entete .caption .presentation p:not(:first-child) strong, #page-entete .caption .presentation p:not(:first-child) b {
font-weight: 700;
}
#page-entete .caption .products {
margin-bottom: -2em;
}
#page-entete .caption .products .woocommerce-LoopProduct-link {
margin-bottom: 1.75em;
border-radius: 0.312em;
overflow: hidden;
}
#page-entete .caption .products .woocommerce-LoopProduct-link:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
#page-entete .caption .products img {
margin-bottom: 0;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#page-entete .caption .products .woocommerce-loop-product__title {
display: block;
margin: 0.416em 0 0;
padding: 0;
font-size: 1.5em;
font-weight: 800;
line-height: 138.88%;
}
@media screen and (max-width: 767px) {
#page-entete .caption .products .woocommerce-loop-product__title {
font-size: 1.25em;
}
}
#page-entete .bottom {
position: absolute;
bottom: 3.25em;
left: 0;
} #contacto {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
padding: 9.375em 0 0;
background-color: black;
}
@media screen and (max-width: 1300px) {
#contacto {
padding: 8.75em 0 0;
}
}
@media screen and (max-width: 1023px) {
#contacto {
padding: 7em 0 0;
}
}
@media screen and (max-width: 767px) {
#contacto {
padding: 4em 0 0;
}
}
#contacto .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#contacto .infos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 767px) {
#contacto .infos {
margin-bottom: 2.5em;
}
}
#contacto .infos p {
display: inline-block;
margin: 1.65em 0 0;
font-size: 1.625em;
line-height: 150%;
text-transform: uppercase;
}
@media screen and (max-width: 1023px) {
#contacto .infos p {
font-size: 1.5em;
}
}
@media screen and (max-width: 767px) {
#contacto .infos p {
margin: 1em 0 0;
}
}
#contacto .infos p a {
font-weight: 700;
text-decoration: none;
color: white;
}
#contacto a {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.lien-actus {
text-decoration: none;
color: inherit;
}
.lien-actus .titre-actus {
color: transparent;
-webkit-text-stroke-width: 0.022em;
-webkit-text-stroke-color: #E30614;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.lien-actus .soustitre {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0.125em;
color: black;
}
.lien-actus .soustitre:after {
content: "\f061";
display: inline-block;
position: relative;
left: 0;
margin: 0 0 0 0.3em;
font-family: "la-solid-900";
font-size: 1.111em;
font-weight: 400;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.lien-actus:hover .titre-actus {
color: #E30614;
}
.lien-actus:hover .soustitre:after {
left: 0.3em;
color: #E30614;
}
.home .actualites {
background-color: #f5f5f5;
}
.home .actualites .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
padding: 5em 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.actus a {
text-decoration: none;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.actus a .actualite {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2rem 0;
}
.actus a .actualite p {
color: black;
}
.actus a .actualite img {
width: 100%;
height: auto;
max-width: none;
display: block;
border-radius: 0.312em;
}
.actus a .actualite .titre-actu {
font-size: 2em;
font-weight: 600;
margin: 0.5rem 0 1rem 0;
}
.actus a .actualite .infos {
padding: 0 5rem;
}
@media screen and (max-width: 767px) {
.actus a .actualite .infos {
padding: 1rem 0 0 0;
}
}
.actus a:not(:last-child) .actualite {
border-bottom: 1px solid black;
} .page-template-page-articles #main #page {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.page-template-page-articles #main #page .container {
min-height: 100vh;
min-height: 100svh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
padding-top: 14em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-template-page-articles #main #page .container .caption {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 3.25em;
padding-bottom: 8.687em;
}
.page-template-page-articles #main #page .container .caption .breadcrumbs {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: black;
margin-bottom: 1rem;
}
.page-template-page-articles #main #page .container .caption .breadcrumbs li {
text-transform: uppercase;
}
.page-template-page-articles #main #page .container .caption .breadcrumbs li a {
text-decoration: none;
color: black;
text-transform: uppercase;
}
.page-template-page-articles #main #page .container .caption .breadcrumbs .separator {
padding: 0 0.2rem;
}
.page-template-page-articles #main #page .container .caption h1 {
color: #E30614;
}
.page-template-page-articles #main #page .container .caption .controles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: right;
}
.page-template-page-articles #main #page .container .caption .controles .contador {
padding: 0 0.2rem;
}
.page-template-page-articles #main #page .container .caption .controles a {
text-decoration: none;
color: black;
}
@media screen and (max-width: 767px) {
.page-template-page-articles #main #page .container .caption {
padding-top: 0;
padding-bottom: 3.687em;
}
} .single #page-article {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 13.062em;
}
@media screen and (max-width: 767px) {
.single #page-article {
margin-top: 10em;
}
}
.single #page-article .titre {
font-size: 3em;
margin-bottom: 2rem;
color: #E30614;
}
.single #page-article h2, .single #page-article .like-h2 {
display: block;
margin: 1em 0 0.5em 0;
font-size: 2.25em;
font-weight: 600;
line-height: 100%;
}
@media screen and (max-width: 1300px) {
.single #page-article h2, .single #page-article .like-h2 {
font-size: 2.125em;
}
}
@media screen and (max-width: 1023px) {
.single #page-article h2, .single #page-article .like-h2 {
font-size: 2em;
}
}
@media screen and (max-width: 767px) {
.single #page-article h2, .single #page-article .like-h2 {
font-size: 1.75em;
}
}
.single #page-article p, .single #page-article li {
margin-bottom: 1rem;
margin-top: 1.363em;
font-size: 1.375em;
line-height: 136.36%;
}
.single #page-article h3 {
font-size: 1.6em;
font-weight: 600;
margin-left: 2em;
position: relative;
}
.single #page-article h3:before {
content: "\f058";
display: inline-block;
position: absolute;
top: 0.05em;
left: -1.5em;
font-family: "la-solid-900";
font-size: 1.352em;
color: #E30614;
}
.single #page-article .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.single #page-article .container .aside {
width: calc(35% + 50vw - 51.75em);
min-height: calc(100vh - 13.062em);
min-height: calc(100svh - 13.062em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: calc(51.75em - 50vw);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1.0625em 2.125em 2.125em;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
position: sticky;
top: 0;
}
.single #page-article .container .aside .image_principale {
margin-bottom: 3rem;
}
.single #page-article .container .aside .image_principale img {
width: 100%;
height: auto;
max-width: none;
display: block;
border-radius: 0.312em;
}
@media screen and (max-width: 767px) {
.single #page-article .container .aside {
width: 100%;
height: auto;
margin-left: 0;
padding: 0 10px;
position: relative;
min-height: unset;
}
.single #page-article .container .aside .image_principale {
margin-bottom: 2rem;
}
}
.single #page-article .container .caption {
margin-bottom: 3rem;
}
.single #page-article .container .caption #breadcrumbs {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: black;
margin-bottom: 1rem;
}
.single #page-article .container .caption #breadcrumbs li {
text-transform: uppercase;
}
.single #page-article .container .caption #breadcrumbs li a {
text-decoration: none;
color: black;
text-transform: uppercase;
}
.single #page-article .container .caption .article {
margin-bottom: 3rem;
}
.single #page-article .container .caption .article ul li {
list-style: disc;
margin-left: 1rem;
margin-bottom: 0.3rem;
line-height: 110%;
}
.single #page-article .container .caption .article .date {
color: #E30614;
float: right;
}
.single #page-article .container .caption .dernieres-actus {
border-top: 1px solid black;
}
.single #page-article .container .caption .dernieres-actus .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single #page-article .container .caption .dernieres-actus .content .derniere-actu {
width: 30%;
}
.single #page-article .container .caption .dernieres-actus .content .derniere-actu img {
border-radius: 0.312em;
}
.single #page-article .container .caption .dernieres-actus .content .derniere-actu .titre-actu {
margin-top: 0.5rem;
}
.single #page-article .container .caption .dernieres-actus .content .derniere-actu .titre-actu a {
text-decoration: none;
color: black;
font-weight: 600;
}
.single #page-article .container .caption .dernieres-actus .cta {
float: right;
} #footer {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4.25em 0 3.75em;
background-color: black;
font-weight: 400;
color: white;
}
@media screen and (max-width: 1300px) {
#footer {
padding: 4em 0 3.5em;
}
}
@media screen and (max-width: 767px) {
#footer {
padding: 4em 0 2.5em;
}
}
#footer a {
text-decoration: none;
color: white;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#footer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
#footer .container.legal {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 3.625em;
}
@media screen and (max-width: 1300px) {
#footer .container.legal {
margin-top: 3.5em;
}
}
@media screen and (max-width: 1023px) {
#footer .container.legal {
margin-top: 3.25em;
}
}
@media screen and (max-width: 767px) {
#footer .container.legal {
margin-top: 3em;
}
}
#footer .container.legal:before {
content: "";
width: auto;
height: 0;
display: block;
position: absolute;
top: 0;
right: 0.5em;
left: 0.5em;
border-top: thin solid white;
}
@media screen and (max-width: 1300px) {
#footer .container.legal:before {
right: 15px;
left: 15px;
}
}
#footer .container.legal .columns {
margin-top: 1.5em;
}
#footer .container.legal .columns:last-child {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#footer .container.legal nav {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.062em;
}
#footer .container.legal nav ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#footer .container.legal nav ul li {
margin: 0 0.9411em 0 0;
}
#footer .container .columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer .carte-wrapper {
width: 40%;
max-width: 15.125em;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#footer .carte-wrapper:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#footer .carte-wrapper .inner {
width: 100%;
height: 0;
display: block;
position: relative;
padding-bottom: 100%;
border-radius: 0.312em;
overflow: hidden;
}
#footer .carte-wrapper .inner iframe {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#footer .txt {
width: 60%;
width: calc(100% - 15.125em);
min-width: 60%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2.125em;
}
@media screen and (max-width: 1300px) {
#footer .txt {
padding-left: 2em;
}
}
@media screen and (max-width: 1023px) {
#footer .txt {
padding-left: 1.75em;
}
}
@media screen and (max-width: 767px) {
#footer .txt {
padding-left: 1.5em;
}
}
#footer .txt p:not(.contact-commercial) {
display: block;
margin: 0 0 1.235em;
font-size: 1.062em;
line-height: 135.29%;
}
#footer .txt .contact-commercial .label {
color: white;
}
#footer .txt .contact-commercial .mail {
color: white;
}
#footer .txt .contact-commercial .mail:hover {
color: #E30614;
}
#footer .txt .contact-commercial .tel {
color: white;
}
#footer .txt .contact-commercial .tel:hover {
color: #E30614;
}
#footer .txt .contact-commercial .tel:hover svg {
fill: #E30614;
}
#footer .txt .contact-commercial .tel svg {
fill: white;
}
#footer .txt .cta-wrapper {
margin-top: 1.5em;
}
#footer .cta {
border-color: white;
color: white;
}
#footer .cta:hover {
border-color: #E30614;
}
#footer .nav-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 767px) {
#footer .nav-wrapper {
margin-top: 2.5em;
}
}
#footer #menu-produits {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer #menu-produits > ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#footer #menu-produits > ul > li {
width: 32%;
width: calc(33.33% - 0.5em);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 1.125em 0 0;
}
@media screen and (max-width: 1300px) {
#footer #menu-produits > ul > li {
width: calc(33.33% - 12px);
}
}
@media screen and (max-width: 1023px) {
#footer #menu-produits > ul > li {
width: calc(50% - 12px);
}
}
@media screen and (max-width: 767px) {
#footer #menu-produits > ul > li {
width: calc(33.33% - 10px);
}
}
@media screen and (max-width: 480px) {
#footer #menu-produits > ul > li {
width: calc(50% - 10px);
}
}
#footer #menu-produits > ul > li > a {
display: inline-block;
font-size: 1.062em;
font-weight: 700;
}
#footer #menu-produits > ul > li .sub-menu {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0.25em;
}
#footer #menu-produits > ul > li .sub-menu li {
display: inline-block;
margin-top: 0.47em;
}
#footer #menu-produits > ul > li .sub-menu a {
display: inline-block;
font-size: 1.062em;
}
.btn-wrapper, .cta-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bouton, .btn, .cta, input[type=submit] {
width: auto;
min-width: 7em;
height: 2.4em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: left;
padding: 0.333em 1.533em;
border: 0.133em solid #E30614;
border-radius: 2em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
font-family: "agenda", sans-serif; font-size: 1.125em;
font-weight: 700;
line-height: 133%;
text-align: center;
text-decoration: none;
color: #E30614;
cursor: pointer;
outline: none;
-webkit-appearance: none;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.bouton:hover, .btn:hover, .cta:hover, input[type=submit]:hover {
background-color: #E30614;
color: white;
}
table {
width: 100%;
margin: 0 0 1.25em;
border-top: thin solid black;
border-bottom: thin solid black;
border-collapse: collapse;
border-spacing: 0;
font-size: 1.125em;
}
table tr {
border-right: thin solid black;
border-left: thin solid black;
}
table tr:not(:last-child) {
border-bottom: thin solid black;
}
table tr:first-child {
font-weight: 600;
}
table td {
padding: 0.3em 0.4em;
}
.wpcf7 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpcf7 form.wpcf7-form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
}
.wpcf7 form.wpcf7-form:not(.submitting) .wpcf7-spinner {
display: none;
}
.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output {
border-color: #E30614;
background-color: white;
color: #E30614;
}
.wpcf7 form.wpcf7-form.sent .wpcf7-response-output {
border-color: green;
background-color: green;
color: white;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {
width: 100%;
margin: 2em 0 0;
padding: 1em;
border: thin solid #E30614;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #E30614;
text-align: center;
color: white;
}
@media screen and (max-width: 1300px) {
.wpcf7 form.wpcf7-form .wpcf7-response-output {
padding: 15px;
}
}
.wpcf7 form.wpcf7-form .ajax-loader:not(.is-active) {
display: none;
}
.wpcf7 form.wpcf7-form .wpcf7-spinner {
width: 1.5em;
height: 1.5em;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance {
width: 100%;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
border-bottom: none;
font-family: "agenda", sans-serif;
font-weight: 400;
text-transform: none;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label input[type=checkbox] {
width: 1em;
max-width: 1em;
min-width: 1em;
height: 1em;
max-height: 1em;
min-height: 1em;
display: block;
margin: 0 0.687em 0 0;
border: thin solid black;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
font-size: 0.941em;
-webkit-appearance: none;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label input[type=checkbox]:checked {
-webkit-appearance: auto;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label input[type=checkbox]:checked {
-webkit-appearance: auto;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label {
display: inline-block;
margin-top: 1px;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label a {
text-decoration: underline;
color: white;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label a:hover {
color: #E30614;
}
.wpcf7 form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
display: inline-block;
margin: 0 1.411em 0 0;
}
.wpcf7 form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item:last-child {
margin: 0;
}
.wpcf7 form.wpcf7-form .wpcf7-checkbox label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 1.058em 0 0;
padding: 0;
border-bottom: none;
font-family: "agenda", sans-serif;
font-weight: 400;
text-transform: none;
}
.wpcf7 form.wpcf7-form .wpcf7-checkbox label .wpcf7-list-item-label {
display: inline-block;
position: relative;
top: -0.065em;
}
.wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=email], .wpcf7 form.wpcf7-form input[type=tel], .wpcf7 form.wpcf7-form input[type=number], .wpcf7 form.wpcf7-form select, .wpcf7 form.wpcf7-form textarea {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0.5em 0;
border: none;
border-bottom: thin solid black;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
font-family: "agenda", sans-serif;
font-size: 1.062em;
font-weight: 400;
color: black;
outline: none;
-webkit-appearance: none;
}
.wpcf7 form.wpcf7-form input[type=text]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form input[type=email]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form input[type=tel]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form input[type=number]::-webkit-input-placeholder, .wpcf7 form.wpcf7-form select::-webkit-input-placeholder, .wpcf7 form.wpcf7-form textarea::-webkit-input-placeholder { color: black;
opacity: 1;
}
.wpcf7 form.wpcf7-form input[type=text]::-moz-placeholder, .wpcf7 form.wpcf7-form input[type=email]::-moz-placeholder, .wpcf7 form.wpcf7-form input[type=tel]::-moz-placeholder, .wpcf7 form.wpcf7-form input[type=number]::-moz-placeholder, .wpcf7 form.wpcf7-form select::-moz-placeholder, .wpcf7 form.wpcf7-form textarea::-moz-placeholder { color: black;
opacity: 1;
}
.wpcf7 form.wpcf7-form input[type=text]:-ms-input-placeholder, .wpcf7 form.wpcf7-form input[type=email]:-ms-input-placeholder, .wpcf7 form.wpcf7-form input[type=tel]:-ms-input-placeholder, .wpcf7 form.wpcf7-form input[type=number]:-ms-input-placeholder, .wpcf7 form.wpcf7-form select:-ms-input-placeholder, .wpcf7 form.wpcf7-form textarea:-ms-input-placeholder { color: black;
opacity: 1;
}
.wpcf7 form.wpcf7-form input[type=text]:-moz-placeholder, .wpcf7 form.wpcf7-form input[type=email]:-moz-placeholder, .wpcf7 form.wpcf7-form input[type=tel]:-moz-placeholder, .wpcf7 form.wpcf7-form input[type=number]:-moz-placeholder, .wpcf7 form.wpcf7-form select:-moz-placeholder, .wpcf7 form.wpcf7-form textarea:-moz-placeholder { color: black;
opacity: 1;
}
.wpcf7 form.wpcf7-form textarea {
height: 9.25em;
min-height: 6em;
}
.wpcf7 form.wpcf7-form select {
padding-right: 2em;
cursor: pointer;
}
.wpcf7 form.wpcf7-form select option {
background-color: white;
color: black;
}
.wpcf7 form.wpcf7-form input[type=checkbox] {
width: 1em;
max-width: 1em;
min-width: 1em;
height: 1em;
max-height: 1em;
min-height: 1em;
display: block;
margin: 0 0.687em 0 0;
border: thin solid black;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
font-size: 0.941em;
-webkit-appearance: none;
}
.wpcf7 form.wpcf7-form input[type=checkbox]:checked {
-webkit-appearance: auto;
}
.wpcf7 .form-item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 2em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7 .form-item .wpcf7-form-control-wrap {
width: 100%;
}
.wpcf7 .form-item.moitie {
width: 48%;
width: calc(50% - 0.5em);
}
@media screen and (max-width: 1300px) {
.wpcf7 .form-item.moitie {
width: calc(50% - 6px);
}
}
@media screen and (max-width: 767px) {
.wpcf7 .form-item.moitie {
width: calc(50% - 5px);
}
}
.wpcf7 .form-item.submit {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0;
}
.wpcf7 .form-item.select {
position: relative;
}
.wpcf7 .form-item.select:before {
content: "\f107";
font-family: "la-solid-900";
font-size: 1.25em;
position: absolute;
top: 0.5em;
right: 0;
color: black;
pointer-events: none;
}
.wpcf7 .form-item.select label {
border-bottom: none;
}
.wpcf7 .form-item.textarea label {
border-bottom: none;
}
.wpcf7 .form-item.confidentialite {
margin: 0 0 1em;
}
.wpcf7 .form-item.type-ouvrant-form-item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.wpcf7 .form-item.sans-bottom {
margin-bottom: 0;
}
.wpcf7 .form-item.sans-bottom label {
border-bottom: none;
}
.wpcf7 .form-item .type-ouvrant {
width: 45%;
width: calc(50% - 0.5em);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1300px) {
.wpcf7 .form-item .type-ouvrant {
width: calc(50% - 7.5px);
}
}
.wpcf7 .form-item .type-ouvrant label {
white-space: nowrap;
}
.wpcf7 .form-item .type-ouvrant input[type=number] {
margin: 0.75em 0 -0.15em 0;
padding: 0.125em 0;
border-bottom: none;
}
.wpcf7 .form-item .type-ouvrant div[data-class=wpcf7cf_group] {
width: 100%;
position: relative;
padding-left: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7 .form-item .type-ouvrant div[data-class=wpcf7cf_group]:before {
content: "\f00d";
display: inline-block;
position: absolute;
top: 1.15em;
left: 0.2em;
font-family: "la-solid-900";
font-size: 1em;
}
.wpcf7 .form-item label {
width: 100%;
display: block;
margin: 0;
padding: 0 0 0.588em;
border-bottom: thin solid black;
font-family: "agenda-condensed", sans-serif;
font-size: 1.062em;
font-weight: 500;
text-transform: uppercase;
}
.wpcf7 .form-item input[type=text]:first-child, .wpcf7 .form-item input[type=email]:first-child, .wpcf7 .form-item input[type=tel]:first-child {
padding-top: 0;
}
.wpcf7 .form-section {
width: 100%;
min-height: 30em;
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media screen and (max-width: 767px) {
.wpcf7 .form-section {
min-height: 29em;
}
}
.wpcf7 .form-section.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wpcf7 .wpcf7-not-valid-tip {
width: 100%;
float: left;
margin: 5px 0 0;
font-size: 11px;
color: #E30614;
} body .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
border-color: #E30614;
}
.grecaptcha-badge {
display: none;
}
.otgs-development-site-front-end {
display: none;
}