@import url(https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

@charset "UTF-8";
@font-face {
  font-family: "feather";
  src: url(/wp-content/themes/michelpetit/dist/fonts/feather.eot?16513cee7c9704f9054724898342ca1b);
  src: url(/wp-content/themes/michelpetit/dist/fonts/feather.eot?16513cee7c9704f9054724898342ca1b#iefix) format("embedded-opentype"), url(/wp-content/themes/michelpetit/dist/fonts/feather.ttf?564dabbadba90b9ceb684546e85a1c6c) format("truetype"), url(/wp-content/themes/michelpetit/dist/fonts/feather.woff?be3ef9c2bea787537aee702778b32ff7) format("woff"), url(/wp-content/themes/michelpetit/dist/fonts/feather.svg?efdd57f2b5d3cf9beea2085c05091216#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "feather" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-activity:before {
  content: "\e900";
}

.icon-airplay:before {
  content: "\e901";
}

.icon-alert-circle:before {
  content: "\e902";
}

.icon-alert-octagon:before {
  content: "\e903";
}

.icon-alert-triangle:before {
  content: "\e904";
}

.icon-align-center:before {
  content: "\e905";
}

.icon-align-justify:before {
  content: "\e906";
}

.icon-align-left:before {
  content: "\e907";
}

.icon-align-right:before {
  content: "\e908";
}

.icon-anchor:before {
  content: "\e909";
}

.icon-aperture:before {
  content: "\e90a";
}

.icon-archive:before {
  content: "\e90b";
}

.icon-arrow-down:before {
  content: "\e90c";
}

.icon-arrow-down-circle:before {
  content: "\e90d";
}

.icon-arrow-down-left:before {
  content: "\e90e";
}

.icon-arrow-down-right:before {
  content: "\e90f";
}

.icon-arrow-left:before {
  content: "\e910";
}

.icon-arrow-left-circle:before {
  content: "\e911";
}

.icon-arrow-right:before {
  content: "\e912";
}

.icon-arrow-right-circle:before {
  content: "\e913";
}

.icon-arrow-up:before {
  content: "\e914";
}

.icon-arrow-up-circle:before {
  content: "\e915";
}

.icon-arrow-up-left:before {
  content: "\e916";
}

.icon-arrow-up-right:before {
  content: "\e917";
}

.icon-at-sign:before {
  content: "\e918";
}

.icon-award:before {
  content: "\e919";
}

.icon-bar-chart:before {
  content: "\e91a";
}

.icon-bar-chart-2:before {
  content: "\e91b";
}

.icon-battery:before {
  content: "\e91c";
}

.icon-battery-charging:before {
  content: "\e91d";
}

.icon-bell:before {
  content: "\e91e";
}

.icon-bell-off:before {
  content: "\e91f";
}

.icon-bluetooth:before {
  content: "\e920";
}

.icon-bold:before {
  content: "\e921";
}

.icon-book:before {
  content: "\e922";
}

.icon-book-open:before {
  content: "\e923";
}

.icon-bookmark:before {
  content: "\e924";
}

.icon-box:before {
  content: "\e925";
}

.icon-briefcase:before {
  content: "\e926";
}

.icon-calendar:before {
  content: "\e927";
}

.icon-camera:before {
  content: "\e928";
}

.icon-camera-off:before {
  content: "\e929";
}

.icon-cast:before {
  content: "\e92a";
}

.icon-check:before {
  content: "\e92b";
}

.icon-check-circle:before {
  content: "\e92c";
}

.icon-check-square:before {
  content: "\e92d";
}

.icon-chevron-down:before {
  content: "\e92e";
}

.icon-chevron-left:before {
  content: "\e92f";
}

.icon-chevron-right:before {
  content: "\e930";
}

.icon-chevron-up:before {
  content: "\e931";
}

.icon-chevrons-down:before {
  content: "\e932";
}

.icon-chevrons-left:before {
  content: "\e933";
}

.icon-chevrons-right:before {
  content: "\e934";
}

.icon-chevrons-up:before {
  content: "\e935";
}

.icon-chrome:before {
  content: "\e936";
}

.icon-circle:before {
  content: "\e937";
}

.icon-clipboard:before {
  content: "\e938";
}

.icon-clock:before {
  content: "\e939";
}

.icon-cloud:before {
  content: "\e93a";
}

.icon-cloud-drizzle:before {
  content: "\e93b";
}

.icon-cloud-lightning:before {
  content: "\e93c";
}

.icon-cloud-off:before {
  content: "\e93d";
}

.icon-cloud-rain:before {
  content: "\e93e";
}

.icon-cloud-snow:before {
  content: "\e93f";
}

.icon-code:before {
  content: "\e940";
}

.icon-codepen:before {
  content: "\e941";
}

.icon-codesandbox:before {
  content: "\e942";
}

.icon-coffee:before {
  content: "\e943";
}

.icon-columns:before {
  content: "\e944";
}

.icon-command:before {
  content: "\e945";
}

.icon-compass:before {
  content: "\e946";
}

.icon-copy:before {
  content: "\e947";
}

.icon-corner-down-left:before {
  content: "\e948";
}

.icon-corner-down-right:before {
  content: "\e949";
}

.icon-corner-left-down:before {
  content: "\e94a";
}

.icon-corner-left-up:before {
  content: "\e94b";
}

.icon-corner-right-down:before {
  content: "\e94c";
}

.icon-corner-right-up:before {
  content: "\e94d";
}

.icon-corner-up-left:before {
  content: "\e94e";
}

.icon-corner-up-right:before {
  content: "\e94f";
}

.icon-cpu:before {
  content: "\e950";
}

.icon-credit-card:before {
  content: "\e951";
}

.icon-crop:before {
  content: "\e952";
}

.icon-crosshair:before {
  content: "\e953";
}

.icon-database:before {
  content: "\e954";
}

.icon-delete:before {
  content: "\e955";
}

.icon-disc:before {
  content: "\e956";
}

.icon-dollar-sign:before {
  content: "\e957";
}

.icon-download:before {
  content: "\e958";
}

.icon-download-cloud:before {
  content: "\e959";
}

.icon-droplet:before {
  content: "\e95a";
}

.icon-edit:before {
  content: "\e95b";
}

.icon-edit-2:before {
  content: "\e95c";
}

.icon-edit-3:before {
  content: "\e95d";
}

.icon-external-link:before {
  content: "\e95e";
}

.icon-eye:before {
  content: "\e95f";
}

.icon-eye-off:before {
  content: "\e960";
}

.icon-facebook:before {
  content: "\e961";
}

.icon-fast-forward:before {
  content: "\e962";
}

.icon-feather:before {
  content: "\e963";
}

.icon-figma:before {
  content: "\e964";
}

.icon-file:before {
  content: "\e965";
}

.icon-file-minus:before {
  content: "\e966";
}

.icon-file-plus:before {
  content: "\e967";
}

.icon-file-text:before {
  content: "\e968";
}

.icon-film:before {
  content: "\e969";
}

.icon-filter:before {
  content: "\e96a";
}

.icon-flag:before {
  content: "\e96b";
}

.icon-folder:before {
  content: "\e96c";
}

.icon-folder-minus:before {
  content: "\e96d";
}

.icon-folder-plus:before {
  content: "\e96e";
}

.icon-framer:before {
  content: "\e96f";
}

.icon-frown:before {
  content: "\e970";
}

.icon-gift:before {
  content: "\e971";
}

.icon-git-branch:before {
  content: "\e972";
}

.icon-git-commit:before {
  content: "\e973";
}

.icon-git-merge:before {
  content: "\e974";
}

.icon-git-pull-request:before {
  content: "\e975";
}

.icon-github:before {
  content: "\e976";
}

.icon-gitlab:before {
  content: "\e977";
}

.icon-globe:before {
  content: "\e978";
}

.icon-grid:before {
  content: "\e979";
}

.icon-hard-drive:before {
  content: "\e97a";
}

.icon-hash:before {
  content: "\e97b";
}

.icon-headphones:before {
  content: "\e97c";
}

.icon-heart:before {
  content: "\e97d";
}

.icon-help-circle:before {
  content: "\e97e";
}

.icon-hexagon:before {
  content: "\e97f";
}

.icon-home:before {
  content: "\e980";
}

.icon-image:before {
  content: "\e981";
}

.icon-inbox:before {
  content: "\e982";
}

.icon-info:before {
  content: "\e983";
}

.icon-instagram:before {
  content: "\e984";
}

.icon-italic:before {
  content: "\e985";
}

.icon-key:before {
  content: "\e986";
}

.icon-layers:before {
  content: "\e987";
}

.icon-layout:before {
  content: "\e988";
}

.icon-life-buoy:before {
  content: "\e989";
}

.icon-link:before {
  content: "\e98a";
}

.icon-link-2:before {
  content: "\e98b";
}

.icon-linkedin:before {
  content: "\e98c";
}

.icon-list:before {
  content: "\e98d";
}

.icon-loader:before {
  content: "\e98e";
}

.icon-lock:before {
  content: "\e98f";
}

.icon-log-in:before {
  content: "\e990";
}

.icon-log-out:before {
  content: "\e991";
}

.icon-mail:before {
  content: "\e992";
}

.icon-map:before {
  content: "\e993";
}

.icon-map-pin:before {
  content: "\e994";
}

.icon-maximize:before {
  content: "\e995";
}

.icon-maximize-2:before {
  content: "\e996";
}

.icon-meh:before {
  content: "\e997";
}

.icon-menu:before {
  content: "\e998";
}

.icon-message-circle:before {
  content: "\e999";
}

.icon-message-square:before {
  content: "\e99a";
}

.icon-mic:before {
  content: "\e99b";
}

.icon-mic-off:before {
  content: "\e99c";
}

.icon-minimize:before {
  content: "\e99d";
}

.icon-minimize-2:before {
  content: "\e99e";
}

.icon-minus:before {
  content: "\e99f";
}

.icon-minus-circle:before {
  content: "\e9a0";
}

.icon-minus-square:before {
  content: "\e9a1";
}

.icon-monitor:before {
  content: "\e9a2";
}

.icon-moon:before {
  content: "\e9a3";
}

.icon-more-horizontal:before {
  content: "\e9a4";
}

.icon-more-vertical:before {
  content: "\e9a5";
}

.icon-mouse-pointer:before {
  content: "\e9a6";
}

.icon-move:before {
  content: "\e9a7";
}

.icon-music:before {
  content: "\e9a8";
}

.icon-navigation:before {
  content: "\e9a9";
}

.icon-navigation-2:before {
  content: "\e9aa";
}

.icon-octagon:before {
  content: "\e9ab";
}

.icon-package:before {
  content: "\e9ac";
}

.icon-paperclip:before {
  content: "\e9ad";
}

.icon-pause:before {
  content: "\e9ae";
}

.icon-pause-circle:before {
  content: "\e9af";
}

.icon-pen-tool:before {
  content: "\e9b0";
}

.icon-percent:before {
  content: "\e9b1";
}

.icon-phone:before {
  content: "\e9b2";
}

.icon-phone-call:before {
  content: "\e9b3";
}

.icon-phone-forwarded:before {
  content: "\e9b4";
}

.icon-phone-incoming:before {
  content: "\e9b5";
}

.icon-phone-missed:before {
  content: "\e9b6";
}

.icon-phone-off:before {
  content: "\e9b7";
}

.icon-phone-outgoing:before {
  content: "\e9b8";
}

.icon-pie-chart:before {
  content: "\e9b9";
}

.icon-play:before {
  content: "\e9ba";
}

.icon-play-circle:before {
  content: "\e9bb";
}

.icon-plus:before {
  content: "\e9bc";
}

.icon-plus-circle:before {
  content: "\e9bd";
}

.icon-plus-square:before {
  content: "\e9be";
}

.icon-pocket:before {
  content: "\e9bf";
}

.icon-power:before {
  content: "\e9c0";
}

.icon-printer:before {
  content: "\e9c1";
}

.icon-radio:before {
  content: "\e9c2";
}

.icon-refresh-ccw:before {
  content: "\e9c3";
}

.icon-refresh-cw:before {
  content: "\e9c4";
}

.icon-repeat:before {
  content: "\e9c5";
}

.icon-rewind:before {
  content: "\e9c6";
}

.icon-rotate-ccw:before {
  content: "\e9c7";
}

.icon-rotate-cw:before {
  content: "\e9c8";
}

.icon-rss:before {
  content: "\e9c9";
}

.icon-save:before {
  content: "\e9ca";
}

.icon-scissors:before {
  content: "\e9cb";
}

.icon-search:before {
  content: "\e9cc";
}

.icon-send:before {
  content: "\e9cd";
}

.icon-server:before {
  content: "\e9ce";
}

.icon-settings:before {
  content: "\e9cf";
}

.icon-share:before {
  content: "\e9d0";
}

.icon-share-2:before {
  content: "\e9d1";
}

.icon-shield:before {
  content: "\e9d2";
}

.icon-shield-off:before {
  content: "\e9d3";
}

.icon-shopping-bag:before {
  content: "\e9d4";
}

.icon-shopping-cart:before {
  content: "\e9d5";
}

.icon-shuffle:before {
  content: "\e9d6";
}

.icon-sidebar:before {
  content: "\e9d7";
}

.icon-skip-back:before {
  content: "\e9d8";
}

.icon-skip-forward:before {
  content: "\e9d9";
}

.icon-slack:before {
  content: "\e9da";
}

.icon-slash:before {
  content: "\e9db";
}

.icon-sliders:before {
  content: "\e9dc";
}

.icon-smartphone:before {
  content: "\e9dd";
}

.icon-smile:before {
  content: "\e9de";
}

.icon-speaker:before {
  content: "\e9df";
}

.icon-square:before {
  content: "\e9e0";
}

.icon-star:before {
  content: "\e9e1";
}

.icon-stop-circle:before {
  content: "\e9e2";
}

.icon-sun:before {
  content: "\e9e3";
}

.icon-sunrise:before {
  content: "\e9e4";
}

.icon-sunset:before {
  content: "\e9e5";
}

.icon-tablet:before {
  content: "\e9e6";
}

.icon-tag:before {
  content: "\e9e7";
}

.icon-target:before {
  content: "\e9e8";
}

.icon-terminal:before {
  content: "\e9e9";
}

.icon-thermometer:before {
  content: "\e9ea";
}

.icon-thumbs-down:before {
  content: "\e9eb";
}

.icon-thumbs-up:before {
  content: "\e9ec";
}

.icon-toggle-left:before {
  content: "\e9ed";
}

.icon-toggle-right:before {
  content: "\e9ee";
}

.icon-tool:before {
  content: "\e9ef";
}

.icon-trash:before {
  content: "\e9f0";
}

.icon-trash-2:before {
  content: "\e9f1";
}

.icon-trello:before {
  content: "\e9f2";
}

.icon-trending-down:before {
  content: "\e9f3";
}

.icon-trending-up:before {
  content: "\e9f4";
}

.icon-triangle:before {
  content: "\e9f5";
}

.icon-truck:before {
  content: "\e9f6";
}

.icon-tv:before {
  content: "\e9f7";
}

.icon-twitch:before {
  content: "\e9f8";
}

.icon-twitter:before {
  content: "\e9f9";
}

.icon-type:before {
  content: "\e9fa";
}

.icon-umbrella:before {
  content: "\e9fb";
}

.icon-underline:before {
  content: "\e9fc";
}

.icon-unlock:before {
  content: "\e9fd";
}

.icon-upload:before {
  content: "\e9fe";
}

.icon-upload-cloud:before {
  content: "\e9ff";
}

.icon-user:before {
  content: "\ea00";
}

.icon-user-check:before {
  content: "\ea01";
}

.icon-user-minus:before {
  content: "\ea02";
}

.icon-user-plus:before {
  content: "\ea03";
}

.icon-user-x:before {
  content: "\ea04";
}

.icon-users:before {
  content: "\ea05";
}

.icon-video:before {
  content: "\ea06";
}

.icon-video-off:before {
  content: "\ea07";
}

.icon-voicemail:before {
  content: "\ea08";
}

.icon-volume:before {
  content: "\ea09";
}

.icon-volume-1:before {
  content: "\ea0a";
}

.icon-volume-2:before {
  content: "\ea0b";
}

.icon-volume-x:before {
  content: "\ea0c";
}

.icon-watch:before {
  content: "\ea0d";
}

.icon-wifi:before {
  content: "\ea0e";
}

.icon-wifi-off:before {
  content: "\ea0f";
}

.icon-wind:before {
  content: "\ea10";
}

.icon-x:before {
  content: "\ea11";
}

.icon-x-circle:before {
  content: "\ea12";
}

.icon-x-octagon:before {
  content: "\ea13";
}

.icon-x-square:before {
  content: "\ea14";
}

.icon-youtube:before {
  content: "\ea15";
}

.icon-zap:before {
  content: "\ea16";
}

.icon-zap-off:before {
  content: "\ea17";
}

.icon-zoom-in:before {
  content: "\ea18";
}

.icon-zoom-out:before {
  content: "\ea19";
}

.header__top {
  text-align: center;
  padding: 1.5rem 0;
  position: relative;
  z-index: 2;
}
.header__top ul {
  display: flex;
  justify-content: center;
  margin: 0;
}
.header__top ul li {
  list-style-type: none;
  margin: 0 15px;
  color: #fff;
}
.header__top ul li strong {
  color: #fff;
}
.header__top ul li a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  margin: 0 5px;
}

.home-page header.main {
  position: relative;
  height: 1013px;
}

#home__slider {
  position: absolute;
  z-index: 1;
  top: 0;
  background: #483C46;
}
#home__slider .slide__image {
  position: relative;
}
#home__slider .slide__image #titre__banniere {
  position: absolute;
  top: 300px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 185px;
}
#home__slider .slide__image h2 {
  width: 40%;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.625rem, -1.6607rem + 8.2143vw, 4.5rem);
  margin: 0;
}
#home__slider .swiper-pagination {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

@keyframes downSlider {
  from {
    bottom: 0;
  }
  to {
    bottom: -4px;
  }
}
.down-slider {
  color: #fff;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  cursor: pointer;
  width: 30px;
  height: 52px;
}
.down-slider--desktop {
  position: absolute;
  bottom: 100px;
  left: -100px;
}
.down-slider--mobile {
  display: block;
  position: relative;
  margin: 18px auto 0 auto;
  width: 30px;
  height: 52px;
}
.down-slider:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  background: center url(/wp-content/themes/michelpetit/dist/images/icon_scroll_mouse.svg?106ff8a76223b06f0fee505a77827ca3) no-repeat;
  width: 25px;
  height: 36px;
}
.down-slider:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: center url(/wp-content/themes/michelpetit/dist/images/icon_scroll_arrow.svg?ec41d657d90ebf4957f41cdc29333ae7) no-repeat;
  width: 20px;
  height: 15px;
  transition: all 1s ease-in-out;
  animation: downSlider 1s linear infinite;
}

.lien-slider .cta-slider div.arrow svg {
  position: relative;
  left: 0;
  transition: all 0.3s ease-out;
  width: 24px;
  height: 24px;
}
.lien-slider .cta-slider div.arrow svg path {
  transition: all 0.3s ease-out;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.lien-slider .cta-slider h2 {
  color: #483C46;
  font-size: clamp(1.5rem, 1.2143rem + 0.7143vw, 1.75rem);
  margin-bottom: 1.75rem;
  margin-top: 0;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.5s;
}
.lien-slider .cta-slider p {
  color: #483C46;
  margin-bottom: 1.75rem;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  text-decoration: none;
  transition: all 0.5s;
  min-height: 40px;
}
.lien-slider .cta-slider span {
  color: #483C46;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  transition: all 0.5s;
}
.lien-slider--desktop {
  position: absolute;
  z-index: 3;
  bottom: -50px;
  right: 0;
  width: 1362px;
  display: flex;
  flex-wrap: wrap;
}
.lien-slider--desktop .cta-slider {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  background: #fff;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-decoration: none;
}
.lien-slider--desktop .cta-slider:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #ccc;
  z-index: 2;
}
.lien-slider--desktop .cta-slider .bloc {
  padding: 5rem 3.5rem;
  position: relative;
  z-index: 1;
}
.lien-slider--desktop .cta-slider .bloc::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.3s ease-in;
}
.lien-slider--desktop .cta-slider:hover div.arrow svg path {
  transition: all 0.3s ease-in;
  d: path("M1.6,12.1h21 M22.6,12.1L12.1,22.6 M12.1,1.6l10.5,10.5");
}
.lien-slider--desktop .cta-slider:hover div.arrow svg {
  transition: all 0.3s ease-in;
  left: 5px;
}
.lien-slider--desktop .cta-slider:hover::after {
  opacity: 17%;
}
.lien-slider--desktop .cta-slider:after {
  content: "";
  position: absolute;
  right: -25px;
  bottom: 50px;
  z-index: -1;
}
.lien-slider--desktop .cta-slider:hover svg path {
  stroke: #fff;
}
.lien-slider--desktop .cta-slider:hover .bloc::before {
  left: 0;
  transition: all 0.3s ease-out;
}
.lien-slider--desktop .cta-slider:hover::after {
  z-index: 1;
}
.lien-slider--desktop .cta-slider.mazout .bloc::before {
  background: #ED1B2E;
}
.lien-slider--desktop .cta-slider.mazout:after {
  background-image: url(/wp-content/themes/michelpetit/dist/images/mazout-slider.svg?f70608f3edb9f5d5d3876c0d1903b1cb);
  width: 163px;
  height: 215px;
  transition: all 0.5s;
}
.lien-slider--desktop .cta-slider.pellet .bloc::before {
  background: #F07F00;
}
.lien-slider--desktop .cta-slider.pellet:after {
  background-image: url(/wp-content/themes/michelpetit/dist/images/pellet-slider.png?0c204787c2db71c89cbe9c263c3fde56);
  width: 253px;
  height: 211px;
  transition: all 0.5s;
}
.lien-slider--desktop .cta-slider.station .bloc::before {
  background: #CCD74C;
}
.lien-slider--desktop .cta-slider.station:before {
  content: none;
}
.lien-slider--desktop .cta-slider.station:after {
  background-image: url(/wp-content/themes/michelpetit/dist/images/station-slider.png?9cb8315daff77470f279e28099cef7c8);
  width: 197px;
  height: 216px;
  transition: all 0.5s;
}
.lien-slider--desktop .cta-slider:hover h2, .lien-slider--desktop .cta-slider:hover p, .lien-slider--desktop .cta-slider:hover span {
  color: #fff;
}
.lien-slider--mobile {
  position: relative;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}
.lien-slider--mobile .cta-slider {
  display: block;
  position: relative;
  text-decoration: none;
  text-align: center;
  z-index: 1;
}
.lien-slider--mobile .cta-slider h2 {
  position: relative;
  padding-bottom: 18px;
}
.lien-slider--mobile .cta-slider h2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 32px;
  height: 5px;
  border-radius: 5px;
}
.lien-slider--mobile .cta-slider::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0.7);
  opacity: 0.75;
}
.lien-slider--mobile .cta-slider.mazout h2::after {
  background: #ED1B2E;
}
.lien-slider--mobile .cta-slider.mazout::before {
  background-image: url(/wp-content/themes/michelpetit/dist/images/mazout-slider.svg?f70608f3edb9f5d5d3876c0d1903b1cb);
  width: 163px;
  height: 215px;
}
.lien-slider--mobile .cta-slider.pellet h2::after {
  background: #F07F00;
}
.lien-slider--mobile .cta-slider.pellet::before {
  background-image: url(/wp-content/themes/michelpetit/dist/images/pellet-slider.png?0c204787c2db71c89cbe9c263c3fde56);
  width: 253px;
  height: 211px;
}
.lien-slider--mobile .cta-slider.station h2::after {
  background: #CCD74C;
}
.lien-slider--mobile .cta-slider.station::before {
  background-image: url(/wp-content/themes/michelpetit/dist/images/station-slider.png?9cb8315daff77470f279e28099cef7c8);
  width: 163px;
  height: 215px;
}
.lien-slider--mobile .cta-slider p {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.lien-slider--mobile .swiper-pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.lien-slider--mobile .swiper-pagination span {
  display: block;
  width: 16px;
  height: 9px;
  border-radius: 20px;
  background: #483C46;
  transition: all 0.3s ease-in;
}
.lien-slider--mobile .swiper-pagination span.swiper-pagination-bullet-active {
  width: 32px;
  background: #8F7A8C;
}

.home-page main {
  padding-top: calc(6.25rem + 50px) !important;
}
.home-page main .container h2 {
  font-size: clamp(1.375rem, -0.1964rem + 3.9286vw, 2.75rem);
  color: #483C46;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
}
.home-page main .container p.nd-title {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  text-align: center;
  padding-bottom: 2rem;
  position: relative;
  margin: 0;
}
.home-page main .container p.nd-title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 187.5px;
  height: 1px;
  background: #CCCCCC;
  margin: auto;
  bottom: 0;
}
.home-page main .container .txt {
  width: 570px;
  margin: 3rem auto;
  max-width: 100%;
}
.home-page main .container .txt p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-align: center;
}
.home-page main .container .txt p a {
  color: #483C46;
  transition: all 0.3s ease-in;
}
.home-page main .container .txt p a:hover {
  color: #806a7c;
}
.home-page main .container .txt ul {
  margin-top: 1.25rem;
}
.home-page main .container .txt li {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.home-page main .container .txt li i {
  padding-right: 10px;
}

.cta-home {
  font-size: clamp(1rem, 0.7143rem + 0.7143vw, 1.25rem);
  position: relative;
  padding: 15px 30px;
  background: #fff;
  color: #483C46;
  display: inline-block;
  margin: 0 7.5px;
  text-decoration: none;
  z-index: 1;
  overflow: hidden;
  transition: color 0.3s 0.3s ease-in-out;
  text-align: center;
}
.cta-home::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  background: #483C46;
  width: 100%;
  height: 100%;
  transition: top 0.3s ease-out;
}
.cta-home:hover {
  color: #fff;
}
.cta-home:hover::before {
  top: 0;
  transition: top 0.3s ease-in;
}

footer .cta-home::before {
  background: #3a3038;
}

#home__livraison {
  padding-bottom: 6.25rem;
}
#home__livraison .bloc__commander {
  position: relative;
}
#home__livraison .bloc__commander:before, #home__livraison .bloc__commander:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 1px;
  width: 252.5px;
  background: #CCCCCC;
  margin: auto;
  z-index: -1;
}
#home__livraison .bloc__commander:before {
  left: 0;
}
#home__livraison .bloc__commander:after {
  right: 0;
}
#home__livraison .bloc__commander .bloc {
  position: relative;
  width: 1080px;
  max-width: 100%;
  background: #F3F3F3;
  margin: auto;
}
#home__livraison .bloc__commander ul {
  margin: 0;
  padding: 85px 15px;
  display: flex;
  justify-content: center;
}
#home__livraison .bloc__commander ul li {
  display: inline-block;
}
#home__livraison .bloc__commander ul li a {
  text-decoration: none;
}
#home__livraison .bloc__commander span:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1.25rem;
  bottom: -1.25rem;
}
#home__livraison .bloc__commander span.bande-rouge:before {
  left: 0;
  background: #ED1B2E;
}
#home__livraison .bloc__commander span.bande-orange:before {
  right: 0;
  background: #F07F00;
}
#home__livraison .bloc__commander span:after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 100px;
  bottom: -1.25rem;
}
#home__livraison .bloc__commander span.bande-rouge:after {
  left: -1.25rem;
  background: #ED1B2E;
}
#home__livraison .bloc__commander span.bande-orange:after {
  right: -1.25rem;
  background: #F07F00;
}

.avantages__mp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1356px;
  max-width: 100%;
  margin: auto;
  padding-top: 6.25rem;
}
.avantages__mp .avantage {
  width: 440px;
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.avantages__mp .avantage:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 50%;
  margin: auto;
  margin-left: -94.5px;
  width: 189px;
  height: 95px;
  background-image: url(/wp-content/themes/michelpetit/dist/images/demi-cercle.png?78978039c056aac03e9cb7a317b01acd);
  z-index: -9999;
}
.avantages__mp .avantage .small__bloc {
  border: 1px solid #CCCCCC;
  margin-top: 48px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #fff;
}
.avantages__mp .avantage h3 {
  font-weight: 400;
  margin: -18px 0 0;
  display: inline-block;
  width: 90%;
  background: #fff;
  text-align: center;
}
.avantages__mp .avantage p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  text-align: center;
  line-height: 1.3;
  padding: 27px 40px 45px;
}
.avantages__mp .avantage .ico {
  position: relative;
  display: block;
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  z-index: 3;
}
.avantages__mp .avantage.avt1 .ico {
  width: 126px;
  height: 148px;
}
.avantages__mp .avantage.avt2 .ico {
  width: 136px;
  height: 148px;
  background-position: -126px 0;
}
.avantages__mp .avantage.avt3 .ico {
  width: 155px;
  height: 153px;
  background-position: -262px 0;
}

#home__ets {
  background: no-repeat url(/wp-content/themes/michelpetit/dist/images/ets_section_bg.jpg?d138fa16980766a0c73b622a297d0afc) top center;
  margin-top: -200px;
  padding-top: 200px;
}
#home__ets .cta-home-ctn {
  display: flex;
  justify-content: center;
}
#home__ets .home__chiffres {
  padding-top: 6.5rem;
  position: relative;
  z-index: 2;
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#home__ets .home__chiffres .chiffre {
  width: 252px;
  height: 252px;
  background: #483C46;
}
#home__ets .home__chiffres .chiffre:nth-child(even) {
  margin-top: 120px;
}
#home__ets .home__chiffres .chiffre div {
  padding: 50px 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#home__ets .home__chiffres .chiffre .nbr {
  font-size: clamp(0.75rem, 0.6786rem + 0.1786vw, 0.8125rem);
  color: #F07F00;
  display: inline-block;
}
#home__ets .home__chiffres .chiffre .donnee {
  color: #fff;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  display: block;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 15px;
  margin-top: 5px;
}
#home__ets .home__chiffres .chiffre .donnee:after {
  content: "";
  position: absolute;
  width: 90px;
  left: 0;
  bottom: 0;
  height: 1px;
  background: #CCCCCC;
}
#home__ets .home__chiffres .chiffre p {
  margin: 0;
  color: #fff;
  line-height: 1.3;
  width: 150px;
  max-width: 100%;
}
#home__ets #home__slider__chiffres {
  position: relative;
  margin-top: -190px;
  z-index: 1;
  overflow: hidden;
}
#home__ets #home__slider__chiffres .swiper-wrapper {
  position: relative;
}
#home__ets #home__slider__chiffres .swiper-slide {
  display: flex;
  justify-content: center;
}
#home__ets #home__slider__chiffres .swiper-slide img, #home__ets #home__slider__chiffres .swiper-slide video {
  transform: scale(0.7);
  transition: all 1s ease-in;
}
#home__ets #home__slider__chiffres .swiper-slide.has-video {
  max-height: 635px;
  height: 100%;
  padding-top: 38.67%;
  overflow: hidden;
}
#home__ets #home__slider__chiffres .swiper-slide.has-video video {
  max-width: 1356px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#home__ets #home__slider__chiffres .swiper-slide.swiper-slide-active img, #home__ets #home__slider__chiffres .swiper-slide.swiper-slide-active video {
  transform: scale(1);
  transition: all 0.5s 0.3s ease-out;
}
#home__ets #home__slider__chiffres .slider__arrow__c {
  position: absolute;
  width: 96px;
  height: 96px;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  z-index: 3;
  transition: all 0.3s ease-out;
}
#home__ets #home__slider__chiffres .slider__arrow__c.slider__arrow--prev {
  left: 0;
}
#home__ets #home__slider__chiffres .slider__arrow__c.slider__arrow--next {
  right: 0;
}
#home__ets #home__slider__chiffres .slider__arrow__c i {
  transition: all 0.3s ease-out;
  color: #8F7A8C;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
#home__ets #home__slider__chiffres .slider__arrow__c:hover {
  background: #f3f3f3;
  transform: scale(0.8);
}
#home__ets #home__slider__chiffres .slider__arrow__c:hover i {
  color: #483C46;
  transition: all 0.3s ease-out;
}

#home__conseil {
  padding-top: 6.5rem;
}
#home__conseil #home__slider__conseils {
  padding-top: 6.25rem;
  position: relative;
  z-index: 3;
}
#home__conseil #home__slider__conseils .pagin {
  position: relative;
  top: 150px;
  z-index: 3;
}
#home__conseil #home__slider__conseils .pagin .line {
  position: absolute;
  content: "";
  height: 1px;
  width: 115px;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background: #CCCCCC;
}
#home__conseil #home__slider__conseils .slider__arrow__co {
  position: absolute;
  width: 96px;
  height: 96px;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
#home__conseil #home__slider__conseils .slider__arrow__co.slider__arrow--prev {
  left: 160px;
}
#home__conseil #home__slider__conseils .slider__arrow__co.slider__arrow--next {
  left: 276px;
}
#home__conseil #home__slider__conseils .slider__arrow__co i {
  transition: all 0.3s ease-in;
  color: #8F7A8C;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
#home__conseil #home__slider__conseils .slider__arrow__co:hover {
  background: #f3f3f3;
  transform: scale(0.8);
}
#home__conseil #home__slider__conseils .slider__arrow__co:hover i {
  color: #483C46;
  transition: all 0.3s ease-out;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#home__conseil #home__slider__conseils .bloc-slider {
  width: 1224px;
  margin-left: auto;
  position: relative;
  padding-left: 136px;
  padding-bottom: 75px;
}
#home__conseil #home__slider__conseils .bloc-slider .cta a {
  margin: 0;
}
#home__conseil #home__slider__conseils .bloc-slider:before {
  content: "";
  position: absolute;
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  background-position: 0 -163px;
  width: 174px;
  height: 174px;
  left: 39px;
  top: 0;
  z-index: 3;
  animation: rotate 10s linear infinite;
}
#home__conseil #home__slider__conseils .bloc-slider:after {
  content: "";
  position: absolute;
  height: 500px;
  width: 100%;
  right: 0;
  bottom: 0;
  background: #F3F3F3;
  z-index: -1;
}
#home__conseil #home__slider__conseils .bloc-slider.no-posts {
  padding: 6.25rem 0 6.25rem 4rem;
  background: #F9F9F9;
}
#home__conseil #home__slider__conseils .bloc-slider.no-posts::after {
  display: none;
}
#home__conseil #home__slider__conseils .bloc-slider.no-posts::before {
  left: -87px;
  top: -87px;
}
#home__conseil #home__slider__conseils .swiper-container {
  width: 666px;
  max-width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  padding-right: 558px;
  z-index: 1;
  padding-bottom: 100px;
  padding-top: 65px;
  overflow: hidden;
}
#home__conseil #home__slider__conseils .swiper-wrapper .cta {
  position: absolute;
  bottom: 75px;
  left: 135px;
  z-index: 3;
}
#home__conseil #home__slider__conseils .swiper-wrapper .cta a {
  margin: 0;
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil > a {
  position: relative;
  overflow: hidden;
  display: block;
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil > a img {
  transition: transform 0.3s ease-out;
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil .info {
  display: flex;
  padding: 45px 35px;
  background: #fff;
  align-items: center;
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil .info a {
  color: #483C46;
  text-decoration: none;
  padding-left: 50px;
  border-left: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
  min-height: 65px;
  font-size: clamp(1.5rem, 1.2143rem + 0.7143vw, 1.75rem);
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil .info .date {
  color: #8F7A8C;
  text-align: center;
  margin-right: 20px;
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil .info .date span {
  display: block;
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil .info .date .mois {
  font-size: clamp(1.5rem, 1.2143rem + 0.7143vw, 1.75rem);
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil .info .date .annee {
  font-size: clamp(0.875rem, 0.7321rem + 0.3571vw, 1rem);
}
#home__conseil #home__slider__conseils .swiper-wrapper .conseil:hover > a img {
  transform: scale(1.2);
}

#home__lastation {
  padding-top: 6.5rem;
  padding-bottom: 4.688rem;
}
#home__lastation .info {
  padding: 90px 0;
  background: no-repeat url(/wp-content/themes/michelpetit/dist/images/station_section_bg.jpg?fcfe6e599837b0f79c06c7a204d15e51) center;
}
#home__lastation .bloc {
  display: flex;
  align-items: center;
  position: relative;
}
#home__lastation .bloc:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #CCD74C;
  height: 200px;
  width: 12px;
  max-height: 100%;
}
#home__lastation .bloc.bloc1:before {
  left: -6px;
}
#home__lastation .bloc.bloc2:before {
  right: -6px;
}
#home__lastation .bloc img, #home__lastation .bloc .info-txt {
  width: 50%;
}
#home__lastation .bloc .info-txt {
  display: flex;
  align-items: center;
  justify-content: center;
}
#home__lastation .bloc .info-txt div {
  width: 465px;
  max-width: 100%;
}
#home__lastation .bloc .info-txt div a {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 1.25rem);
  color: #483C46;
  display: flex;
  align-items: center;
  text-decoration: none;
}
#home__lastation .bloc .info-txt div a span {
  margin-right: 1.25rem;
}
#home__lastation .bloc .info-txt div h3 {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  color: #483C46;
  margin-bottom: 40px;
}
#home__lastation .bloc .info-txt div p {
  margin-bottom: 40px;
  line-height: 1.3;
  width: 80%;
}
#home__lastation a svg {
  position: relative;
  left: 0;
  transition: all 0.3s ease-out;
  width: 24px;
  height: 24px;
}
#home__lastation a svg path {
  transition: all 0.3s ease-out;
  stroke-linejoin: round;
  stroke-linecap: round;
}
#home__lastation a:hover svg path {
  transition: all 0.3s ease-in;
  d: path("M1.6,12.1h21 M22.6,12.1L12.1,22.6 M12.1,1.6l10.5,10.5");
}
#home__lastation a:hover svg {
  transition: all 0.3s ease-in;
  left: 5px;
}

#home__actualite .bloc {
  text-align: center;
  background: #F3F3F3;
  padding: 4.688rem 20px;
  position: relative;
  margin-bottom: 3.125rem;
}
#home__actualite .bloc h2 {
  font-size: clamp(1.375rem, -0.1964rem + 3.9286vw, 2.75rem);
  color: #483C46;
  font-weight: 700;
  margin-bottom: 10px;
}
#home__actualite .bloc p {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 30px;
}
#home__actualite .bloc a i {
  color: #0080FF;
}
#home__actualite .bloc span:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1.25rem;
  bottom: -1.25rem;
}
#home__actualite .bloc span.bande-rouge:before {
  left: 0;
  background: #ED1B2E;
}
#home__actualite .bloc span.bande-orange:before {
  right: 0;
  background: #F07F00;
}
#home__actualite .bloc span:after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 100px;
  bottom: -1.25rem;
}
#home__actualite .bloc span.bande-rouge:after {
  left: -1.25rem;
  background: #ED1B2E;
}
#home__actualite .bloc span.bande-orange:after {
  right: -1.25rem;
  background: #F07F00;
}
#home__actualite #liste-publi-fb {
  padding-top: 3.125rem;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div {
  width: calc(25% - 0.9375rem);
  border: none;
  padding: 0;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-profile-title span {
  padding-left: 1.25rem;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-row {
  margin: 0;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-row .efbl-thumbnail-col {
  margin: 1.25rem 0;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-row .pp-image {
  display: flex;
  align-items: center;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-row .pp-image img {
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-row h2 {
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  font-weight: 400;
  padding-left: 1.25rem;
  text-align: left;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-col-sm-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-col-sm-6 img {
  max-width: 100%;
}
#home__actualite #liste-publi-fb .efbl_feeds_holder .efbl-description-wrap {
  font-size: clamp(0.75rem, 0.6071rem + 0.3571vw, 0.875rem);
  color: #483C46;
}
#home__actualite #liste-publi-fb .efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-post-footer .efbl-view-on-fb, #home__actualite #liste-publi-fb .efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-post-footer .esf-share-wrapper .esf-share {
  font-size: clamp(0.75rem, 0.6071rem + 0.3571vw, 0.875rem);
  background: #f3f3f3;
  color: #483C46;
  transition: all 0.3s;
  font-family: inherit;
}
#home__actualite #liste-publi-fb .efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-post-footer .efbl-view-on-fb:hover, #home__actualite #liste-publi-fb .efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-post-footer .esf-share-wrapper .esf-share:hover {
  background: #483C46;
  color: #f3f3f3;
}

#home__cta__contact {
  background: no-repeat url(/wp-content/themes/michelpetit/dist/images/home_bottom_cta.jpg?5ca5fc577f71507dcd3878f9f51b114c) top right;
  padding: 10rem 0;
  position: relative;
  margin-top: 4.688rem;
}
#home__cta__contact .lines {
  display: flex;
  justify-content: center;
  max-width: 500px;
  margin: auto;
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
}
#home__cta__contact .line {
  height: 12px;
  width: calc(33.3333333333% - 1rem);
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
}
#home__cta__contact .line.rouge {
  background: #ED1B2E;
}
#home__cta__contact .line.orange {
  background: #F07F00;
}
#home__cta__contact .line.vert {
  background: #CCD74C;
}
#home__cta__contact .container {
  text-align: center;
}
#home__cta__contact .container h3 {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 700;
  margin-bottom: 25px;
  color: #483C46;
}

#home__avis {
  position: relative;
  padding: 4.688rem 0;
  margin-top: 4.688rem;
}
#home__avis:after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 948px;
  max-width: 100%;
  background: #f3f3f3;
  top: 0;
  z-index: -1;
}
#home__avis .container {
  position: relative;
}
#home__avis .container .wp-gr .grw-slider .grw-row {
  justify-content: flex-end;
}
#home__avis .container > div.google {
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 3;
  right: 0;
  width: 285px;
}
#home__avis .container > div.google .wp-gr .grw-row-l .grw-slider-header {
  width: 100% !important;
}
#home__avis .container > div.google .grw-slider-header-inner {
  padding: 0 !important;
  margin: 0 !important;
}
#home__avis .container > div.google .grw-slider-header-inner .wp-google-wr a {
  background-color: #fff !important;
  color: #8F7A8C !important;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem) !important;
  margin-top: 0.5rem !important;
  display: inline-block !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
#home__avis .container > div.google .grw-slider-header-inner .wp-google-right > div {
  display: flex;
  align-items: center;
}
#home__avis .container > div.google .grw-slider-header-inner .wp-google-right > div .wp-google-stars {
  margin: 0 !important;
}
#home__avis .container > div.google .grw-slider-header-inner .wp-google-right .wp-google-powered {
  font-size: clamp(1rem, 0.7143rem + 0.7143vw, 1.25rem) !important;
  color: #8F7A8C !important;
  margin-top: 1rem !important;
}
#home__avis .container > div.google .grw-slider-header-inner .wp-google-right .wp-google-powered span {
  color: #483C46 !important;
  display: inline-block;
  margin: 0 3px !important;
}
#home__avis .container > div.google .grw-slider-header-inner .wp-google-rating {
  display: block;
  font-weight: 700;
  font-size: clamp(1.75rem, -0.1071rem + 4.6429vw, 3.375rem) !important;
  color: #483C46 !important;
  margin-right: 10px;
}
#home__avis .container > div.google .grw-slider-header-inner .icon-star {
  display: block;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem) !important;
  color: #483C46;
}
#home__avis .avis__slider {
  width: 1080px;
  margin: auto;
}

@media (max-width: 1800px) {
  .home-page header.main {
    height: 925px;
  }
}
@media (max-width: 1560px) {
  .home-page header.main {
    height: 825px;
  }

  .lien-slider .down-slider {
    bottom: 150px;
    left: -45px;
  }

  #home__slider .slide__image h2 {
    width: 50%;
  }
}
@media (max-width: 1440px) {
  #home__conseil #home__slider__conseils .pagin {
    top: 0;
  }

  #home__conseil #home__slider__conseils .swiper-container {
    padding-top: 150px;
  }

  #home__conseil #home__slider__conseils .bloc-slider::before {
    top: 85px;
  }

  .lien-slider {
    width: 1200px;
    max-width: 100%;
  }

  .lien-slider .cta-slider .bloc {
    padding: 3.5rem 3.5rem;
  }
}
@media (max-width: 1400px) {
  #home__ets #home__slider__chiffres .swiper-slide.has-video {
    padding-top: 46.67%;
  }
}
@media (max-width: 1366px) {
  .avantages__mp .avantage {
    width: 33%;
  }

  .avantages__mp .avantage .small__bloc {
    min-height: 190px;
  }
  .avantages__mp .avantage .small__bloc p {
    padding: 27px 15px 45px;
  }

  #home__ets #home__slider__chiffres .slider__arrow__c.slider__arrow--next {
    right: 20px;
  }

  #home__ets #home__slider__chiffres .slider__arrow__c.slider__arrow--prev {
    left: 20px;
  }
}
@media (max-width: 1300px) {
  .lien-slider .down-slider {
    bottom: auto;
    top: 0;
    left: -45px;
  }

  #home__conseil #home__slider__conseils .bloc-slider {
    width: 1000px;
  }

  #home__conseil #home__slider__conseils .swiper-container {
    width: 500px;
  }
}
@media (max-width: 1280px) {
  .lien-slider .down-slider {
    bottom: auto;
    top: -75px;
    left: 0;
    right: 0;
    margin: auto;
  }

  #home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-row h2 {
    font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  }
}
@media (max-width: 1199px) {
  .avantages__mp .avantage .small__bloc {
    min-height: 212px;
  }

  .home-page header.main {
    height: 725px;
  }

  #home__slider .slide__image #titre__banniere {
    top: 250px;
  }

  .lien-slider .cta-slider .bloc {
    padding: 2.5rem 1.25rem;
  }

  .header__nav .container .menu-top {
    flex-wrap: wrap;
  }

  .menu-elt:first-child a {
    margin-right: 0 !important;
  }

  .menu-top .menu-elt:first-child {
    flex: 0 0 100%;
    text-align: center;
    padding-top: 1rem;
  }

  .avantages__mp .avantage h3 {
    font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  }

  #home__ets .home__chiffres .chiffre {
    width: 222px;
    height: 222px;
  }

  #home__ets #home__slider__chiffres {
    margin-top: -120px;
  }

  #home__lastation .bloc .info-txt div {
    padding: 0 1.25rem;
  }

  #home__conseil #home__slider__conseils .bloc-slider {
    width: 780px;
  }

  .lien-slider {
    bottom: 0;
  }

  .home-page main {
    padding-top: 6.25rem !important;
  }
}
@media (max-width: 1150px) {
  #home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-profile-title span {
    display: block;
  }

  #home__actualite #liste-publi-fb .efbl_feeds_holder > div .efbl-row h2 {
    font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  }

  .efbl-post-footer > div {
    flex-direction: column;
  }

  .efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-post-footer .esf-share-wrapper {
    padding-left: 0;
    margin-top: 10px;
  }

  .efbl-post-footer .efbl-view-share {
    margin-top: 15px !important;
  }

  .efbl-post-footer .efbl-view-share {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  #home__actualite #liste-publi-fb .efbl_feeds_holder > div {
    width: calc(50% - 0.9375rem);
  }

  #home__slider .slide__image #titre__banniere {
    top: 200px;
  }

  .lien-slider .cta-slider .bloc {
    padding: 2.5rem 1rem;
  }

  .avantages__mp .avantage {
    width: 45%;
  }

  .avantages__mp {
    justify-content: space-around;
  }

  .avantages__mp .avantage.avt3 {
    margin-top: 2rem;
  }

  .avantages__mp .avantage .small__bloc {
    min-height: 190px;
  }

  .avantages__mp .avantage .small__bloc p {
    padding: 27px 15px 27px;
  }

  #home__ets .home__chiffres .chiffre:nth-child(2n) {
    margin-top: 30px;
  }

  #home__ets .home__chiffres .chiffre {
    width: 252px;
    height: 222px;
  }

  #home__ets .home__chiffres {
    justify-content: space-around;
  }

  #home__ets #home__slider__chiffres {
    margin-top: -60px;
  }

  #home__conseil #home__slider__conseils .bloc-slider {
    width: 580px;
  }

  #home__cta__contact {
    background-position: bottom center;
  }

  footer .nd-footer .menu__footer {
    flex-wrap: wrap;
  }

  .home-page header.main {
    height: 666px;
  }

  .produit-page .sous-menu--sticky a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
  }
}
@media all and (min-width: 769px) {
  .lien-slider--mobile {
    display: none;
  }

  .down-slider--mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .header__top {
    display: none;
  }

  .home-page header.main {
    background: #483C46;
    height: auto;
  }

  .home-page #navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  main.station-baranzy .introduction h2 {
    margin-bottom: 2.5rem;
  }

  #home__slider {
    position: relative;
  }

  #home__slider .slide__image h2 {
    text-align: center;
    margin: auto;
  }

  #home__conseil #home__slider__conseils .bloc-slider.no-posts::before {
    left: 0;
    right: 0;
    margin: auto;
  }

  #home__conseil #home__slider__conseils .bloc-slider.no-posts {
    overflow: visible;
  }

  .lien-slider .down-slider {
    left: 0;
    right: 0;
  }

  #home__slider .slide__image #titre__banniere {
    height: -moz-fit-content;
    height: fit-content;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .lien-slider--desktop {
    display: none;
  }

  .lien-slider--mobile {
    max-width: 80vw;
    margin: -80px auto 0 auto;
  }

  #home__livraison .bloc__commander ul li a {
    text-align: center;
  }

  .avantages__mp .avantage {
    width: 65%;
  }

  .avantages__mp .avantage.avt2 {
    margin-top: 2rem;
  }

  .avantages__mp .avantage .small__bloc {
    min-height: 0;
  }

  #home__ets #home__slider__chiffres .slider__arrow__c {
    width: 46px;
    height: 46px;
  }

  #home__conseil #home__slider__conseils .swiper-wrapper .conseil .info a {
    padding-left: 1.25rem;
    min-height: 85px;
  }

  #home__lastation .bloc img, #home__lastation .bloc .info-txt {
    width: 100%;
  }

  #home__lastation .bloc {
    flex-wrap: wrap;
  }

  #home__lastation .bloc .info-txt div {
    width: 100%;
  }

  #home__lastation .bloc .info-txt div {
    padding: 1.5rem 1.25rem;
  }

  #home__lastation .bloc2 {
    flex-direction: column-reverse;
  }

  #home__lastation .bloc.bloc1::before, #home__lastation .bloc.bloc2::before {
    left: 0;
    right: 0;
    margin: auto;
    top: -6px;
    bottom: auto;
    width: 200px;
    height: 12px;
  }

  #home__lastation .info {
    background-position: bottom center;
  }

  #home__conseil #home__slider__conseils .bloc-slider {
    padding-left: 0;
  }

  #home__conseil #home__slider__conseils .bloc-slider::before {
    left: 1.25rem;
  }

  #home__conseil #home__slider__conseils .bloc-slider .cta a {
    margin-left: 1.25rem;
  }
}
@media (max-width: 640px) {
  #home__actualite #liste-publi-fb .efbl_feeds_holder > div {
    width: 80%;
  }

  #home__actualite #liste-publi-fb .efbl_feeds_holder {
    justify-content: center;
  }

  .lien-slider .cta-slider .bloc {
    padding: 1.5rem 1rem;
  }

  .avantages__mp .avantage {
    width: 85%;
  }

  #home__ets .home__chiffres {
    justify-content: space-between;
    gap: 1rem;
    padding: 4rem 0;
  }

  #home__ets .home__chiffres .chiffre {
    text-align: center;
    flex-basis: calc(50% - 1rem);
  }

  #home__ets .home__chiffres .chiffre .donnee::after {
    left: 0;
    right: 0;
    margin: auto;
  }

  #home__ets .home__chiffres .chiffre:nth-child(2n) {
    margin-top: 0;
  }

  #home__ets .home__chiffres .chiffre p {
    margin: auto;
  }

  #home__ets #home__slider__chiffres {
    margin: 0 -1.25rem;
  }

  .avantages__mp .avantage .ico {
    transform: scale(0.8);
  }

  #home__conseil #home__slider__conseils {
    display: flex;
    flex-direction: column;
  }

  #home__conseil #home__slider__conseils .pagin {
    position: static;
  }

  #home__conseil #home__slider__conseils .pagin .line {
    display: none;
  }

  #home__conseil #home__slider__conseils .slider__arrow__co {
    position: relative;
    margin: 0;
    width: 64px;
    height: 64px;
  }

  #home__conseil #home__slider__conseils .slider__arrow__co.slider__arrow--prev,
#home__conseil #home__slider__conseils .slider__arrow__co.slider__arrow--next {
    left: 0;
  }

  #home__conseil #home__slider__conseils .bloc-slider {
    order: 0;
  }

  #home__conseil #home__slider__conseils .pagin {
    order: 1;
    margin-top: -210px;
    padding-bottom: 100px;
  }

  #home__conseil #home__slider__conseils .bloc-slider .cta {
    text-align: center;
  }

  #home__conseil #home__slider__conseils .swiper-container {
    width: 100%;
  }

  #home__conseil #home__slider__conseils .bloc-slider {
    max-width: 100%;
    margin: auto;
  }

  #home__lastation .bloc .info-txt div p {
    width: 100%;
  }

  footer .logo-follow .logo span {
    width: 210px;
    height: 26px;
  }
}
@media (max-width: 480px) {
  #home__lastation .bloc .info-txt div a {
    color: #fff;
  }

  .lien-slider--mobile {
    max-width: 95vw;
  }

  .lien-slider--mobile .cta-slider .bloc {
    padding: 1rem;
  }

  .lien-slider--mobile {
    margin: -50px auto 0 auto;
  }

  #home__ets .home__chiffres {
    justify-content: center;
  }

  #home__slider {
    height: 50vh;
  }

  #home__slider .slide__image {
    height: 100%;
  }

  #home__slider .slide__image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  #home__slider .slide__image #titre__banniere {
    padding-top: 2rem;
  }

  .avantages__mp .avantage.avt1 .ico {
    transform: scale(0.8);
  }

  #home__actualite #liste-publi-fb .efbl_feeds_holder > div {
    width: 100%;
  }

  #home__livraison .bloc__commander ul {
    flex-wrap: wrap;
  }

  #home__livraison .bloc__commander ul li a {
    margin: 0.75rem 7.5px;
  }

  #home__livraison .bloc__commander ul {
    padding: 50px 15px;
  }

  .avantages__mp .avantage {
    width: 100%;
  }

  #home__conseil #home__slider__conseils .bloc-slider::before {
    content: none;
  }

  #home__conseil #home__slider__conseils .swiper-wrapper .conseil .info a {
    font-size: calc(1.1rem + 0.6vw);
  }

  #home__conseil #home__slider__conseils .swiper-wrapper .conseil .info {
    padding: 25px 1.25rem;
  }

  .bloc-slider .cta {
    text-align: center;
  }
  .bloc-slider .cta a {
    margin-left: 0 !important;
  }

  #home__conseil #home__slider__conseils .swiper-container {
    padding-top: 100px;
  }

  #home__lastation .info {
    padding: 0;
  }

  #home__lastation .bloc {
    background: #483c46;
  }

  #home__lastation .bloc::before {
    z-index: 2;
  }

  #home__lastation .bloc img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0.4;
  }

  #home__lastation .bloc .info-txt {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
  }

  #home__conseil, #home__lastation {
    padding-top: 4rem;
  }

  #home__lastation .bloc .info-txt div h3 {
    color: #fff;
  }

  #home__lastation .bloc .info-txt a svg path {
    stroke: #fff;
  }

  #home__lastation .bloc2 {
    margin-top: 2rem;
  }
}
header#navigation {
  position: relative;
  z-index: 3;
}

nav.header__nav--primary .menu {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  width: 991px;
}

nav.header__nav--primary .menu {
  list-style: none;
}

nav.header__nav--primary .menu > .menu-item > a {
  display: block;
  padding: 2.5rem 1.5rem;
  position: relative;
  transition: all 0.3s ease-in;
  z-index: 2;
  color: #fff;
  text-decoration: none;
  font-size: clamp(1rem, 0.7143rem + 0.7143vw, 1.25rem);
}
nav.header__nav--primary .menu > .menu-item > a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: height 0.3s ease-out;
  background: #fff;
}
nav.header__nav--primary .menu > .menu-item > a:hover {
  text-shadow: -0.2px 0.2px #fff, -0.2px 0.2px #fff, 0.2px 0.2px #fff, 0.2px 0.2px #fff;
}
nav.header__nav--primary .menu > .menu-item > a:hover::after {
  transition: height 0.3s ease-in;
  height: 5px;
}

.header__nav .container .menu-top {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 769px) {
  .header__nav .container .menu-top {
    border-top: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
  }
}

.menu-elt {
  flex: 1;
  display: flex;
  justify-content: center;
}

.menu-elt:first-child a {
  margin-right: auto;
}

.menu-elt.last a {
  position: relative;
  margin-left: auto;
  background: #fff;
  text-decoration: none;
  overflow: hidden;
}
.menu-elt.last a span {
  padding: 17px 50px;
  color: #483C46;
  font-size: clamp(1rem, 0.7143rem + 0.7143vw, 1.25rem);
  display: inline-block;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transition: all 0.3s;
}
.menu-elt.last a:hover {
  background: #CCD74C;
}
.menu-elt.last a:hover span {
  color: #fff;
}

.menu-elt.last {
  position: relative;
}
.menu-elt.last ul {
  display: none;
  position: absolute;
  bottom: -105px;
  width: 206px;
  right: 0;
  background: #fff;
}
.menu-elt.last ul.active {
  display: block;
}
.menu-elt.last ul li {
  list-style-type: none;
}
.menu-elt.last ul li a {
  padding: 1rem;
  color: #8f7a8c;
  font-family: Barlow, sans-serif;
  font-size: 18px;
  transition: all 0.3s;
  text-align: center;
  display: block;
}
.menu-elt.last ul li a:hover {
  color: #fff;
}
.menu-elt.last ul li:first-child a:hover {
  background-color: #ed1b2e;
}
.menu-elt.last ul li:last-child a:hover {
  background-color: #f07f00;
}

/* MOBILE */
nav.header__nav--mobile {
  background: #f3f3f3;
  height: 100vh;
  left: -100vw;
  opacity: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  transition: 0.3s ease-in;
  visibility: hidden;
  width: 100vw;
  z-index: 99999;
}
nav.header__nav--mobile .infos__coordonnees {
  display: flex;
  gap: 1.5rem;
  padding: 0 1.25rem 2.5rem;
  align-items: center;
  margin-top: 1.5rem;
}
nav.header__nav--mobile .infos__coordonnees ul {
  margin: 0;
  padding: 0 0 2rem;
  list-style: none;
}
nav.header__nav--mobile .infos__coordonnees ul li:first-child {
  margin-bottom: 1.5rem;
}
nav.header__nav--mobile .infos__coordonnees ul li a {
  border: 0 !important;
}

nav.header__nav--mobile .mobile__toggle {
  position: fixed;
  right: 1.25rem;
  top: 0.5rem;
  z-index: 9999;
}

.mobile__toggle i {
  color: #231f20;
}

nav.header__nav--mobile > ul {
  padding: 1rem 1.25rem 1rem 0;
}

.mobile__toggle {
  -webkit-appearance: none;
  background: #f5f5f5;
  border: 0;
  cursor: pointer;
  font-size: clamp(1.125rem, 0.8393rem + 0.7143vw, 1.375rem);
  padding: 1rem;
}

nav.header__nav--mobile {
  visibility: hidden;
}

nav.header__nav--mobile > ul a {
  display: block;
  padding: 1rem 1.25rem;
}

.header__nav--mobile a {
  font-size: clamp(1.125rem, 0.8393rem + 0.7143vw, 1.375rem);
}

@media (min-width: 992px) {
  .mobile__toggle {
    display: none;
  }
}
@media (max-width: 1366px) {
  nav.header__nav--primary .menu {
    width: 768px;
  }

  nav.header__nav--primary .menu > .menu-item > a {
    padding: 2.5rem 1rem;
  }
}
@media (max-width: 1199px) {
  nav.header__nav--primary .menu {
    justify-content: flex-start;
  }

  nav.header__nav--primary .menu > .menu-item > a {
    padding: 1.5rem 1rem;
  }

  .header__top {
    padding: 1rem 0;
  }

  .menu-elt.last {
    max-width: 170px;
  }
}
@media (max-width: 991px) {
  .menu-top .menu-elt.last, .menu-top .menu-elt:nth-child(2) {
    display: none;
  }

  #home__slider .slide__image h2 {
    width: 70%;
  }

  .menu-top .menu-elt:first-child {
    flex: 0 0 auto;
  }

  .menu-top .menu-elt:first-child {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }

  .header__nav .container .menu-top {
    justify-content: space-between;
  }
}
@media (max-width: 640px) {
  #home__slider .slide__image h2 {
    width: 100%;
    text-align: center;
  }

  .lien-slider .down-slider {
    display: none;
  }
}
@media (max-width: 480px) {
  .header__top ul li {
    margin: 0 5px;
  }

  .home-page header.main {
    background: #473B45;
  }

  .menu-elt .logo {
    width: 200px;
  }
}
@media (max-width: 330px) {
  .header__nav .container .menu-top {
    justify-content: flex-end;
  }

  .menu-top .menu-elt:first-child {
    order: 2;
    width: 100%;
  }

  .menu-elt:first-child a {
    display: block;
  }

  .menu-elt:first-child a img {
    margin: auto;
  }

  .mobile__toggle {
    margin-top: 1rem;
    order: 1;
  }
}
footer {
  margin-top: -111px;
}
footer .logo-follow {
  position: relative;
  z-index: 1;
}
footer .logo-follow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background: #483C46;
  z-index: -1;
}
footer .logo-follow .container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-end;
}
footer .logo-follow .logo {
  background: #fff;
  padding: 60px 70px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .logo-follow .logo span {
  display: inline-block;
  background: top center url(/wp-content/themes/michelpetit/dist/images/petitetfils_logo_footer.svg?9b9b9e2705b4e14217c82c28b1cbeae1) no-repeat;
  width: 386px;
  height: 103px;
  background-size: contain;
}
footer .logo-follow .follow-fb {
  display: flex;
  align-items: center;
}
footer .logo-follow .follow-fb p {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  color: #fff;
  margin-right: 20px;
}
footer .logo-follow .follow-fb a {
  margin: 0;
}
footer .logo-follow .follow-fb a i {
  color: #0080FF;
}
footer .nd-footer {
  position: relative;
  background: #483C46;
  padding-top: 4.688rem;
}
footer .nd-footer .menu__footer {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3.125rem;
}
footer .nd-footer .menu__footer h3 {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  color: #fff;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  font-weight: 700;
}
footer .nd-footer .menu__footer h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 60px;
  background: #CCD74C;
}
footer .nd-footer .menu__footer ul li {
  list-style-type: none;
  margin-bottom: 5px;
}
footer .nd-footer .menu__footer ul li a {
  display: inline-block;
  color: #D5D5D5;
  font-size: clamp(0.875rem, 0.7321rem + 0.3571vw, 1rem);
  text-decoration: none;
}
footer .nd-footer .menu__footer ul li a:hover {
  text-decoration: underline;
}
footer .nd-footer .coordonnees {
  display: flex;
  justify-content: space-between;
  padding: 3.125rem 0;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  align-items: center;
}
footer .nd-footer .coordonnees .bloc1 {
  display: flex;
  align-items: center;
}
footer .nd-footer .coordonnees .bloc1 p {
  margin-right: 75px;
}
footer .nd-footer .coordonnees .bloc1 ul {
  display: flex;
}
footer .nd-footer .coordonnees .bloc1 p, footer .nd-footer .coordonnees .bloc1 ul li span {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  color: #fff;
  font-weight: 700;
}
footer .nd-footer .coordonnees .bloc1 li {
  display: flex;
  flex-direction: column;
  margin-right: 75px;
}
footer .nd-footer .coordonnees .bloc1 li:last-child {
  margin-right: 0;
}
footer .nd-footer .coordonnees .bloc1 li a {
  display: inline-block;
  margin-top: 3px;
  color: #D5D5D5;
  font-size: clamp(0.875rem, 0.7321rem + 0.3571vw, 1rem);
  text-decoration: none;
}
footer .nd-footer .coordonnees .bloc1 li a:hover {
  text-decoration: none;
}
footer .nd-footer .coordonnees .cta-home {
  margin: 0;
}
footer .nd-footer .coordonnees .cta-home i {
  color: #CCD74C;
}
footer .nd-footer .footer__certif {
  padding: 3.125rem 0;
  border-bottom: 1px solid #d5d5d5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
footer .nd-footer .footer__certif .certif {
  background: url(/wp-content/themes/michelpetit/dist/images/footer_logos_sprite.svg?4e3a4e1916b624e3e8d44b434b90ce1a) no-repeat;
}
footer .nd-footer .footer__certif .certif.texaco {
  background-position: 0 0;
  width: 122px;
  height: 85px;
  background-position-x: -830px;
}
footer .nd-footer .footer__certif .certif.badger {
  width: 61px;
  height: 121px;
  background-position: -87px 0;
}
footer .nd-footer .footer__certif .certif.antargaz {
  width: 199px;
  height: 61px;
  background-position: -157px 0;
}
footer .nd-footer .footer__certif .certif.pefc {
  width: 78px;
  height: 89px;
  background-position: -366px 0;
}
footer .nd-footer .footer__certif .certif.enplus {
  width: 155px;
  height: 91px;
  background-position: -453px 0;
}
footer .nd-footer .footer__certif .certif.dinplus {
  width: 123px;
  height: 105px;
  background-position: -618px 0;
}
footer .nd-footer .footer__certif .certif.co2 {
  width: 78px;
  height: 136px;
  background-position: -751px 0;
}
footer .nd-footer .copyright .copyright__wrapper {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .nd-footer .copyright .copyright__wrapper p {
  color: #D5D5D5;
  font-size: clamp(0.875rem, 0.7321rem + 0.3571vw, 1rem);
}
footer .nd-footer .copyright .copyright__wrapper p a {
  color: #D5D5D5;
  font-size: clamp(0.875rem, 0.7321rem + 0.3571vw, 1rem);
  text-decoration: none;
  display: inline-block;
}
footer .nd-footer .copyright .copyright__wrapper p a:hover {
  text-decoration: underline;
}
footer .nd-footer .copyright .copyright__wrapper a {
  color: #D5D5D5;
  font-size: clamp(0.875rem, 0.7321rem + 0.3571vw, 1rem);
  text-decoration: none;
  display: inline-block;
}
footer .nd-footer .copyright .copyright__wrapper a:hover {
  text-decoration: underline;
}

@media (max-width: 1199px) {
  footer .logo-follow .container {
    flex-wrap: wrap;
  }

  footer .logo-follow .follow-fb {
    padding-top: 35px;
  }

  footer .logo-follow .logo {
    padding: 30px 70px;
  }

  footer .logo-follow::after {
    height: calc(50% + 35px);
  }

  footer .nd-footer .coordonnees .bloc1 li, footer .nd-footer .coordonnees .bloc1 p {
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
  }

  footer .nd-footer .coordonnees, footer .nd-footer .coordonnees .bloc1 {
    flex-wrap: wrap;
  }

  footer .nd-footer .coordonnees .bloc1 {
    padding-bottom: 1.5rem;
  }

  footer .nd-footer .footer__certif .certif {
    margin: 0.5rem 0.5rem;
  }
}
@media (max-width: 991px) {
  footer .nd-footer .footer__certif, footer .nd-footer .copyright .copyright__wrapper {
    justify-content: center;
  }

  footer .nd-footer .copyright .copyright__wrapper p {
    margin-bottom: 15px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  footer .nd-footer .menu__footer h3 {
    margin-top: 20px;
  }

  footer .nd-footer .menu__footer {
    justify-content: start;
  }
  footer .nd-footer .menu__footer .bloc {
    margin-right: 1.25rem;
  }

  footer .nd-footer .footer__certif .certif {
    margin: 0.5rem 1rem;
  }

  footer .logo-follow .follow-fb a {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  footer .logo-follow .container {
    justify-content: center;
  }

  footer .logo-follow .logo span {
    width: 286px;
    height: 76px;
  }

  footer .nd-footer .footer__certif .certif {
    margin: 0.5rem 0.5rem;
  }
}
@media (max-width: 480px) {
  footer .logo-follow .follow-fb a {
    flex-direction: row;
  }

  footer .nd-footer .coordonnees .bloc1 ul {
    flex-direction: column;
    margin: auto;
  }

  footer .nd-footer .footer__certif {
    flex-direction: column;
  }

  footer .nd-footer .footer__certif .certif {
    margin: 1rem 0.5rem;
  }

  footer .logo-follow .logo span {
    width: 210px;
    height: 56px;
  }

  footer .logo-follow .follow-fb {
    flex-direction: column;
  }

  footer .logo-follow .follow-fb p {
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
  }

  footer .logo-follow .logo {
    padding: 30px 15px;
  }

  footer .nd-footer .menu__footer h3 {
    cursor: pointer;
  }

  footer .nd-footer .menu__footer h3::after {
    content: "\e9bc";
    font-family: "feather" !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  footer .nd-footer .menu__footer h3.is-open::after {
    content: "\e99f";
  }

  footer .nd-footer .menu__footer .bloc {
    width: 100%;
  }

  footer .nd-footer .menu__footer .bloc ul {
    display: none;
  }

  footer .nd-footer .coordonnees {
    text-align: center;
  }

  footer .nd-footer .coordonnees .bloc1 p {
    margin-bottom: 1.5rem;
  }

  footer .nd-footer .coordonnees .bloc1 p,
footer .nd-footer .coordonnees .cta-home {
    margin: auto;
  }
}
.toTop {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  bottom: 0;
  right: 20px;
  z-index: 9999;
  border: 0;
  outline: none;
  background: #F3F3F3;
  color: #483C46;
  padding: 18px;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  cursor: pointer;
  transform: scale(0.9);
  box-shadow: 0 2px 8px 0 rgba(99, 99, 99, 0.2);
  transition: all 0.3s ease-in;
}
.toTop.is-shown {
  bottom: 20px;
  opacity: 1;
  visibility: visible;
}
.toTop i {
  position: relative;
  top: 0;
  transition: all 0.3s ease-out;
}
.toTop:hover {
  background: #e6e6e6;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
.toTop:hover i {
  top: -3px;
  transition: all 0.3s ease-in;
}

.produit-page .sous-menu--sticky {
  position: fixed;
  top: -50px;
  left: 0;
  z-index: 999;
  box-shadow: 0 2px 8px 0 rgba(99, 99, 99, 0.2);
  display: flex;
  background: #FFF;
  width: 100vw;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: top 0.3s ease-in;
}
.produit-page .sous-menu--sticky.is-shown {
  top: 0;
  opacity: 1;
  visibility: visible;
  transition: top 0.3s ease-out;
}
.produit-page .sous-menu--sticky a {
  width: 20%;
  display: block;
  padding: 26px 18px;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  position: relative;
  background: #FFF;
  color: #483C46;
}
.produit-page .sous-menu--sticky a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #CCC;
}
.produit-page .sous-menu--sticky a:last-child:after {
  content: none;
}
.produit-page .sous-menu--sticky a:hover {
  text-decoration: none;
  background: #F3F3F3;
}
.produit-page #produit__banner {
  margin-top: -195px;
  background: #483C46;
}
.produit-page #produit__banner video {
  width: 100%;
  opacity: 0.3;
}
.produit-page #produit__banner #txt-banner {
  position: absolute;
  top: 250px;
  z-index: 3;
  left: 0;
  right: 0;
  margin: auto;
}
.produit-page #produit__banner #txt-banner .container {
  position: relative;
  text-align: center;
}
.produit-page #produit__banner #txt-banner .container .introduction {
  margin: auto;
  padding-bottom: 100px;
}
.produit-page #produit__banner #txt-banner .container .introduction h1 {
  color: #FFF;
  font-size: clamp(2rem, -0.2857rem + 5.7143vw, 4rem);
  font-weight: 700;
  margin-bottom: 15px;
}
.produit-page #produit__banner #txt-banner .container .introduction h1 span {
  display: block;
  font-weight: 400;
  text-align: center;
  margin-top: 10px;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
}
.produit-page #produit__banner #txt-banner .container .introduction p {
  width: 570px;
  margin: 35px auto 0;
  color: #FFF;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
}
.produit-page #produit__banner #txt-banner .container .introduction .down-intro {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  width: 30px;
  height: 52px;
}
.produit-page #produit__banner #txt-banner .container .introduction .down-intro:hover:after {
  bottom: -4px;
}
.produit-page #produit__banner #txt-banner .container .introduction .down-intro:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  background: center url(/wp-content/themes/michelpetit/dist/images/icon_scroll_mouse.svg?106ff8a76223b06f0fee505a77827ca3) no-repeat;
  width: 25px;
  height: 36px;
}
.produit-page #produit__banner #txt-banner .container .introduction .down-intro:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: center url(/wp-content/themes/michelpetit/dist/images/icon_scroll_arrow.svg?ec41d657d90ebf4957f41cdc29333ae7) no-repeat;
  width: 20px;
  height: 15px;
  transition: all 0.5s;
  animation: downSlider 1s linear infinite;
}
.produit-page #produit__banner #txt-banner .container .select__wrapper {
  display: inline-block;
  position: relative;
  margin-top: 2rem;
}
.produit-page #produit__banner #txt-banner .container .select__wrapper select {
  position: relative;
  padding: 1rem 2rem 1rem 1rem;
  background: #FFF;
  border: 1px solid #CCC;
  -webkit-appearance: none;
  color: #8F7A8C !important;
}
.produit-page #produit__banner #txt-banner .container .select__wrapper select option {
  color: #8F7A8C;
}
.produit-page #produit__banner #txt-banner .container .select__wrapper::after {
  display: flex;
  height: 100%;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  margin: auto;
  content: "\e92e";
  font-family: "feather" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  padding-top: 0 !important;
}
main.produit-11 .sous-menu .container:before {
  background: #ED1B2E;
}
main.produit-11 #livraison .container:before {
  background-color: #ED1B2E;
}
main.produit-28 .sous-menu .container:before {
  background: #F07F00;
}
main.produit-28 #livraison .container:before {
  background-color: #F07F00;
}
main .sous-menu {
  margin-top: -200px;
}
main .sous-menu .container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
main .sous-menu .container:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 528px;
  height: 16px;
  top: -8px;
  border-radius: 10px;
  z-index: 4;
}
main .sous-menu .container a {
  width: 20%;
  display: block;
  padding: 90px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  position: relative;
  background: #FFF;
  color: #483C46;
}
main .sous-menu .container a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #CCC;
}
main .sous-menu .container a:last-child:after {
  content: none;
}
main .sous-menu .container a:hover {
  text-decoration: none;
  background: #F3F3F3;
}
main .sous-menu.is-hidden {
  opacity: 0;
  visibility: hidden;
}
main .intro h2 {
  font-size: clamp(1.375rem, -0.1964rem + 3.9286vw, 2.75rem);
  color: #483C46;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
}
main .intro p.nd-title {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  text-align: center;
  padding-bottom: 2rem;
  position: relative;
  margin: 0;
}
main .intro p.nd-title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 187.5px;
  height: 1px;
  background: #CCC;
  margin: auto;
  bottom: 0;
}
main .intro .txt {
  width: 570px;
  margin: 3rem auto;
  max-width: 100%;
}
main .intro .txt p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-align: center;
}
main .intro .txt p a {
  color: #483C46;
  transition: all 0.3s ease-in;
}
main .intro .txt p a:hover {
  color: #806A7C;
}
main #produit-infos {
  padding-top: 6.5rem;
}
main #produit-infos #message {
  width: 1356px;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid #CCCC;
  padding: 2rem;
  box-sizing: border-box;
}
main #produit-infos #message h2 {
  position: relative;
  color: #483C46;
  text-align: center;
  background: #FFF;
  max-width: 400px;
  margin: -3rem auto 2rem auto;
}
main #produit-infos #message .content {
  width: 570px;
  margin: auto;
  max-width: 100%;
}
main #produit-infos #message .content p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-align: center;
}
main #produit-infos .cta {
  background: #F3F3F3;
  width: 1356px;
  margin: 50px auto 0;
  max-width: 100%;
}
main #produit-infos .cta .content {
  padding: 95px 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
main #produit-infos .cta p {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 400;
  color: #483C46;
  margin-right: 15px;
}
main #produit-infos .cta a {
  margin: 0;
}
main #produit-prix.prix {
  padding-top: 6.5rem;
  position: relative;
}
main #produit-prix.prix.prix-mazout .affichage-prix:after {
  background: url(/wp-content/themes/michelpetit/dist/images/mazout_prix_section_bg.jpg?484d2e5d14942ddc97c934d81d46b815);
}
main #produit-prix.prix.prix-pellet .affichage-prix:after {
  background: url(/wp-content/themes/michelpetit/dist/images/mazout_prix_section_bg.jpg?484d2e5d14942ddc97c934d81d46b815);
}
main #produit-prix.prix .affichage-prix {
  padding: 4.688rem 0;
  display: flex;
  position: relative;
  z-index: 1;
}
main #produit-prix.prix .affichage-prix:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1356px;
  height: 768px;
  z-index: -1;
}
main #produit-prix.prix .affichage-prix .prix-actuel {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-end;
  width: 40%;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque {
  width: 528px;
  max-width: 100%;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.texaco > div {
  background: #ED1B2E;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.texaco > div:before {
  content: "";
  position: absolute;
  background: url(/wp-content/themes/michelpetit/dist/images/logo_esso_white.svg?da52296bec224cd4f8165baefc70a500);
  width: 147px;
  height: 103px;
  bottom: 20px;
  right: 12px;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div {
  background: #F07F00;
  /*&:before {
    content: '';
    position: absolute;
    background: url('../../_dev/images/badger_pellet_logo.svg');
    width: 121px;
    height: 121px;
    bottom: 20px;
    right: 12px;
  }*/
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div p.prix {
  position: relative;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div p.prix span.pays {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-left: 0;
  padding-left: 35px;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div p.prix span.pays:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #FFF;
  border-radius: 50%;
  margin: auto;
  width: 18px;
  height: 18px;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div p.prix.be span.pays:before {
  background: #ED1B2E;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div p.prix.fr span.pays:before {
  background: #2060E0;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div p.prix.lu span.pays:before {
  background: #20ACE0;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque > div {
  padding: 60px 50px 60px 50px;
  position: relative;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque p.prix {
  color: #FFF;
  font-size: clamp(1.625rem, 0.0536rem + 3.9286vw, 3rem);
  font-weight: 700;
  display: inline-block;
  margin-bottom: 16px;
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque p.prix span {
  color: #FFF;
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque p.prix span.prix {
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
}
main #produit-prix.prix .affichage-prix .prix-actuel .marque p.txt {
  color: #D5D5D5;
  max-width: 250px;
}
main #produit-prix.prix .affichage-prix .prix-actuel .p-pellet, main #produit-prix.prix .affichage-prix .prix-actuel .hausse p, main #produit-prix.prix .affichage-prix .prix-actuel .hausse .date {
  display: none;
}
main #produit-prix.prix .affichage-prix .prix-actuel .p-pellet.active, main #produit-prix.prix .affichage-prix .prix-actuel .hausse p.active, main #produit-prix.prix .affichage-prix .prix-actuel .hausse .date.active {
  display: block;
}
main #produit-prix.prix .affichage-prix .prix-actuel .hausse .icone {
  display: none !important;
}
main #produit-prix.prix .affichage-prix .prix-actuel .hausse .icone.active {
  display: flex !important;
}
main #produit-prix.prix .affichage-prix .prix-actuel .p-pellet h3 {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 400;
  color: #FFF;
  margin-bottom: 15px;
}
main #produit-prix.prix .affichage-prix .prix-actuel .hausse {
  width: 528px;
  max-width: 100%;
}
main #produit-prix.prix .affichage-prix .prix-actuel .hausse > div {
  padding-top: 60px;
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 35px;
}
main #produit-prix.prix .affichage-prix .prix-actuel .hausse > div p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
}
main #produit-prix.prix .affichage-prix .prix-actuel .hausse > div div.icone {
  margin-right: 25px;
  position: relative;
  width: 51px;
  height: 51px;
  background: #F3F3F3;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
main #produit-prix.prix .affichage-prix .prix-actuel .hausse > div div.icone span {
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  color: #483C46;
}
main #produit-prix.prix .affichage-prix .prix-actuel .hausse span.date {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 175px;
  margin: auto;
  font-style: italic;
}
main #produit-prix.prix .affichage-prix .graphique-mazout {
  position: relative;
  width: 60%;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .choix-prix {
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border: 1px solid #CCC;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .choix-prix span {
  color: #483C46;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  position: absolute;
  top: 0;
  bottom: 0;
  height: 24px;
  margin: 0;
  right: 20px;
  top: 16px;
  z-index: 3;
  pointer-events: none;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .choix-prix.is-open li.hide {
  display: block;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .choix-prix li {
  list-style-type: none;
  padding: 18px 50px 18px 40px;
  background: #F3F3F3;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  cursor: pointer;
  width: 135px;
  text-align: center;
  white-space: nowrap;
  display: none;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .choix-prix li.active {
  display: block;
  order: -1;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .choix-prix li.hide {
  transition: all 0.5s;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .choix-prix li.hide:hover {
  background: #FFF;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .content {
  padding: 0 20px;
  height: 650px;
  display: none;
}
main #produit-prix.prix .affichage-prix .graphique-mazout .content.active {
  display: block;
}
main #produit-prix.prix .cta {
  background: #F3F3F3;
  width: 1356px;
  margin: 50px auto 0;
  max-width: 100%;
}
main #produit-prix.prix .cta .content {
  padding: 95px 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
main #produit-prix.prix .cta p {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 400;
  color: #483C46;
  margin-right: 15px;
}
main #produit-prix.prix .cta a {
  margin: 0;
}
main #produit-prix.prix.prix-mazout .graphique-mazout {
  padding-top: 75px;
}
main #avantages {
  padding-top: 6.5rem;
  background: top center url(/wp-content/themes/michelpetit/dist/images/mazout_avantages_section_bg.jpg?3ea7c26f32463ee095b567dbf5002e0e) no-repeat, #F9F9F9;
  padding-bottom: 6.5rem;
}
main #avantages .liste {
  width: 1356px;
  margin: 50px auto 0;
  max-width: 100%;
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
main #avantages .liste .avantage {
  width: calc(50% - 1rem);
  background: #FFF;
  /* ICONE MAZOUT */
  /* ICONE PELLET */
}
main #avantages .liste .avantage .content {
  position: relative;
  z-index: 1;
  padding: 35px 70px 35px 35px;
  display: flex;
  align-items: center;
  min-height: 195px;
}
main #avantages .liste .avantage .content div.texte {
  width: 385px;
  max-width: 100%;
}
main #avantages .liste .avantage .content div.texte h3 {
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  color: #483C46;
  margin-bottom: 20px;
  font-weight: 400;
}
main #avantages .liste .avantage .content div.texte p {
  line-height: 1.3;
  color: #8F7A8C;
}
main #avantages .liste .avantage .content .icone {
  width: calc(100% - 385px);
  position: relative;
  display: flex;
  justify-content: center;
}
main #avantages .liste .avantage .content .icone:before {
  content: "";
  position: absolute;
  left: 21px;
  top: 20px;
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  z-index: 2;
  width: 131px;
  height: 68px;
  background-position: -1270px -168px;
}
main #avantages .liste .avantage .content .icone span {
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  z-index: 3;
  display: inline-block;
}
main #avantages .liste .avantage:first-child .icone.produit-11 span {
  width: 76px;
  height: 123px;
  background-position: -422px 0;
}
main #avantages .liste .avantage:nth-child(2) .icone.produit-11 span {
  width: 146px;
  height: 95px;
  background-position: -503px 0;
}
main #avantages .liste .avantage:nth-child(3) .icone.produit-11 span {
  width: 115px;
  height: 119px;
  background-position: -655px 0;
}
main #avantages .liste .avantage:nth-child(4) .icone.produit-11 span {
  width: 127px;
  height: 145px;
  background-position: -775px 0;
}
main #avantages .liste .avantage:nth-child(5) .icone.produit-11 span {
  width: 121px;
  height: 123px;
  background-position: -1035px 0;
}
main #avantages .liste .avantage:nth-child(6) .icone.produit-11 span {
  width: 123px;
  height: 154px;
  background-position: -907px 0px;
}
main #avantages .liste .avantage:first-child .icone.produit-28 span {
  width: 133px;
  height: 123px;
  background-position: -253px -163px;
}
main #avantages .liste .avantage:nth-child(2) .icone.produit-28 span {
  width: 143px;
  height: 123px;
  background-position: -391px -169px;
}
main #avantages .liste .avantage:nth-child(3) .icone.produit-28 span {
  width: 136px;
  height: 139px;
  background-position: -126px 0;
}
main #avantages .liste .avantage:nth-child(4) .icone.produit-28 span {
  width: 127px;
  height: 145px;
  background-position: -775px 0;
}
main #avantages .liste .avantage:nth-child(5) .icone.produit-28 span {
  width: 147px;
  height: 103px;
  background-position: -539px -169px;
}
main #avantages .liste .avantage:nth-child(6) .icone.produit-28 span {
  width: 140px;
  height: 153px;
  background-position: -692px -171px;
}
main #services {
  position: relative;
}
main #services .pagin {
  display: block;
}
main #services .slider__arrow__s {
  position: absolute;
  width: 96px;
  height: 96px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 50%;
  bottom: -175px;
  margin: auto;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
main #services .slider__arrow__s.slider__arrow--prev {
  left: 0;
}
main #services .slider__arrow__s.slider__arrow--next {
  left: 116px;
}
main #services .slider__arrow__s i {
  color: #8F7A8C;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
main #services .slider__arrow__s:hover {
  background: #F3F3F3;
  transform: scale(0.8);
}
main #services .slider__arrow__s:hover i {
  color: #483C46;
  transition: all 0.3s ease-out;
}
main #services .pagin--mobile {
  display: none;
  top: 0;
  bottom: 0;
  z-index: 99;
  margin: auto 0;
}
main #services .pagin--mobile .slider__arrow__s {
  width: 75px;
  height: 75px;
}
main #services .pagin--mobile.slider__arrow--prev {
  left: 1.25rem;
}
main #services .pagin--mobile.slider__arrow--next {
  left: auto;
  right: 1.25rem;
}
main #services span.line {
  position: absolute;
  content: "";
  height: 1px;
  width: 115px;
  left: 262px;
  bottom: -175px;
  background: #CCC;
}
main #services .container {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  top: 300px;
}
main #services .container .info {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 434px;
  max-width: 100%;
  height: 235px;
  left: 20px;
}
main #services .container .info .swiper-container.txt {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  z-index: 1;
  overflow: hidden;
}
main #services .container .info .swiper-container.txt .swiper-slide h2 {
  font-weight: 400;
  color: #483C46;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 60px;
}
main #services .container .info .swiper-container.txt .swiper-slide p {
  line-height: 1.3;
}
main #services .bloc-slider {
  width: 1224px;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
main #services .bloc-slider .swiper-container {
  width: 760px;
  max-width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  padding-right: 364px;
  z-index: 1;
  overflow: hidden;
}
main #services .bloc-slider .swiper-container .swiper-slide img {
  transition: all 0.5s;
  transform: scale(1, 0.75);
  opacity: 0.4;
}
main #services .bloc-slider .swiper-container .swiper-slide .video__wrapper {
  position: relative;
  max-width: 760px;
  width: 100%;
  padding-bottom: 93%;
  overflow: hidden;
}
main #services .bloc-slider .swiper-container .swiper-slide .video__wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s;
  transform: scale(1, 0.75);
  opacity: 0.4;
}
main #services .bloc-slider .swiper-container .swiper-slide.swiper-slide-active img, main #services .bloc-slider .swiper-container .swiper-slide.swiper-slide-active video {
  transform: scale(1);
  opacity: 1;
}
main #livraison {
  margin-top: 6.5rem;
  position: relative;
}
main #livraison .container {
  position: relative;
  padding-top: 4.688rem;
  z-index: 2;
  /*&:after {
    content: '';
    position: absolute;
    top: 0;
    width: calc( 100% - 2.5rem);
    max-width: 100%;
    height: 50%;
    background: #F3F3F3;
    z-index: -1;
  }*/
}
main #livraison .container .intro, main #livraison .container h2, main #livraison .container p {
  position: relative;
  z-index: 3;
}
main #livraison .container .intro .txt.hide {
  display: none;
}
main #livraison .container .map-livraison.hide {
  display: none;
}
main #livraison .container .choix_pellet {
  position: relative;
  z-index: 2;
  display: flex;
  margin-top: 4.688rem;
  margin-bottom: 3.125rem;
  justify-content: center;
}
main #livraison .container .choix_pellet li {
  display: inline-block;
  list-style-type: none;
  cursor: pointer;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  color: #483C46;
  margin: 0 10px;
  transition: background 0.3s ease-in;
  padding: 30px 25px;
  border: 4px solid transparent;
  border-bottom: 0;
}
main #livraison .container .choix_pellet li a {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  color: #483C46;
  text-decoration: none;
}
main #livraison .container .choix_pellet li.active {
  border-color: #F07F00;
  background: #FFF;
  font-weight: 700;
  font-size: clamp(1rem, 0.6429rem + 0.8929vw, 1.3125rem);
}
main #livraison .container .choix_pellet li:hover {
  background: #FFF;
}
main #livraison .container .choix_pellet::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #F3F3F3;
  width: 100%;
  height: 360px;
  bottom: 0;
}
main #livraison .container .map-livraison img {
  margin: auto;
}
main #livraison .container:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 16px;
  width: 252px;
  max-width: 100%;
  border-radius: 10px;
  top: -8px;
  z-index: 10;
}
main .cta-footer {
  background: no-repeat url(/wp-content/themes/michelpetit/dist/images/home_bottom_cta.jpg?5ca5fc577f71507dcd3878f9f51b114c) top right;
  padding: 10rem 0;
  position: relative;
  margin-top: 4.688rem;
}
main .cta-footer .line {
  position: absolute;
  height: 12px;
  width: 160px;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
}
main .cta-footer .line.rouge {
  left: -335px;
  background: #ED1B2E;
}
main .cta-footer .line.orange {
  background: #F07F00;
}
main .cta-footer .line.vert {
  right: -335px;
  background: #CCD74C;
}
main .cta-footer .container {
  text-align: center;
}
main .cta-footer .container h3 {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 700;
  margin-bottom: 25px;
  color: #483C46;
}

#faq {
  padding-top: 6.5rem;
  margin-bottom: 6.5rem;
}
#faq .questions-reponses {
  position: relative;
  z-index: 1;
  padding: 4.688rem 0;
}
#faq .questions-reponses:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #F3F3F3;
  z-index: -1;
}
#faq .questions-reponses .container {
  display: flex;
  align-items: center;
}
#faq .faq {
  width: 56%;
}
#faq .faq .content {
  padding: 50px 70px 50px 70px;
  box-shadow: 0px 1px 3px #0000000D;
  border: 1px solid #CCC;
  background: #FFF;
}
#faq .faq .content > ul li {
  list-style-type: none;
  border-bottom: 1px solid #D5D5D5;
  padding: 0 0 25px;
  cursor: pointer;
}
#faq .faq .content > ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#faq .faq .content > ul li .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
}
#faq .faq .content > ul li .question p {
  font-size: clamp(1.125rem, 0.8393rem + 0.7143vw, 1.375rem);
  color: #483C46;
  width: calc(100% - 47px);
}
#faq .faq .content > ul li .question i {
  width: 27px;
  color: #8F7A8C;
  font-size: clamp(1.375rem, 1.0893rem + 0.7143vw, 1.625rem);
}
#faq .faq .content > ul li .reponse {
  color: #8F7A8C;
  display: none;
}
#faq .faq .content > ul li .reponse a {
  color: #483C46;
}
#faq .faq .content > ul li .reponse ul {
  margin: 25px 0;
}
#faq .faq .content > ul li .reponse li {
  margin-left: 25px;
  padding: 0;
  list-style-type: disc;
  border-bottom: 0;
  cursor: initial;
}
#faq .faq .content > ul li.active .reponse {
  display: block;
}
#faq .info-contact {
  width: 44%;
  text-align: center;
  display: flex;
  justify-content: center;
}
#faq .info-contact div {
  width: 528px;
  max-width: 100%;
}
#faq .info-contact span.icone {
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  z-index: 3;
  display: inline-block;
  width: 144px;
  height: 138px;
  background-position: -1161px 0;
}
#faq .info-contact h3 {
  font-weight: 400;
  text-align: center;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin: 35px 0 50px;
  color: #483C46;
}
#faq .info-contact a {
  margin: 0;
}
#faq .info-contact p {
  width: 394px;
  max-width: 100%;
  margin: 0 auto 50px;
  line-height: 1.3;
}

@media (max-width: 1640px) {
  .produit-page #produit__banner #txt-banner {
    top: 150px;
  }

  main #services .bloc-slider {
    width: 1000px;
  }
}
@media (max-width: 1560px) {
  .produit-page #produit__banner #txt-banner .container .introduction .down-intro {
    display: none;
  }

  main #services .bloc-slider {
    width: 900px;
  }
}
@media (max-width: 1440px) {
  main .sous-menu {
    margin-top: -100px;
  }

  main #services .bloc-slider {
    width: 750px;
  }

  main #services .bloc-slider .swiper-container {
    width: 600px;
  }

  main #avantages .liste .avantage .content div.texte {
    width: 325px;
  }

  main #avantages .liste .avantage .content .icone {
    width: calc(100% - 325px);
  }

  .produit-page #produit__banner #txt-banner .container .introduction {
    padding-bottom: 0;
  }
}
@media (max-width: 1280px) {
  main #avantages .liste .avantage .content div.texte {
    width: 295px;
  }

  main #avantages .liste .avantage .content .icone {
    width: calc(100% - 295px);
  }

  main .sous-menu .container a {
    min-height: 44px;
    padding: 70px 20px;
  }

  main #produit-prix.prix .cta .content,
main #produit-infos .cta .content {
    flex-direction: column;
  }

  main #produit-prix.prix .cta p {
    margin-right: 0;
    margin-bottom: 15px;
  }

  * main #faq .questions-reponses .container .info-contact h3 {
    padding: 0 1.25rem;
  }

  main #faq .questions-reponses .container .faq .content {
    padding: 50px 1.25rem 50px 1.25rem;
  }

  main #avantages .liste .avantage .content {
    min-height: 235px;
  }

  main #services .bloc-slider {
    width: 650px;
  }

  main #services .bloc-slider .swiper-container {
    width: 500px;
    margin: 0 auto;
  }

  main #services .container .info {
    margin-top: 2.5rem;
  }

  main #services .container {
    top: 30px;
  }
}
@media (max-width: 1199px) {
  main #services .pagin {
    display: none;
  }

  main #services .pagin--mobile {
    display: block;
  }

  main .sous-menu {
    margin-top: 0;
  }

  main .sous-menu .container a {
    padding: 40px 20px;
  }

  main #avantages .liste .avantage .content {
    flex-direction: column;
  }

  #avantages .liste .avantage .content .icone {
    width: 100% !important;
    margin-bottom: 2rem;
  }

  main #avantages .liste .avantage .content div.texte {
    width: 100%;
  }

  main #avantages .liste .avantage .content .icone::before {
    left: 0;
    right: 0;
    margin: auto;
  }

  main #avantages .liste .avantage .content {
    min-height: 368px;
  }

  main #services {
    display: flex;
    flex-wrap: wrap;
  }

  main #services .container {
    top: 0;
    order: 2;
  }

  main #services .container .info {
    position: relative;
    height: auto;
    left: auto;
    margin-bottom: 3.125rem;
  }

  main #services .container .info .swiper-container.txt {
    position: relative;
  }

  main #services .slider__arrow__s, main #services span.line {
    bottom: -120px;
  }

  main #services .bloc-slider {
    padding-top: 6.5rem;
    width: 100%;
    order: 1;
  }

  main #services .container {
    z-index: 1;
  }

  main #produit-prix.prix .affichage-prix .prix-actuel .marque.texaco > div::before {
    width: 61px;
    height: 43px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (max-width: 991px) {
  .produit-page #produit__banner #txt-banner {
    position: relative;
    margin-top: -165px;
    padding-bottom: 2.5rem;
    margin-bottom: 0;
    top: 0;
  }

  .produit-page #produit__banner.has-video {
    position: relative;
    overflow: hidden;
  }

  .produit-page #produit__banner.has-video video {
    position: absolute;
    top: 7rem;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .produit-page #produit__banner.has-video #txt-banner {
    padding-top: 13rem;
    margin-top: 0;
  }

  main #produit-prix.prix .affichage-prix .prix-actuel, main #produit-prix.prix .affichage-prix .graphique-mazout, main #produit-prix.prix .affichage-prix .pellet {
    width: 100%;
  }

  main #produit-prix.prix .affichage-prix {
    flex-wrap: wrap;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  main #produit-prix.prix .affichage-prix .prix-actuel {
    align-items: center;
  }

  #produit-prix.prix .cta p {
    text-align: center;
  }

  main #avantages .liste .avantage {
    width: 80%;
  }

  main #avantages .liste .avantage:nth-child(2n+1) .content {
    margin-right: 0;
  }

  main #avantages .liste .avantage:nth-child(2n) .content {
    margin-left: 0;
  }

  main #avantages .liste .avantage .content {
    padding: 35px 35px 35px 35px;
  }

  main #avantages .liste .avantage .content {
    min-height: auto;
  }

  main #faq .questions-reponses .container {
    flex-wrap: wrap;
  }

  main #faq .questions-reponses .container .faq {
    width: 100%;
  }

  main #faq .questions-reponses .container .info-contact {
    margin-top: 35px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .produit-page #produit__banner #txt-banner {
    margin-top: -160px;
  }

  main .cta-footer {
    background-position: bottom center;
  }

  main .sous-menu .container a {
    padding: 40px 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 64px;
  }

  main #services .pagin--mobile {
    top: 16rem;
  }

  main #services .pagin--mobile.slider__arrow__s {
    width: 46px;
    height: 46px;
  }
}
@media (min-width: 641px) {
  .produit-page #produit__banner #txt-banner .container .select__wrapper {
    display: none;
  }
}
@media (max-width: 640px) {
  .produit-page .sous-menu--sticky {
    display: none;
  }

  .produit-page #produit__banner #txt-banner .container .select__wrapper.is-fixed {
    display: block;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    margin: 0;
    padding: 1rem;
    background: #FFF;
    border-bottom: 1px solid #CCC;
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, 0.2);
  }
  .produit-page #produit__banner #txt-banner .container .select__wrapper.is-fixed select {
    width: 95vw;
    max-width: 100%;
  }
  .produit-page #produit__banner #txt-banner .container .select__wrapper.is-fixed::after {
    right: 2rem;
  }

  main #livraison .container .choix_pellet::before {
    height: 318px;
  }

  .produit-page #produit__banner #txt-banner .container .introduction h1 span {
    margin-top: 0.5rem;
  }

  main .sous-menu .container::before {
    max-width: 95%;
  }

  .produit-page #produit__banner #txt-banner .container .introduction p {
    max-width: 100%;
  }

  .produit-page #produit__banner #txt-banner {
    margin-top: -70px;
  }

  .produit-page #produit__banner #txt-banner .container .introduction h1 {
    font-size: clamp(1.625rem, 0.0536rem + 3.9286vw, 3rem);
  }

  main .sous-menu {
    display: none;
  }

  main #produit-prix.prix .cta a {
    text-align: center;
  }

  main #avantages .liste .avantage {
    width: 100%;
  }

  main .cta-footer .line {
    width: 100px;
  }

  main .cta-footer .line.rouge {
    left: -230px;
  }

  main .cta-footer .line.vert {
    right: -230px;
  }

  main #produit-prix.prix .cta .content,
main #produit-infos .cta .content {
    padding: 50px 1.25rem;
  }

  main #livraison .container .choix_pellet {
    align-items: center;
  }

  main #produit-prix.prix,
main #produit-infos,
main #services .bloc-slider {
    padding-top: 4rem;
  }

  main #services .container .info .swiper-container.txt .swiper-slide h2 {
    margin-bottom: 2.5rem;
  }

  main #produit-prix::before {
    content: "";
    position: absolute;
    max-width: 260px;
    width: 100%;
    height: 8px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 25px;
    top: -4px;
  }

  main.produit-11 #produit-prix::before {
    background: #ED1B2E;
  }

  main.produit-28 #produit-prix::before {
    background: #F07F00;
  }

  main #produit-prix.prix .affichage-prix .prix-actuel .marque > div {
    padding: 60px 35px 60px 35px;
  }

  main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div::before {
    width: 61px;
    height: 61px;
    background-size: contain;
  }

  main #avantages {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  main #avantages .liste .avantage .content .icone span {
    transform: scale(0.8);
  }

  main #services .pagin--mobile {
    top: 46rem;
    z-index: 1;
  }

  main #services .pagin--mobile.slider__arrow--prev {
    left: 40%;
  }

  main #services .pagin--mobile.slider__arrow--next {
    right: 40%;
  }
}
@media (max-width: 560px) {
  main #livraison .container .choix_pellet li {
    padding: 1.5rem 1rem;
  }
}
@media (max-width: 480px) {
  .produit-page #produit__banner {
    margin-top: 0;
  }

  #produit_mazout header#navigation, #produit_pellet header#navigation {
    background: #483C46;
  }

  .produit-page #produit__banner.has-video {
    margin-top: -165px;
  }

  main #avantages .liste .avantage .content {
    padding: 2rem 1rem;
    text-align: center;
  }

  .produit-page #produit__banner #txt-banner {
    margin-top: 0;
  }

  main #services span.line {
    left: auto;
    right: 0;
  }

  main #services .bloc-slider .swiper-container {
    padding-right: 0;
  }

  main #services .container .info .swiper-container.txt .swiper-slide {
    text-align: center;
  }

  main #services .pagin--mobile.slider__arrow--prev {
    left: 30%;
  }

  main #services .pagin--mobile.slider__arrow--next {
    right: 30%;
  }

  main #livraison .container .choix_pellet::before {
    height: 308px;
  }

  .produit-page #produit__banner.has-video video {
    top: 5rem;
  }

  main #produit-prix.prix .affichage-prix .graphique-mazout {
    padding-top: 25px;
  }

  main #produit-prix.prix .affichage-prix .prix-actuel .hausse > div {
    padding: 20px 0;
  }

  main #produit-prix.prix .affichage-prix .prix-actuel .marque p.txt {
    max-width: 200px;
  }

  main #produit-prix.prix .affichage-prix .prix-actuel .marque.badger > div,
main #produit-prix.prix .affichage-prix .prix-actuel .marque > div {
    padding: 20px;
  }

  main #produit-prix.prix .affichage-prix {
    padding-top: 2.25rem;
  }

  main.produit-11 #produit-prix .intro txt {
    margin-bottom: 0;
  }

  main.produit-11 #produit-prix.prix .affichage-prix .graphique-mazout {
    padding-top: 85px;
  }

  main #produit-prix.prix .affichage-prix .graphique-mazout .choix-prix {
    width: -moz-fit-content;
    width: fit-content;
    left: 0;
    right: 0;
    margin: auto;
    top: 15px;
  }
}
@media (max-width: 380px) {
  main #services .pagin--mobile {
    top: 40rem;
  }

  main #livraison .container .choix_pellet::before {
    height: 328px;
  }
}
@media (max-width: 375px) {
  main #services .pagin--mobile {
    top: 40rem;
  }

  #produit_mazout main #services .pagin--mobile {
    top: 33rem;
  }

  main #livraison .container .choix_pellet::before {
    height: 328px;
  }

  main #services .container .info .swiper-container.txt .swiper-slide h2 {
    margin-bottom: 2rem;
  }

  .produit-page #produit__banner.has-video video {
    z-index: 1;
  }

  .produit-page #produit__banner.has-video #txt-banner {
    z-index: 3;
  }
}
@media (max-width: 320px) {
  main #services .pagin--mobile.slider__arrow--prev {
    left: 35%;
  }

  main #services .pagin--mobile.slider__arrow--next {
    right: 35%;
  }
}
main #produit-prix.prix.prix-mazout .affichage-prix::after {
  content: none;
}

main #produit-prix.prix .affichage-prix .prix-actuel .marque p.prix span {
  font-size: 24px;
}

@keyframes iconLeft {
  from {
    background-position-y: -31px;
  }
  to {
    background-position-y: 0;
  }
}
@keyframes iconRight {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: -31px;
  }
}
.choosePrice {
  padding: 30px 0;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 2rem;
  justify-content: center;
  margin: auto;
  cursor: pointer;
}
.choosePrice span {
  color: #483c46;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
}
.choosePrice .selector {
  width: 167px;
  height: 56px;
  border-radius: 20px;
  background-color: #F07F00;
  position: relative;
  transition: all 0.3s ease-in;
}
.choosePrice .selector .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  border-radius: 20px;
  width: 42px;
  height: 42px;
  box-shadow: 0px 3px 6px #00000029;
  transition: left 0.3s ease-in;
  display: flex;
  justify-content: center;
  align-items: center;
}
.choosePrice .selector .icon::before {
  content: "";
  display: block;
  background: url(/wp-content/themes/michelpetit/dist/images/icon_price_selector.svg?78d4ee2d1e51069e0e5dd6ffdb3e1a8c) no-repeat top center;
  width: 32px;
  transition: all 0.3s ease-in;
}
.choosePrice[data-chosen=sac] .sac {
  font-weight: 700;
}
.choosePrice[data-chosen=sac] .icon {
  transform: translateX(0.5rem);
  transition: all 0.3s ease-in;
}
.choosePrice[data-chosen=sac] .icon::before {
  height: 30px;
  background-position-y: 0;
  animation: iconLeft 0.3s 0.3s ease-in;
}
.choosePrice[data-chosen=vrac] .vrac {
  font-weight: 700;
}
.choosePrice[data-chosen=vrac] .icon {
  transform: translateX(118px);
  transition: all 0.3s ease-in;
}
.choosePrice[data-chosen=vrac] .icon::before {
  height: 24px;
  background-position-y: -31px;
  animation: iconRight 0.3s 0.3s ease-in;
}

@media all and (max-width: 500px) {
  .choosePrice span {
    font-size: 18px;
  }

  .choosePrice {
    gap: 0.5rem;
  }

  .choosePrice .selector {
    width: 100px;
    border-radius: 15px;
  }

  .choosePrice .selector .icon {
    border-radius: 15px;
  }

  .choosePrice[data-chosen=vrac] .icon {
    transform: translateX(52px);
  }
}
@media (max-width: 480px) {
  .choosePrice {
    padding-top: 0;
  }
}
.interne-page #page__banner {
  margin-top: -195px;
}
.interne-page #page__banner #txt-banner {
  position: absolute;
  top: 250px;
  z-index: 3;
  left: 0;
  right: 0;
  margin: auto;
}
.interne-page #page__banner #txt-banner .container {
  position: relative;
  text-align: center;
}
.interne-page #page__banner #txt-banner .container .introduction {
  margin: auto;
  padding-bottom: 100px;
}
.interne-page #page__banner #txt-banner .container .introduction h1 {
  color: #FFF;
  font-size: clamp(2rem, -0.2857rem + 5.7143vw, 4rem);
  font-weight: 700;
  margin-bottom: 15px;
}
.interne-page #page__banner #txt-banner .container .introduction h1 span {
  display: block;
  font-weight: 400;
  text-align: center;
  margin-top: 10px;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
}
.interne-page #page__banner #txt-banner .container .introduction p {
  width: 570px;
  margin: 35px auto 0;
  color: #D5D5D5;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
}
.interne-page #page__banner #txt-banner .container .introduction .down-intro {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  width: 30px;
  height: 52px;
}
.interne-page #page__banner #txt-banner .container .introduction .down-intro:hover:after {
  bottom: -4px;
}
.interne-page #page__banner #txt-banner .container .introduction .down-intro:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  background: center url(/wp-content/themes/michelpetit/dist/images/icon_scroll_mouse.svg?106ff8a76223b06f0fee505a77827ca3) no-repeat;
  width: 25px;
  height: 36px;
}
.interne-page #page__banner #txt-banner .container .introduction .down-intro:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: center url(/wp-content/themes/michelpetit/dist/images/icon_scroll_arrow.svg?ec41d657d90ebf4957f41cdc29333ae7) no-repeat;
  width: 20px;
  height: 15px;
  transition: all 0.5s;
}

.interne-page footer {
  margin-top: -100px;
}

.interne-page main {
  position: relative;
  /* BLOC DE CONTENU */
}
.interne-page main .white-bloc-top {
  position: relative;
  margin-top: -100px;
}
.interne-page main .white-bloc-top .container {
  padding-top: 100px;
  position: relative;
  background: #FFF;
}
.interne-page main .white-bloc-top .container .line-top {
  position: absolute;
  height: 12px;
  width: 160px;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
}
.interne-page main .white-bloc-top .container .line-top.rouge {
  left: -335px;
  background: #ED1B2E;
}
.interne-page main .white-bloc-top .container .line-top.orange {
  background: #F07F00;
}
.interne-page main .white-bloc-top .container .line-top.vert {
  right: -335px;
  background: #CCD74C;
}
.interne-page main .intro .content {
  width: 1356px;
  max-width: 100%;
  margin: auto;
}
.interne-page main .intro .content h2 {
  text-align: center;
  font-weight: 400;
  color: #8F7A8C;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
  margin-bottom: 4.688rem;
}
.interne-page main .intro .content .cta-top {
  padding: 35px 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.688rem;
  background: #F3F3F3;
}
.interne-page main .intro .content .cta-top p {
  color: #483C46;
  font-size: clamp(1rem, 0.8571rem + 0.3571vw, 1.125rem);
  width: calc(100% - 265px);
}
.interne-page main .intro .content .cta-top-commande {
  padding: 35px 75px;
  background: #F3F3F3;
  margin-bottom: 4.688rem;
}
.interne-page main .intro .content .cta-top-commande > div:first-child {
  width: 620px;
  margin: auto;
  max-width: 100%;
  text-align: center;
}
.interne-page main .intro .content .cta-top-commande > div:first-child p {
  color: #483C46;
  font-size: clamp(1rem, 0.8571rem + 0.3571vw, 1.125rem);
}
.interne-page main .intro .content .cta-top-commande > div:first-child p a {
  color: #483C46;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  text-decoration: none;
}
.interne-page main .intro .content .cta-top-commande > div:first-child p a i {
  margin-right: 10px;
}
.interne-page main .intro .content .cta-top-commande > div:first-child p.pre-cta {
  font-weight: 700;
}
.interne-page main .intro .content .cta-top-commande > div:first-child p.margin {
  margin: 1rem 0;
}
.interne-page main .intro .content .cta-top-commande div.cta-commande {
  display: flex;
  margin-top: 1.25rem;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.interne-page main .main-content .bloc {
  position: relative;
  z-index: 1;
  padding: 3.125rem 0;
}
.interne-page main .main-content .bloc:before {
  content: "";
  position: absolute;
  width: 100%;
  background: #F3F3F3;
  height: 100%;
  bottom: 0;
}
.interne-page main .main-content .bloc.first {
  padding-top: 0;
}
.interne-page main .main-content .bloc.first:before, .interne-page main .main-content .bloc.last:before {
  height: 50%;
}
.interne-page main .main-content .bloc.last:before {
  bottom: auto;
  top: 0;
}
.interne-page main .main-content .bloc.no-img .container:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 12px;
  width: 200px;
  background: #CCD74C;
  margin: auto;
  z-index: 2;
}
.interne-page main .main-content .bloc.no-img .ctn-h2 {
  text-align: center;
}
.interne-page main .main-content .bloc.img .content {
  display: flex;
  justify-content: space-between;
}
.interne-page main .main-content .bloc.img .content > div, .interne-page main .main-content .bloc.img .content div.img {
  width: calc(50% - 1.875rem);
}
.interne-page main .main-content .bloc.img .container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  top: 0;
  width: 12px;
  height: 200px;
  background: #CCD74C;
  margin: auto;
  z-index: 2;
}
.interne-page main .main-content .bloc.img h2:after {
  right: auto !important;
}
.interne-page main .main-content .bloc.even.img .content {
  flex-direction: row-reverse;
}
.interne-page main .main-content .bloc.even.img .container::after {
  left: auto !important;
  right: -6px;
}
.interne-page main .main-content .bloc .container {
  position: relative;
  background: #FFF;
}
.interne-page main .main-content .bloc .container .content {
  width: 1356px;
  max-width: calc(100% - 2.5rem);
  margin: auto;
  padding: 4.688rem 1.25rem;
}
.interne-page main .main-content .bloc .container .content h2 {
  color: #483C46;
  padding-bottom: 2.5rem;
  position: relative;
  margin-bottom: 2.5rem;
  display: inline-block;
  font-weight: 400;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
}
.interne-page main .main-content .bloc .container .content h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 110px;
  height: 1px;
  background: #CCC;
}
.interne-page main .main-content .bloc .container .content .texte p {
  margin-bottom: 15px;
  line-height: 1.3;
}
.interne-page main .main-content .bloc .container .content .texte a {
  color: #483C46;
}
.interne-page main .main-content .bloc .container .content .texte ul {
  margin-left: 25px;
  margin-bottom: 15px;
}
.interne-page main .main-content .bloc .container .content .texte ul li {
  list-style-type: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 8px;
}
.interne-page main .main-content .bloc .container .content .texte ul li:before {
  content: "\f054";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #483C46;
  height: 18px;
}

/* ERROR 404 */
main#error404 .container {
  position: relative;
}
main#error404 .container .content {
  width: 1356px;
  max-width: 100%;
  margin: auto;
}
main#error404 .container .content h2 {
  text-align: center;
  font-weight: 400;
  color: #8F7A8C;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
  margin-bottom: 4.688rem;
}
main#error404 .container .content .cta-top {
  padding: 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.688rem;
  background: #F3F3F3;
  flex-direction: column;
}
main#error404 .container .content .cta-top p {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 400;
  color: #483C46;
  margin-right: 0;
  margin-bottom: 35px;
  text-align: center;
}
main#error404 .container .content .cta-top a {
  margin: 0;
}

/* PAGE CONTACT */
main.contact #page__cta__contact {
  margin-top: 0;
}
main.contact .container {
  position: relative;
}
main.contact .container .content {
  width: 1356px;
  max-width: 100%;
  margin: auto;
}
main.contact .container .content h2 {
  text-align: center;
  font-weight: 400;
  color: #8F7A8C;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
  margin-bottom: 4.688rem;
}
main.contact .container .content .cta-top {
  padding: 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  margin-bottom: 4.688rem;
  background: #F3F3F3;
}
main.contact .container .content .cta-top p {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 400;
  color: #483C46;
  margin-right: 15px;
}
main.contact .container .content .cta-top a {
  margin: 0;
}
main.contact .container .content .contact-info {
  border: 1px solid #CCC;
  padding: 4.688rem 1.25rem;
  display: flex;
  background: #FFF;
}
main.contact .container .content .contact-info .coord, main.contact .container .content .contact-info .horaires {
  width: 50%;
  text-align: center;
}
main.contact .container .content .contact-info .coord h3, main.contact .container .content .contact-info .horaires h3 {
  font-size: clamp(1.375rem, 1.0893rem + 0.7143vw, 1.625rem);
  font-weight: 400;
  position: relative;
  padding-bottom: 2.188rem;
  margin-bottom: 3.125rem;
  color: #483C46;
}
main.contact .container .content .contact-info .coord h3:after, main.contact .container .content .contact-info .horaires h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 110px;
  height: 1px;
  background: #CCC;
}
main.contact .container .content .contact-info .coord .txt, main.contact .container .content .contact-info .horaires .txt {
  margin-bottom: 2.188rem;
}
main.contact .container .content .contact-info .coord .txt h4, main.contact .container .content .contact-info .horaires .txt h4 {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  font-weight: 400;
  color: #483C46;
  margin-bottom: 10px;
}
main.contact .container .content .contact-info .coord .txt a, main.contact .container .content .contact-info .horaires .txt a {
  text-decoration: none;
  color: #8F7A8C;
}
main.contact .container .content .contact-info .coord ul, main.contact .container .content .contact-info .horaires ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main.contact .container .content .contact-info .coord ul li, main.contact .container .content .contact-info .horaires ul li {
  display: flex;
  width: 310px;
  gap: 0.3rem;
  list-style-type: none;
  margin-bottom: 12px;
  align-items: center;
}
main.contact .container .content .contact-info .coord ul li a, main.contact .container .content .contact-info .horaires ul li a {
  text-decoration: none;
  color: #8F7A8C;
}
main.contact .container .content .contact-info .coord ul li span, main.contact .container .content .contact-info .horaires ul li span {
  display: inline-block;
}
main.contact .container .content .contact-info .coord ul li span.ttl, main.contact .container .content .contact-info .horaires ul li span.ttl {
  color: #483C46;
}
main.contact .container .content .contact-info .coord ul li span.icone-c, main.contact .container .content .contact-info .horaires ul li span.icone-c {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F3F3F3;
  border-radius: 50%;
}
main.contact .map-contact {
  margin-top: -290px;
}

/* MENTIONS LEGALES */
.info-leg {
  margin-top: 35px;
}
.info-leg h4 {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  font-weight: 400;
  color: #483C46;
  margin-bottom: 10px;
  text-align: center;
}
.info-leg ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
.info-leg ul li {
  display: flex;
  justify-content: space-between;
  width: 285px;
  list-style-type: none;
  margin-bottom: 8px;
  align-items: center;
}
.info-leg ul li a {
  text-decoration: none;
  color: #8F7A8C;
}
.info-leg ul li span {
  display: inline-block;
}
.info-leg ul li span.ttl {
  color: #483C46;
}
.info-leg ul li div.icone-c {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F3F3F3;
  border-radius: 50%;
}

/* FORMULAIRE DE COMMANDE */
#formulaire {
  margin-bottom: 4.688rem;
}
#formulaire .info-warning, #formulaire .info-info {
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  background: #F07F00;
  color: #FFF;
}
#formulaire .info-warning strong, #formulaire .info-info strong {
  color: #FFF;
}
#formulaire .info-warning i, #formulaire .info-info i {
  display: block;
  color: #F07F00;
  background: #FFF;
  padding: 0.5rem;
  margin-right: 1rem;
  border-radius: 50%;
}
#formulaire .info-info {
  background: #8F7A8C;
  width: 100%;
  text-align: center;
  justify-content: center;
  padding: 5px 15px;
}
#formulaire .container {
  position: relative;
}
#formulaire .container .form {
  width: 1218px;
  position: relative;
  z-index: 1;
  border: 1px solid #CCC;
}
#formulaire .container .form form {
  padding: 0 45px;
}
#formulaire .container .form:before {
  content: "";
  position: absolute;
  top: 0;
  height: 60px;
  width: 100%;
  background: #F3F3F3;
  border-bottom: 1px solid #CCC;
  z-index: -1;
}
#formulaire .container .form:after {
  content: "";
  position: absolute;
  top: -40px;
  right: -60px;
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  width: 151px;
  height: 153px;
  background-position: -837px -168px;
  z-index: 3;
}
@media (min-width: 1640px) {
  #formulaire .container .form:after {
    animation: rotate 10s linear infinite;
  }
}
#formulaire .container .info-form {
  position: absolute;
  top: 230px;
  right: 0;
  background: #483C46;
  width: 528px;
  max-width: 100%;
  z-index: 3;
}
#formulaire .container .info-form > div {
  padding: 35px 40px;
}
#formulaire .container .info-form img {
  margin: 0 auto 40px;
}
#formulaire .container .info-form p {
  color: #FFF;
}
#formulaire .container .info-form p.txt {
  padding-bottom: 30px;
  position: relative;
  line-height: 1.3;
}
#formulaire .container .info-form p.txt:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  height: 1px;
  width: 90%;
  background: #FFF;
}
#formulaire .container .info-form p.titre-ul {
  font-weight: 700;
  text-align: center;
  padding: 40px 0 30px;
}
#formulaire .container .info-form ul li {
  list-style-type: none;
  color: #FFF;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#formulaire .container .info-form ul li .i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  background: #8F7A8C;
  border-radius: 50%;
  margin-right: 15px;
}
#formulaire .container .info-form ul li .i span {
  color: #FFF;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
}

/* WP FORM */
#wpforms-39-field_54, #wpforms-1536-field_54, #wpforms-1526-field_54, #wpforms-1881-field_54 {
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem;
  display: flex;
  align-items: center;
  background: #F07F00;
  color: #FFF;
}

#wpforms-1881-field_89-container, #wpforms-1881-field_90-container {
  padding: 0 !important;
  font-size: 18px;
}

#wpforms-1536-field_54-container, #wpforms-1526-field_54-container, #wpforms-1881-field_54-container {
  padding-bottom: 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
  margin: 15px 0px 0 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles {
  border: none !important;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator {
  display: flex;
  justify-content: space-between;
  width: 1016px;
  max-width: 100%;
  padding: 0 37px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator .wpforms-page-indicator-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator .wpforms-page-indicator-page.active .wpforms-page-indicator-page-title {
  color: #483C46 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator .wpforms-page-indicator-page.active .wpforms-page-indicator-page-number {
  border: 1px solid #CCD74C;
  background-color: #CCD74C !important;
  color: #FFF !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator .wpforms-page-indicator-page .wpforms-page-indicator-page-title {
  padding-top: 15px;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator .wpforms-page-indicator-page .wpforms-page-indicator-page-number {
  border: 1px solid #D5D5D5;
  background-color: #FFF !important;
  width: 48px !important;
  height: 48px !important;
  line-height: 48px !important;
  color: #8F7A8C !important;
}

.wpforms-pagebreak-center .wpforms-page-button {
  border: none !important;
  font-size: 18px !important;
  color: #483C46 !important;
  padding: 16px 31px !important;
  margin: 20px 0 15px !important;
}

.wpforms-field-checkbox li {
  display: flex;
  align-items: center;
}
.wpforms-field-checkbox li input {
  height: 20px !important;
}

.wpforms-field-container {
  width: 1016px !important;
  max-width: 100%;
}
.wpforms-field-container h3 {
  position: relative !important;
  text-align: center;
  font-weight: 400;
  color: #483C46;
  padding-bottom: 45px !important;
  margin-bottom: 20px !important;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem) !important;
}
.wpforms-field-container h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 110px;
  height: 1px;
  background: #CCC;
}

#wpforms-39-field_18-container {
  display: none !important;
}

.wpforms-field-container {
  margin-top: 50px !important;
}

#wpforms-39-field_48-container.unactive, #wpforms-39-field_49-container.unactive, #wpforms-39-field_50-container.unactive, #wpforms-39-field_51-container.unactive,
#wpforms-1536-field_48-container.unactive, #wpforms-1536-field_49-container.unactive, #wpforms-1536-field_50-container.unactive, #wpforms-1536-field_51-container.unactive, #wpforms-1536-field_69-container.unactive, #wpforms-1536-field_70-container.unactive, #wpforms-1536-field_71-container.unactive, #wpforms-1536-field_72-container.unactive, #wpforms-1536-field_73-container.unactive, #wpforms-1536-field_74-container.unactive,
#wpforms-1881-field_48-container.unactive, #wpforms-1881-field_49-container.unactive, #wpforms-1881-field_50-container.unactive, #wpforms-1881-field_51-container.unactive, #wpforms-1881-field_69-container.unactive, #wpforms-1881-field_70-container.unactive, #wpforms-1881-field_71-container.unactive, #wpforms-1881-field_72-container.unactive, #wpforms-1881-field_73-container.unactive, #wpforms-1881-field_74-container.unactive, #wpforms-1526-field_48-container.unactive, #wpforms-1526-field_50-container.unactive, #wpforms-1526-field_49-container.unactive, #wpforms-1526-field_51-container.unactive {
  opacity: 0.4;
  pointer-events: none;
}

#wpforms-39-field_48-container, #wpforms-39-field_49-container, #wpforms-39-field_36-container, #wpforms-39-field_4-container,
#wpforms-1536-field_48-container, #wpforms-1536-field_49-container, #wpforms-1536-field_36-container, #wpforms-1536-field_4-container, #wpforms-1536-field_70-container, #wpforms-1536-field_71-container, #wpforms-1536-field_72-container,
#wpforms-1881-field_48-container, #wpforms-1881-field_49-container, #wpforms-1881-field_36-container, #wpforms-1881-field_4-container, #wpforms-1881-field_70-container, #wpforms-1881-field_71-container, #wpforms-1881-field_72-container,
#wpforms-1526-field_48-container, #wpforms-1526-field_49-container, #wpforms-1526-field_36-container, #wpforms-1562-field_4-container {
  position: relative !important;
}

.wpforms-error {
  border-color: #900;
}

div.wpforms-container-full .wpforms-form input[type=checkbox], div.wpforms-container-full .wpforms-form input[type=radio] {
  min-width: 20px !important;
}

.error-date, .error-cp {
  position: relative !important;
  display: inline-block;
  width: 100% !important;
  font-size: 14px !important;
  bottom: 0 !important;
  color: #900;
}

.error-cp {
  position: relative !important;
}
.error-cp strong {
  color: #900;
}

#info-conditionnement .info {
  padding: 24px;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
#info-conditionnement .info p {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 4px 0;
}
#info-conditionnement .info p.success-cp-p {
  color: #00ba01;
}
#info-conditionnement .info p.error-cp-p {
  color: #f44437;
}
#info-conditionnement .info p u {
  text-decoration: underline;
}
#info-conditionnement .info p span {
  width: 32px;
  display: inline-block;
}
#info-conditionnement .info p span svg {
  width: 32px;
}

#wpforms-1881-field_31-container {
  text-align: center;
}
#wpforms-1881-field_31-container ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#wpforms-1881-field_31-container ul li {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

#wpforms-39-field_12-container, #wpforms-39-field_13-container, #wpforms-39-field_30-container, #wpforms-1526-field_12-container, #wpforms-1526-field_13-container, #wpforms-1526-field_30-container, #wpforms-1536-field_12-container, #wpforms-1536-field_13-container, #wpforms-1536-field_30-container, #wpforms-1881-field_12-container, #wpforms-1881-field_13-container, #wpforms-1881-field_30-container {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 10px !important;
  align-items: center;
}
#wpforms-39-field_12-container ul, #wpforms-39-field_13-container ul, #wpforms-39-field_30-container ul, #wpforms-1526-field_12-container ul, #wpforms-1526-field_13-container ul, #wpforms-1526-field_30-container ul, #wpforms-1536-field_12-container ul, #wpforms-1536-field_13-container ul, #wpforms-1536-field_30-container ul, #wpforms-1881-field_12-container ul, #wpforms-1881-field_13-container ul, #wpforms-1881-field_30-container ul {
  width: 360px !important;
}
#wpforms-39-field_12-container ul li, #wpforms-39-field_13-container ul li, #wpforms-39-field_30-container ul li, #wpforms-1526-field_12-container ul li, #wpforms-1526-field_13-container ul li, #wpforms-1526-field_30-container ul li, #wpforms-1536-field_12-container ul li, #wpforms-1536-field_13-container ul li, #wpforms-1536-field_30-container ul li, #wpforms-1881-field_12-container ul li, #wpforms-1881-field_13-container ul li, #wpforms-1881-field_30-container ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
}
#wpforms-39-field_12-container label.wpforms-field-label, #wpforms-39-field_13-container label.wpforms-field-label, #wpforms-39-field_30-container label.wpforms-field-label, #wpforms-1526-field_12-container label.wpforms-field-label, #wpforms-1526-field_13-container label.wpforms-field-label, #wpforms-1526-field_30-container label.wpforms-field-label, #wpforms-1536-field_12-container label.wpforms-field-label, #wpforms-1536-field_13-container label.wpforms-field-label, #wpforms-1536-field_30-container label.wpforms-field-label, #wpforms-1881-field_12-container label.wpforms-field-label, #wpforms-1881-field_13-container label.wpforms-field-label, #wpforms-1881-field_30-container label.wpforms-field-label {
  font-weight: 400;
  margin-right: 20px;
  color: #483C46;
  margin-bottom: 0 !important;
}

#wpforms-39-field_13-container, #wpforms-1526-field_13-container, #wpforms-1536-field_13-container, #wpforms-1881-field_13-container {
  padding-bottom: 45px !important;
  position: relative;
  margin-bottom: 45px;
}
#wpforms-39-field_13-container:after, #wpforms-1526-field_13-container:after, #wpforms-1536-field_13-container:after, #wpforms-1881-field_13-container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 110px;
  height: 1px;
  background: #CCC;
}

#wpforms-1536-field_76-container, #wpforms-1881-field_76-container {
  padding-bottom: 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-date-time {
  padding-bottom: 5px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
  padding-bottom: 30px !important;
}

div.wpforms-container-full .wpforms-form select, .wpforms-field-row.choices .choices__inner {
  height: 54px !important;
  border: 1px solid #8F7A8C !important;
  color: #8F7A8C !important;
}

.wpforms-field-row.choices {
  max-width: 100% !important;
  width: 100% !important;
}

.wpforms-field-label {
  font-weight: 400 !important;
  color: #483C46 !important;
  margin-bottom: 15px !important;
}

.wpforms-form input {
  border-color: #8F7A8C !important;
  border-radius: 0 !important;
  height: 54px !important;
  padding: 10px 15px !important;
  color: #8F7A8C !important;
}

.wpforms-form input[type=radio] {
  height: 27px !important;
}

div.wpforms-container-full .wpforms-form ul li {
  display: flex;
  align-items: center;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
  border: none !important;
  font-size: 20px !important;
  background: #CCD74C !important;
  color: #FFF !important;
  padding: 20px 35px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  text-align: center;
  padding-bottom: 25px !important;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
  min-width: 100%;
}

div.wpforms-container-full .wpforms-form .wpforms-page-button {
  margin: 0 10px !important;
}

.bottom-form {
  padding-bottom: 6.25rem;
  margin-bottom: 100px;
}
.bottom-form .info-livraison-form {
  padding: 4.688rem 0;
}
.bottom-form .info-livraison-form .container > div {
  display: flex;
  width: 1356px;
  max-width: 100%;
  margin: auto;
}
.bottom-form .info-livraison-form .container > div .info {
  padding: 0 0 55px;
  width: calc(50% - 1.25rem);
  text-align: center;
}
.bottom-form .info-livraison-form .container > div .info.mazout {
  margin-right: 1.25rem;
}
.bottom-form .info-livraison-form .container > div .info.pellet {
  margin-left: 1.25rem;
}
.bottom-form .info-livraison-form .container > div .info .icone {
  display: inline-block;
  position: relative;
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  width: 76px;
  height: 123px;
  background-position: -422px 0;
  z-index: 3;
  margin-bottom: 65px;
}
.bottom-form .info-livraison-form .container > div .info.mazout .icone {
  width: 133px;
  height: 140px;
  background-position: -993px -168px;
}
.bottom-form .info-livraison-form .container > div .info.pellet .icone {
  width: 134px;
  height: 140px;
  background-position: -1131px -168px;
}
.bottom-form .info-livraison-form .container > div .info .texte {
  border: 1px solid #CCC;
  text-align: center;
  padding-bottom: 55px;
}
.bottom-form .info-livraison-form .container > div .info .texte h2 {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 20px;
  padding: 0 15px;
  display: inline-block;
  background: #FFF;
  font-weight: 400;
  color: #483C46;
  position: relative;
  top: -20px;
}
.bottom-form .info-livraison-form .container > div .info .texte p {
  width: 438px;
  margin: 0 auto 45px;
  text-align: center;
  line-height: 1.3;
}
.bottom-form .info-livraison-form .container > div .info .texte a {
  color: #483C46;
  text-decoration: none;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
}
.bottom-form .info-livraison-form .container > div .info .texte a i {
  margin-right: 10px;
}
.bottom-form .cta-bottom {
  position: relative;
  width: 1356px;
  max-width: 100%;
  background: #F3F3F3;
  margin: auto;
}
.bottom-form .cta-bottom > div {
  margin: 0;
  padding: 70px 135px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.bottom-form .cta-bottom > div p {
  color: #483C46;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
  width: calc(100% - 500px);
}
.bottom-form .cta-bottom span:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1.25rem;
  bottom: -1.25rem;
}
.bottom-form .cta-bottom span.bande-rouge:before {
  left: 0;
  background: #ED1B2E;
}
.bottom-form .cta-bottom span.bande-orange:before {
  right: 0;
  background: #F07F00;
}
.bottom-form .cta-bottom span:after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 100px;
  bottom: -1.25rem;
}
.bottom-form .cta-bottom span.bande-rouge:after {
  left: -1.25rem;
  background: #ED1B2E;
}
.bottom-form .cta-bottom span.bande-orange:after {
  right: -1.25rem;
  background: #F07F00;
}

#page__cta__contact {
  background: no-repeat url(/wp-content/themes/michelpetit/dist/images/home_bottom_cta.jpg?5ca5fc577f71507dcd3878f9f51b114c) top right;
  padding: 10rem 0;
  position: relative;
  margin-top: 4.688rem;
}
#page__cta__contact .line {
  position: absolute;
  height: 12px;
  width: 160px;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
}
#page__cta__contact .line.rouge {
  left: -335px;
  background: #ED1B2E;
}
#page__cta__contact .line.orange {
  background: #F07F00;
}
#page__cta__contact .line.vert {
  right: -335px;
  background: #CCD74C;
}
#page__cta__contact .container {
  text-align: center;
}
#page__cta__contact .container h3 {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 700;
  margin-bottom: 25px;
  color: #483C46;
}
#page__cta__contact .container ul {
  display: flex;
  justify-content: center;
}
#page__cta__contact .container ul li {
  list-style-type: none;
}

/* Page Entreprise */
main.entreprise #home__cta__contact {
  background-image: url(/wp-content/themes/michelpetit/dist/images/entreprise_bottom_cta.jpg?18e8e9eb3f7d1c6af70c13380594a7dc);
}
main.entreprise h2 {
  font-size: clamp(1.375rem, -0.1964rem + 3.9286vw, 2.75rem);
  color: #483C46;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
}
main.entreprise p.nd-title {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  text-align: center;
  padding-bottom: 2rem;
  position: relative;
  margin: 0;
}
main.entreprise p.nd-title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 187.5px;
  height: 1px;
  background: #CCC;
  margin: auto;
  bottom: 0;
}
main.entreprise .introduction {
  padding-bottom: 6.25rem;
}
main.entreprise .introduction h2 {
  text-align: center;
  font-weight: 400;
  color: #8F7A8C;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
  margin-bottom: 4.688rem;
}
main.entreprise .introduction .txt {
  width: 570px;
  margin: 3rem auto 0;
  max-width: 100%;
}
main.entreprise .introduction .txt p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-align: center;
}
main.entreprise #philosophie {
  background: url(/wp-content/themes/michelpetit/dist/images/entreprise_section_bg.jpg?91cd8687b85d3aa34065774b107cbcaa) top center;
}
main.entreprise #philosophie .content {
  padding: 4.688rem 0;
  display: flex;
  align-items: center;
}
main.entreprise #philosophie .content .texte {
  width: 50%;
}
main.entreprise #philosophie .content .texte > div {
  width: 560px;
  padding: 0 1.25rem;
  max-width: calc(100% - 2.5rem);
  margin: auto;
}
main.entreprise #philosophie .content .texte > div p {
  margin-bottom: 1.25rem;
  line-height: 1.3;
}
main.entreprise #philosophie .content .img {
  width: 50%;
}
main.entreprise #philosophie .cta-philo {
  padding: 75px 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.688rem;
  background: #F3F3F3;
  position: relative;
}
main.entreprise #philosophie .cta-philo p {
  color: #483C46;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  width: calc(100% - 567px);
}
main.entreprise #philosophie .cta-philo ul {
  display: flex;
  flex-wrap: wrap;
}
main.entreprise #philosophie .cta-philo ul li {
  list-style-type: none;
}
main.entreprise #philosophie .cta-philo span:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1.25rem;
  bottom: -1.25rem;
}
main.entreprise #philosophie .cta-philo span.bande-rouge:before {
  left: 0;
  background: #ED1B2E;
}
main.entreprise #philosophie .cta-philo span.bande-orange:before {
  right: 0;
  background: #F07F00;
}
main.entreprise #philosophie .cta-philo span:after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 100px;
  bottom: -1.25rem;
}
main.entreprise #philosophie .cta-philo span.bande-rouge:after {
  left: -1.25rem;
  background: #ED1B2E;
}
main.entreprise #philosophie .cta-philo span.bande-orange:after {
  right: -1.25rem;
  background: #F07F00;
}
main.entreprise #histoire {
  padding-top: 4.688rem;
}
main.entreprise #histoire #entreprise__slider__histoire {
  padding-top: 6.25rem;
  position: relative;
  z-index: 3;
}
main.entreprise #histoire #entreprise__slider__histoire:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #F3F3F3;
}
main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi {
  position: absolute;
  width: 96px;
  height: 96px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s ease-in;
}
main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi.slider__arrow--prev {
  left: 1.25rem;
}
main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi.slider__arrow--next {
  left: 8.25rem;
}
main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi i {
  color: #8F7A8C;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi:hover {
  background: #F3F3F3;
  transform: scale(0.8);
}
main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi:hover i {
  color: #483C46;
  transition: all 0.3s ease-out;
}
main.entreprise #histoire #entreprise__slider__histoire .bloc-slider {
  width: 1500px;
  margin-left: auto;
  position: relative;
  padding-bottom: 6.25rem;
  overflow: hidden;
  box-sizing: border-box;
}
main.entreprise #histoire #entreprise__slider__histoire .swiper-container {
  max-width: 100%;
  position: relative;
  z-index: 1;
  padding-top: 65px;
  overflow: hidden;
}
main.entreprise #histoire #entreprise__slider__histoire .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  top: 60px;
  transition: all 0.3s ease-in;
}
main.entreprise #histoire #entreprise__slider__histoire .swiper-slide-active {
  width: 100%;
  top: 0;
  transition: all 0.3s ease-out;
}
main.entreprise #histoire #entreprise__slider__histoire .swiper-wrapper {
  flex-wrap: nowrap;
  max-height: 611px;
}
main.entreprise #histoire #entreprise__slider__histoire .swiper-wrapper .date_importante .info {
  padding: 45px 35px;
  align-items: center;
  position: relative;
}
main.entreprise #histoire #entreprise__slider__histoire .swiper-wrapper .date_importante .info .date {
  display: inline-block;
  background: #F3F3F3;
  padding: 25px;
  color: #483C46;
  font-size: clamp(1.625rem, 0.0536rem + 3.9286vw, 3rem);
  font-weight: 700;
  position: absolute;
  top: -55px;
}
main.entreprise #histoire #entreprise__slider__histoire .swiper-wrapper .date_importante .info p {
  line-height: 1.3;
  display: inline-block;
  width: 750px;
  max-width: 100%;
}
main.entreprise #equipe {
  padding-top: 6.25rem;
}
main.entreprise #equipe .equipe {
  padding-top: calc(6.25rem + 75px);
  display: flex;
  flex-wrap: wrap;
}
main.entreprise #equipe .equipe .membre {
  width: 390px;
  height: 456px;
  position: relative;
  margin-bottom: 1.25rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
main.entreprise #equipe .equipe .membre:nth-child(even) {
  margin-top: -75px;
}
main.entreprise #equipe .equipe .membre .info {
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.5s;
  height: 100%;
  background: rgba(72, 60, 70, 0.72);
  cursor: pointer;
}
main.entreprise #equipe .equipe .membre .info:hover, main.entreprise #equipe .equipe .membre .info:active {
  opacity: 1;
}
main.entreprise #equipe .equipe .membre .info div {
  padding: 1.5rem 1.25rem;
  position: absolute;
  bottom: 0;
}
main.entreprise #equipe .equipe .membre .info div .prenom {
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
  display: inline-block;
  color: #FFF;
  font-weight: 700;
  margin-bottom: 5px;
}
main.entreprise #equipe .equipe .membre .info div p {
  color: #FFF;
  line-height: 1.3;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  width: 75%;
}
main.entreprise #cta__presse {
  padding: 4.85rem 0;
}
main.entreprise #cta__presse .cta__presse {
  padding: 2.25rem;
  background: #F3F3F3;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.125rem;
}
main.entreprise #cta__presse .cta__presse p {
  color: #483C46;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin: 0;
  line-height: 48px;
}

/* Page station Baranzy */
main.station-baranzy #home__cta__contact {
  background-image: url(/wp-content/themes/michelpetit/dist/images/station_bottom_cta.jpg?b7edab008a60db46d1c0a2c3c312be92);
}
main.station-baranzy h2 {
  font-size: clamp(1.375rem, -0.1964rem + 3.9286vw, 2.75rem);
  color: #483C46;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
}
main.station-baranzy p.nd-title {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  text-align: center;
  padding-bottom: 2rem;
  position: relative;
  margin: 0;
}
main.station-baranzy p.nd-title:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 187.5px;
  height: 1px;
  background: #CCC;
  margin: auto;
  bottom: 0;
}
main.station-baranzy .introduction {
  padding-bottom: 6.25rem;
}
main.station-baranzy .introduction h2 {
  text-align: center;
  font-weight: 400;
  color: #8F7A8C;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
  margin: 0 auto 4.688rem;
  width: 1124px;
  max-width: 100%;
}
main.station-baranzy .introduction .txt {
  width: 570px;
  margin: 3rem auto 0;
  max-width: 100%;
}
main.station-baranzy .introduction .txt p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-align: center;
}
main.station-baranzy .slider-intro {
  position: relative;
  z-index: 1;
}
main.station-baranzy .slider-intro:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 50%;
  width: 100%;
  background: #F3F3F3;
  left: 0;
  right: 0;
  margin: auto;
}
main.station-baranzy #station__slider__intro {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
main.station-baranzy #station__slider__intro .swiper-wrapper {
  position: relative;
}
main.station-baranzy #station__slider__intro .swiper-slide {
  display: flex;
  justify-content: center;
}
main.station-baranzy #station__slider__intro .swiper-slide img {
  transform: scale(0.7);
  transition: all 1s ease-in;
}
main.station-baranzy #station__slider__intro .swiper-slide.swiper-slide-active img {
  transform: scale(1);
  transition: all 0.5s 0.3s ease-out;
}
main.station-baranzy #station__slider__intro .slider__arrow__stationc {
  position: absolute;
  width: 96px;
  height: 96px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  z-index: 3;
  transition: all 0.3s ease-in;
}
main.station-baranzy #station__slider__intro .slider__arrow__stationc.slider__arrow--prev {
  left: 0;
}
main.station-baranzy #station__slider__intro .slider__arrow__stationc.slider__arrow--next {
  right: 0;
}
main.station-baranzy #station__slider__intro .slider__arrow__stationc i {
  color: #8F7A8C;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
main.station-baranzy #station__slider__intro .slider__arrow__stationc:hover {
  background: #F3F3F3;
  transform: scale(0.8);
}
main.station-baranzy #station__slider__intro .slider__arrow__stationc:hover i {
  color: #483C46;
  transition: all 0.3s ease-out;
}
main.station-baranzy #pompes {
  background: #F3F3F3;
  padding: 6.25rem 0;
}
main.station-baranzy #pompes .txt {
  width: 570px;
  margin: 3rem auto;
  max-width: 100%;
}
main.station-baranzy #pompes .txt p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-align: center;
}
main.station-baranzy #pompes .info-pompe {
  padding-top: 4.688rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
main.station-baranzy #pompes .info-pompe .info {
  width: 528px;
}
main.station-baranzy #pompes .info-pompe .info div {
  padding: 2rem 1.25rem;
  border: 1px solid #CCC;
  text-align: center;
  background: #FFF;
}
main.station-baranzy #pompes .info-pompe .info div span.ico {
  display: inline-block;
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  width: 99px;
  height: 128px;
  background-position: 0px -339px;
  margin-bottom: 1.25rem;
  background-repeat: no-repeat;
}
main.station-baranzy #pompes .info-pompe .info div h3 {
  color: #483C46;
  font-weight: 400;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 1.25rem;
}
main.station-baranzy #pompes .info-pompe .info div p {
  line-height: 1.3;
  width: 370px;
  max-width: 100%;
  margin: auto;
}
main.station-baranzy #pompes .info-pompe .info:nth-child(2) div span.ico {
  width: 167px;
  background-position: -104px -339px;
}
main.station-baranzy #pompes .info-pompe .info:nth-child(3) div span.ico {
  width: 113px;
  background-position: -276px -339px;
}

#magasin {
  position: relative;
  padding: 6.25rem 0 1.25rem;
}
#magasin .pagin {
  z-index: 3;
  position: absolute;
  bottom: 0;
  right: 0;
}
#magasin .slider__arrow__magasin {
  position: absolute;
  width: 96px;
  height: 96px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 50%;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
#magasin .slider__arrow__magasin.slider__arrow--prev {
  right: 116px;
}
#magasin .slider__arrow__magasin.slider__arrow--next {
  right: 0;
}
#magasin .slider__arrow__magasin i {
  color: #8F7A8C;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
#magasin .slider__arrow__magasin:hover {
  background: #F3F3F3;
  transform: scale(0.8);
}
#magasin .slider__arrow__magasin:hover i {
  color: #483C46;
  transition: all 0.3s ease-out;
}
#magasin .container-txt {
  position: relative;
  margin-top: 4.688rem;
  top: 300px;
}
#magasin .container-txt .info {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 570px;
  max-width: 100%;
  left: 20px;
  height: 621px;
}
#magasin .container-txt .info .txt {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  z-index: 1;
  overflow: hidden;
}
#magasin .container-txt .info .txt div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#magasin .container-txt .info .txt div h2 {
  font-weight: 400;
  color: #483C46;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 60px;
}
#magasin .container-txt .info .txt div p {
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
#magasin .container-txt .info .txt div ul li {
  margin-bottom: 1rem;
  line-height: 1.3;
  padding-left: 1.25rem;
  list-style-type: disc;
  position: relative;
}
#magasin .container-txt .info .txt div ul li:before {
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#magasin .bloc-slider {
  width: 1086px;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
#magasin .bloc-slider .swiper-container {
  width: 667px;
  max-width: 100%;
  margin-left: auto;
  display: flex;
  position: relative;
  padding-right: 419px;
  z-index: 1;
  overflow: hidden;
}
#magasin .bloc-slider .swiper-container .swiper-slide {
  z-index: -1;
}
#magasin .bloc-slider .swiper-container .swiper-slide img {
  transition: all 0.5s;
  transform: scale(1, 0.7);
  opacity: 0.4;
  left: -50%;
  position: relative;
}
#magasin .bloc-slider .swiper-container .swiper-slide.swiper-slide-next img {
  transition: all 0.5s;
  transform: scale(1, 0.85);
  opacity: 0.4;
  left: -50%;
}
#magasin .bloc-slider .swiper-container .swiper-slide.swiper-slide-active {
  z-index: 1;
}
#magasin .bloc-slider .swiper-container .swiper-slide.swiper-slide-active img {
  transform: scale(1);
  opacity: 1;
  left: 0;
}
#magasin .cta-magasin {
  margin-top: 4.688rem;
  padding: 75px 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #F3F3F3;
  position: relative;
}
#magasin .cta-magasin p {
  color: #483C46;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  width: 100%;
  margin-bottom: 1.25rem;
  text-align: center;
  line-height: 1.3;
}
#magasin .cta-magasin span:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1.25rem;
  bottom: -1.25rem;
}
#magasin .cta-magasin span.bande-verte:before {
  left: 0;
  background: #CCD74C;
}
#magasin .cta-magasin span.bande-verte.bd2:before {
  right: 0;
  left: auto;
  background: #CCD74C;
}
#magasin .cta-magasin span:after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 100px;
  bottom: -1.25rem;
}
#magasin .cta-magasin span.bande-verte:after {
  left: -1.25rem;
  background: #CCD74C;
}
#magasin .cta-magasin span.bande-verte.bd2:after {
  right: -1.25rem;
  left: auto;
  background: #CCD74C;
}

#carwash {
  background-image: url(/wp-content/themes/michelpetit/dist/images/carwash_section_bg.jpg?445b9fe0697bb2987c50764ee7491dd6);
  background-position: top center;
  margin-top: -140px;
  padding-top: calc(6.25rem + 140px);
  background-repeat: no-repeat;
}
#carwash .content {
  margin-top: 4.688rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#carwash .content .texte {
  width: 570px;
  max-width: 100%;
}
#carwash .content .texte p {
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
#carwash .avantages {
  padding-top: 6.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  padding-bottom: 6.25rem;
}
#carwash .avantages .avantage {
  width: 528px;
}
#carwash .avantages .avantage div {
  padding: 3rem 1.25rem;
  border: 1px solid #CCC;
  text-align: center;
  background: #FFF;
  position: relative;
}
#carwash .avantages .avantage div span.ico {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #CCD74C;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25rem;
  margin-top: calc(-3rem - 50px);
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#carwash .avantages .avantage div h3 {
  margin-top: 3rem;
  color: #483C46;
  font-weight: 400;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 1.25rem;
}
#carwash .avantages .avantage div p {
  line-height: 1.3;
  width: 370px;
  max-width: 100%;
  margin: auto;
}
#carwash .formules {
  padding: 4.688rem 0 4.688rem 4.688rem;
  position: relative;
  z-index: 1;
  margin-bottom: 3.125rem;
}
#carwash .formules:after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 66.66%;
  background: #F3F3F3;
  z-index: -1;
  top: 0;
}
#carwash .formules > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#carwash .formules > div .texte {
  width: 290px;
}
#carwash .formules > div .texte h3 {
  color: #483C46;
  font-weight: 400;
  font-size: clamp(1.5rem, 1.2143rem + 0.7143vw, 1.75rem);
  margin-bottom: 1.75rem;
}
#carwash .formules > div .texte p {
  line-height: 1.3;
}
#carwash .formules > div .prix {
  width: 1080px;
  max-width: 100%;
  background: #FFF;
  border: 1px solid #CCC;
}
#carwash .formules > div .prix ul {
  padding: 70px 138px;
}
#carwash .formules > div .prix ul li {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 6px 0 0 0;
  position: relative;
  border-bottom: 1px solid #CCC;
  margin-bottom: 0;
  /*span.line {
    position: absolute;
    height: 1px;
    background: #ccc;
    bottom: 8px;
    right: 55px;
  }*/
}
#carwash .formules > div .prix ul li span.presta {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  color: #483C46;
}
#carwash .formules > div .prix ul li span.cout {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  color: #483C46;
  font-weight: 700;
}
#carwash .formules > div .prix ul li span.presta,
#carwash .formules > div .prix ul li span.cout {
  position: relative;
}
#carwash .formules > div .prix ul li span.presta::after,
#carwash .formules > div .prix ul li span.cout::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: -1px;
  border-bottom: 1px solid #FFF;
}

/* CONSEILS */
#page__banner .post-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-width: 100%;
  width: 1920px;
  position: relative;
}
#page__banner .post-banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.6;
  background: #483C46;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#page__presse #page__banner .video__wrapper {
  background: #483C46;
}
#page__presse #page__banner.has-video {
  max-height: 650px;
  overflow: hidden;
}
#page__presse #page__banner.has-video video {
  width: 100%;
  opacity: 0.3;
}

.interne .share {
  width: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Safari */
  position: sticky;
  top: 0;
  margin-left: -1.25rem;
  padding-top: 4.688rem;
}
.interne .share p {
  margin-bottom: 2rem;
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  line-height: 1.3;
  color: #483C46;
}
.interne .share ul {
  display: flex;
  flex-direction: column;
}
.interne .share ul li {
  list-style-type: none;
  text-align: center;
}
.interne .share ul li a {
  color: #483C46;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  display: inline-block;
  margin-bottom: 1rem;
  transition: all 0.3s;
}
.interne .share ul li a:hover {
  color: #8F7A8C;
}

.content-article {
  width: 1064px;
  max-width: 100%;
  margin: auto;
  margin-top: -291px;
}
.content-article p.date {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 2rem;
}
.content-article h1 {
  font-weight: 700;
  color: #483C46;
  margin-bottom: 6.25rem;
  font-size: clamp(1.625rem, 0.0536rem + 3.9286vw, 3rem);
}
.content-article .texte {
  width: 804px;
  max-width: 100%;
}
.content-article .texte p, .content-article .texte li, .content-article .texte span {
  line-height: 1.3;
}
.content-article .texte p, .content-article .texte ul, .content-article .texte ol {
  margin-bottom: 4rem;
}
.content-article .texte h2, .content-article .texte h3, .content-article .texte h4, .content-article .texte h5 {
  font-weight: 400;
  color: #483C46;
  margin-bottom: 3rem;
}
.content-article .texte h2 {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
.content-article .texte h3 {
  font-size: clamp(1.5rem, 1.2143rem + 0.7143vw, 1.75rem);
}
.content-article .texte h4 {
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
}
.content-article .texte h5 {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
}
.content-article .texte a {
  text-decoration: underline;
  color: #483C46;
}
.content-article .texte a:hover {
  text-decoration: none;
}
.content-article .texte ul, .content-article .texte ol {
  margin-left: 1.25rem;
}
.content-article .texte ul li, .content-article .texte ol li {
  margin-bottom: 8px;
}
.content-article .texte ul li {
  list-style-type: none;
  position: relative;
}
.content-article .texte ul li:before {
  content: "\e930";
  position: absolute;
  left: -18px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 16px;
  width: 12px;
  font-family: "feather" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
}
.content-article .texte blockquote {
  background: #F3F3F3;
  padding: 1.5rem;
  margin: 0 1.25rem 4rem;
  width: calc(100% - 5rem);
  position: relative;
  padding-left: calc(48px + 3rem);
}
.content-article .texte blockquote:before {
  content: "\f10d";
  position: absolute;
  left: 1.5rem;
  top: -5px;
  bottom: 0;
  margin: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  height: 48px;
  font-size: clamp(1.625rem, 0.0536rem + 3.9286vw, 3rem);
}
.content-article .texte blockquote p {
  margin: 1.25rem 0;
  font-style: italic;
}

.article.interne .nav-article {
  position: relative;
  padding: 3.125rem 0;
}
.article.interne .nav-article:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: #F3F3F3;
  height: calc(100% - 3.125rem);
  bottom: -4.688rem;
  width: 100%;
  z-index: -1;
}
.article.interne .navigation {
  width: 1356px;
  margin: auto;
  max-width: 100%;
}
.article.interne .navigation ul {
  padding: 1.25rem 4.688rem;
  background: #FFF;
  border: 1px solid #CCC;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.article.interne .navigation ul li {
  display: flex;
  align-items: center;
  width: 33.333%;
  padding: 1.5rem 0;
  justify-content: center;
  position: relative;
}
.article.interne .navigation ul li:nth-child(2):before, .article.interne .navigation ul li:nth-child(2):after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #CCC;
  top: 0;
}
.article.interne .navigation ul li:nth-child(2):before {
  left: 2rem;
}
.article.interne .navigation ul li:nth-child(2):after {
  right: 2rem;
}
.article.interne .navigation ul li a {
  color: #483C46;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.article.interne .navigation ul li a span.icon-arrow-left, .article.interne .navigation ul li a span.icon-home {
  margin-right: 10px;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
}
.article.interne .navigation ul li a span.icon-arrow-right {
  margin-left: 10px;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
}

/* ARCHIVE CONSEILS ENERGIE */
main.actualite .pagination-conseils {
  position: relative;
  padding: 3.125rem 0;
}
main.actualite .pagination-conseils:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: #F3F3F3;
  height: calc(100% - 2.5rem);
  bottom: -4.688rem;
  width: 100%;
  z-index: -1;
}
main.actualite .navigation.pagination {
  width: 1356px;
  margin: auto;
  max-width: 100%;
}
main.actualite .navigation.pagination .nav-links {
  padding: 1.25rem 4.688rem;
  background: #FFF;
  border: 1px solid #CCC;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main.actualite .navigation.pagination .nav-links .prev-next, main.actualite .navigation.pagination .nav-links .page-numbers-container {
  width: 33.333%;
  padding: 1.5rem 0;
}
main.actualite .navigation.pagination .nav-links .prev-next .screen-reader-text, main.actualite .navigation.pagination .nav-links .page-numbers-container .screen-reader-text {
  display: flex;
}
main.actualite .navigation.pagination .nav-links .page-numbers-container {
  display: flex;
  align-items: center;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  justify-content: center;
  position: relative;
}
main.actualite .navigation.pagination .nav-links .page-numbers-container a, main.actualite .navigation.pagination .nav-links .page-numbers-container span {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  margin: 0 4px;
  font-weight: 700;
}
main.actualite .navigation.pagination .nav-links .page-numbers-container a.current {
  font-weight: 400;
}
main.actualite .navigation.pagination .nav-links a {
  color: #483C46;
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  align-items: center;
}
main.actualite .navigation.pagination .nav-links a span.icon-arrow-left {
  margin-right: 10px;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
}
main.actualite .navigation.pagination .nav-links a span.icon-arrow-right {
  margin-left: 10px;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
}
main.actualite .introduction {
  padding-bottom: 6.25rem;
}
main.actualite .introduction h2 {
  text-align: center;
  font-weight: 400;
  color: #8F7A8C;
  font-size: clamp(1.375rem, 0.375rem + 2.5vw, 2.25rem);
  margin-bottom: 4.688rem;
  line-height: 1.3;
}
main.actualite .introduction .txt {
  width: 570px;
  margin: 3rem auto 0;
  max-width: 100%;
}
main.actualite .introduction .txt p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-align: center;
}
main.actualite .last-post {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main.actualite .last-post .entry-img a {
  overflow: hidden;
  display: block;
}
main.actualite .last-post .entry-img a img {
  transition: transform 0.3s ease-out;
}
main.actualite .last-post .entry-img a:hover img {
  transform: scale(1.2);
}
main.actualite .last-post .conseil.last {
  margin-bottom: 2.5rem;
}
main.actualite .last-post .conseil.last:first-child {
  width: 942px;
  max-width: 100%;
  background: #F3F3F3;
  position: relative;
}
main.actualite .last-post .conseil.last:first-child:before {
  content: "";
  position: absolute;
  height: 160px;
  width: 12px;
  left: -6px;
  top: 6.25rem;
  background: #CCD74C;
  border-radius: 15px;
}
main.actualite .last-post .conseil.last:first-child .info {
  margin-top: 1.75rem;
}
main.actualite .last-post .conseil.last:first-child .info > div {
  display: flex;
  align-items: center;
}
main.actualite .last-post .conseil.last:first-child .info a.lire {
  display: none;
}
main.actualite .last-post .conseil.last:first-child > div {
  padding: 3.125rem;
}
main.actualite .last-post .conseil.last:first-child .date {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #8F7A8C;
  text-align: center;
  margin: 0 20px 0 0 !important;
}
main.actualite .last-post .conseil.last:first-child .date .dm {
  font-size: clamp(1.5rem, 1.2143rem + 0.7143vw, 1.75rem);
}
main.actualite .last-post .conseil.last:first-child .date .y {
  font-size: clamp(0.75rem, 0.6071rem + 0.3571vw, 0.875rem);
}
main.actualite .last-post .conseil.last:first-child h3 {
  border-left: 1px solid #CCC;
  padding-left: 50px;
  display: flex;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
main.actualite .last-post .conseil.last:first-child h3 a {
  margin-bottom: 0 !important;
}
main.actualite .last-post .conseil.last:nth-child(2) {
  width: 528px;
  max-width: 100%;
}
main.actualite .last-post .conseil.last .info .date {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  margin: 1.75rem 0;
}
main.actualite .last-post .conseil.last .info h3 {
  font-weight: 400;
}
main.actualite .last-post .conseil.last .info h3 a {
  text-decoration: none;
  line-height: 1.3;
  display: inline-block;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 2rem;
  color: #8F7A8C;
}
main.actualite .last-post .conseil.last .info a.lire {
  display: flex;
  color: #483C46;
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  text-decoration: none;
}
main.actualite .last-post .conseil.last .info a.lire div {
  margin-left: 1.25rem;
}
main.actualite .listing-conseils .badge {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 3.125rem 0;
}
main.actualite .listing-conseils .badge span {
  display: inline-block;
  width: 173px;
  height: 173px;
  background-image: url(/wp-content/themes/michelpetit/dist/images/picto_sprite3.svg?038071cd89e1dc40846f405a05ef6c8f);
  background-position: 0 -165px;
  animation: rotate 10s linear infinite;
}
main.actualite .listing-conseils .badge:before, main.actualite .listing-conseils .badge:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: calc(50% - 122px);
  background: #CCC;
}
main.actualite .listing-conseils .badge:before {
  left: 0;
}
main.actualite .listing-conseils .badge:after {
  right: 0;
}
main.actualite .listing-conseils .liste {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
main.actualite .listing-conseils .liste .conseil {
  width: 32.8%;
  margin-bottom: 2.5rem;
}
main.actualite .listing-conseils .liste .conseil:nth-child(3n+2) {
  margin: 0 0.4%;
}
main.actualite .listing-conseils .liste .conseil:nth-child(3n) {
  margin-left: 0.4%;
}
main.actualite .listing-conseils .liste .conseil:nth-child(3n+1) {
  margin-right: 0.4%;
}
main.actualite .listing-conseils .liste .conseil .entry-img a {
  overflow: hidden;
  display: block;
}
main.actualite .listing-conseils .liste .conseil .entry-img a img {
  transition: transform 0.3s ease-out;
}
main.actualite .listing-conseils .liste .conseil .entry-img a:hover img {
  transform: scale(1.2);
}
main.actualite .listing-conseils .liste .conseil .info .date {
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  margin: 1.75rem 0;
}
main.actualite .listing-conseils .liste .conseil .info h3 {
  font-weight: 400;
}
main.actualite .listing-conseils .liste .conseil .info h3 a {
  min-height: 85px;
  text-decoration: none;
  line-height: 1.3;
  display: inline-block;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin-bottom: 2rem;
  color: #8F7A8C;
}
main.actualite .listing-conseils .liste .conseil .info a.lire {
  display: flex;
  color: #483C46;
  font-size: clamp(1.125rem, 0.9821rem + 0.3571vw, 1.25rem);
  text-decoration: none;
}
main.actualite .listing-conseils .liste .conseil .info a.lire div {
  margin-left: 1.25rem;
}
main.actualite .listing-conseils .info a div.arrow svg {
  position: relative;
  left: 0;
  transition: all 0.3s ease-out;
  width: 24px;
  height: 24px;
}
main.actualite .listing-conseils .info a div.arrow svg path {
  transition: all 0.3s ease-out;
  stroke-linejoin: round;
  stroke-linecap: round;
}

@media (max-width: 1740px) {
  main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi {
    z-index: 10;
  }

  main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi.slider__arrow--next {
    left: auto;
    right: 1.25rem;
  }

  main.entreprise #histoire #entreprise__slider__histoire .bloc-slider {
    width: 100%;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
@media (max-width: 1720px) {
  #magasin .container-txt .info {
    width: 500px;
  }

  .interne .share {
    margin-left: 0;
  }
}
@media (max-width: 1640px) {
  #home__avis .avis__slider {
    width: 1000px;
  }

  #formulaire .container .info-form {
    width: 440px;
  }

  .interne-page main .white-bloc-top {
    margin-top: 0;
  }

  main.station-baranzy #pompes .info-pompe .info, #carwash .avantages .avantage {
    width: 32.666%;
  }

  #magasin .bloc-slider {
    width: 980px;
  }

  #carwash .avantages .avantage div h3 {
    min-height: 74px;
  }

  main.entreprise #equipe .equipe .membre {
    width: calc(25% - 1.25rem);
    height: auto;
  }

  main.entreprise #equipe .equipe .membre:nth-child(2n) .info {
    height: calc(100% - 75px);
    top: 0;
  }

  #page__presse #page__banner.has-video {
    max-height: 500px;
  }

  .interne-page #page__banner #txt-banner .container .introduction h1 {
    margin-top: 0;
  }
}
@media (max-width: 1560px) {
  #home__avis .avis__slider {
    width: 850px;
  }

  #formulaire .container .form {
    width: 1000px;
  }

  #formulaire .container .info-form {
    right: 1.25rem;
  }

  #magasin .container-txt .info {
    width: 420px;
  }

  main.entreprise #histoire #entreprise__slider__histoire .pagin {
    bottom: auto;
    left: 1.25rem;
    top: 50px;
    right: auto;
  }

  main.entreprise #histoire #entreprise__slider__histoire .bloc-slider {
    max-width: 100%;
    width: 1080px;
  }

  main.entreprise #histoire #entreprise__slider__histoire .swiper-container {
    padding-left: 0;
  }

  main.actualite .last-post .conseil.last:first-child {
    width: 850px;
  }
}
@media (max-width: 1440px) {
  #home__avis .avis__slider {
    width: 650px;
  }

  main.actualite .last-post .conseil.last:first-child {
    width: 50%;
  }
  main.actualite .last-post .conseil.last:first-child > div {
    padding: 1.25rem;
  }

  main.actualite .last-post .conseil.last:last-child {
    width: 50%;
  }
  main.actualite .last-post .conseil.last:last-child > div {
    padding-left: 1.25rem;
  }

  main.actualite .listing-conseils .liste .conseil {
    width: 49%;
  }

  main.actualite .listing-conseils .liste {
    justify-content: space-between;
  }

  #formulaire .container .form {
    width: 925px;
  }

  #formulaire .container .info-form > div {
    padding: 35px 1.25rem;
  }

  #formulaire .container .info-form {
    width: 350px;
  }

  #magasin .bloc-slider {
    width: 650px;
  }

  #magasin .bloc-slider .swiper-container {
    width: 500px;
  }

  #magasin .container-txt {
    top: 232px;
  }

  #magasin .container-txt .info {
    width: 580px;
    height: 465px;
  }

  #carwash .content .texte, #carwash .content .img {
    width: 50%;
  }

  #carwash .formules > div .prix ul {
    padding: 70px 75px;
  }

  #carwash .formules > div .prix {
    width: 860px;
  }

  main.entreprise #equipe .equipe .membre .info div p {
    width: 100%;
  }

  .content-article {
    margin-top: 0;
  }

  .interne .share {
    width: 1064px;
    margin: auto !important;
    display: flex;
    flex-direction: row;
    align-items: start;
    position: relative;
    top: 0;
    padding-top: 0;
  }

  .interne .share ul {
    flex-direction: row;
    margin-bottom: 1.25rem;
  }
  .interne .share ul li {
    margin: 0 15px;
  }
}
@media (max-width: 1280px) {
  #formulaire .container {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
  }

  #formulaire .container .info-form {
    position: relative;
    width: 100%;
    margin: 0 auto 50px;
    right: 0;
    top: 0;
  }
  #formulaire .container .info-form ul {
    display: flex;
    flex-wrap: wrap;
  }
  #formulaire .container .info-form ul li {
    width: 33.33%;
  }

  #formulaire .container .form {
    width: 100%;
  }

  #formulaire .container .form::after {
    right: -10px;
  }

  .bottom-form .cta-bottom > div p {
    font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  }

  #magasin .container-txt .info {
    width: 500px;
    height: 565px;
  }

  main.station-baranzy #pompes .info-pompe .info div h3, #carwash .avantages .avantage div h3 {
    font-size: clamp(1.5rem, 1.2143rem + 0.7143vw, 1.75rem);
  }

  main.station-baranzy #pompes .info-pompe .info div p {
    min-height: 84px;
  }
}
@media (max-width: 1199px) {
  #home__avis .avis__slider {
    width: 100%;
  }

  #home__avis .container > div.google {
    position: relative;
    width: 100%;
  }

  #home__avis .container > div.google .grw-slider-header-inner .wp-google-right > div, #home__avis .container .wp-gr .grw-slider .grw-row {
    justify-content: center;
  }

  .article.interne .navigation ul {
    padding: 1.25rem 1.25rem;
  }

  .bottom-form .info-livraison-form .container > div .info .texte h2 {
    max-width: 80%;
  }

  .bottom-form .info-livraison-form .container > div .info .texte h2 {
    min-height: 70px;
  }

  .interne-page #page__banner #txt-banner {
    top: 200px;
  }

  .interne-page #page__banner #txt-banner {
    top: 175px;
  }

  main.contact .container .content .cta-top {
    flex-direction: column;
  }

  main.contact .container .content .cta-top p {
    margin-right: 0;
    margin-bottom: 1.25rem;
    text-align: center;
  }

  .bottom-form .info-livraison-form .container > div .info .texte {
    min-height: 238px;
  }

  .bottom-form .cta-bottom > div {
    padding: 70px 50px;
  }

  main.station-baranzy #pompes .info-pompe .info div h3, #carwash .avantages .avantage div h3 {
    font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  }

  main.station-baranzy #pompes .info-pompe .info div p {
    min-height: 104px;
  }

  #magasin .container-txt .info {
    position: relative;
    height: auto;
    left: auto;
    margin-bottom: 3.125rem;
    padding-bottom: 4.688rem;
  }

  #magasin .container-txt {
    top: 0;
  }

  #magasin .bloc-slider {
    width: 100%;
  }

  #magasin .container-txt .info .txt {
    position: relative;
  }

  #carwash .content .texte p {
    padding-right: 1.25rem;
  }

  #carwash .avantages .avantage div p {
    min-height: 84px;
  }

  #carwash .formules > div .prix {
    width: 560px;
  }

  main.entreprise #philosophie .cta-philo p {
    width: 100%;
    margin-bottom: 1.25rem;
    text-align: center;
  }

  main.entreprise #philosophie .cta-philo {
    justify-content: center;
  }

  main.entreprise #equipe .equipe .membre {
    width: calc(33.333% - 1.25rem);
  }

  main.entreprise #equipe .equipe .membre:nth-child(2n) {
    margin-top: 0;
  }

  main.entreprise #equipe .equipe .membre:nth-child(2n) .info {
    height: 100%;
    top: 0;
  }

  main.entreprise #equipe .equipe .membre:nth-child(2), main.entreprise #equipe .equipe .membre:nth-child(3n+2) {
    margin-top: -75px;
  }

  main.entreprise #equipe .equipe .membre:nth-child(3n+2) .info {
    height: calc(100% - 75px);
    top: 0;
  }

  main.entreprise #histoire #entreprise__slider__histoire .bloc-slider {
    max-width: 100%;
    width: 900px;
  }

  main.entreprise #histoire #entreprise__slider__histoire .swiper-container {
    padding-left: 0;
  }

  #page__presse.interne-page #page__banner #txt-banner .container .introduction {
    padding-bottom: 0;
  }

  #page__presse.interne-page #page__banner #txt-banner {
    top: 265px;
  }
}
@media (max-width: 991px) {
  .article.interne .navigation ul {
    flex-wrap: wrap;
  }
  .article.interne .navigation ul p {
    text-align: center;
  }

  .article.interne .navigation ul li {
    width: 100%;
  }

  .article.interne .navigation ul li:nth-child(2) {
    background: #F3F3F3;
  }

  .article.interne .navigation ul li:nth-child(2)::before, .article.interne .navigation ul li:nth-child(2)::after {
    content: none;
  }

  .interne-page #page__banner #txt-banner .container .introduction h1 {
    padding-top: 1.25rem;
    color: #483C46;
  }

  .interne-page #page__banner #txt-banner {
    position: relative;
    top: 0;
  }

  .interne-page #page__banner #txt-banner .container .introduction {
    padding-bottom: 25px;
  }

  .interne-page main .white-bloc-top .container {
    padding-top: 50px;
  }

  .interne-page #page__banner {
    margin-top: -145px;
  }

  .interne-page main .intro .content .cta-top {
    padding: 35px 1.25rem;
    flex-direction: column;
  }
  .interne-page main .intro .content .cta-top p {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }

  .interne-page main .intro .content .cta-top-commande {
    padding: 35px 1.25rem;
  }

  #formulaire .container .info-form ul li {
    width: 50%;
  }

  #formulaire .container .form form {
    padding: 0 1.25rem;
  }

  #formulaire .container .form::after {
    top: auto;
    bottom: -40px;
  }

  .bottom-form .info-livraison-form .container > div .info .texte p {
    max-width: calc(100% - 2.5rem);
    padding: 0 1.25rem;
  }

  .bottom-form .cta-bottom > div {
    padding: 35px 1.25rem;
    flex-direction: column;
  }
  .bottom-form .cta-bottom > div p {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }

  main.station-baranzy #pompes .info-pompe .info, #carwash .avantages .avantage {
    width: 80%;
  }

  main.station-baranzy #pompes .info-pompe .info {
    margin-bottom: 1.25rem;
  }

  #carwash .avantages .avantage {
    margin-bottom: 6rem;
  }
  #carwash .avantages .avantage:last-child {
    margin-bottom: 0;
  }

  main.station-baranzy #pompes .info-pompe .info div p {
    min-height: auto;
  }

  main.station-baranzy #pompes .info-pompe, #carwash .avantages {
    justify-content: center;
  }

  #carwash .content .texte, #carwash .content .img, #carwash .formules > div .prix {
    width: 100%;
  }

  #carwash .content .texte {
    margin-bottom: 1.25rem;
  }

  #carwash .content .texte p {
    padding-right: 0;
  }

  #carwash .formules {
    padding-left: 1.25rem;
  }

  #carwash .formules > div .texte {
    margin-bottom: 1.25rem;
  }

  main.entreprise #philosophie .content .img {
    width: 100%;
    margin-bottom: 1.25rem;
  }

  main.entreprise #philosophie .content .texte {
    width: 100%;
  }

  main.entreprise #philosophie .content {
    flex-wrap: wrap;
  }

  main.entreprise #philosophie .content .texte > div {
    width: 100%;
    padding: 0;
    max-width: 100%;
  }

  nav.header__nav--mobile.is-active {
    visibility: visible;
    left: 0;
    opacity: 1;
    transition: all 0.3s;
  }

  header#navigation {
    position: relative;
    z-index: 9;
  }

  nav.header__nav--mobile.is-active {
    visibility: visible;
  }
  nav.header__nav--mobile.is-active ul li a {
    border-top: 1px solid #CCC;
    background: #F3F3F3;
    color: #483C46;
    font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
    text-decoration: none;
  }
  nav.header__nav--mobile.is-active ul li:last-child a {
    border-bottom: 1px solid #CCC;
  }

  nav.header__nav--mobile > ul {
    padding: 5rem 0 0;
  }

  main.actualite .last-post {
    flex-wrap: wrap;
    justify-content: center;
  }

  main.actualite .last-post .conseil.last {
    width: 80% !important;
  }
  main.actualite .last-post .conseil.last:first-child {
    margin-bottom: 3.125rem;
  }

  main.actualite .last-post .conseil.last:last-child > div {
    padding-left: 0;
  }

  #formulaire .container .form {
    margin-top: 4rem;
  }

  #formulaire .container .form::before {
    padding-top: 3rem;
  }

  div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
    margin-top: 5.37rem !important;
  }

  #formulaire .container .form::after {
    top: -80px;
    left: 0;
    right: 0;
    bottom: auto;
    margin: auto;
  }

  #page__presse #page__banner.has-video {
    max-height: none;
    overflow: auto;
  }

  #page__presse #page__banner.has-video {
    background: #FFF;
  }

  #page__presse.interne-page #page__banner #txt-banner {
    top: 0;
  }

  #page__presse #page__banner .video__wrapper {
    overflow: hidden;
    max-height: 300px;
  }

  #page__presse #page__banner.has-video video {
    position: relative;
    top: -90px;
  }

  .wpforms-confirmation-container-full {
    margin-top: 80px !important;
  }
}
@media (max-width: 768px) {
  #home__conseil #home__slider__conseils .bloc-slider.no-posts {
    text-align: center;
    padding: 6.25rem 1.25rem 6.25rem 1.25rem;
    margin-top: 1.25rem;
    max-width: calc(100% - 2.5rem);
  }

  .interne-page #page__banner {
    margin-top: -145px;
  }

  #page__cta__contact {
    background-position: bottom center;
  }

  main.contact .container .content .contact-info .coord, main.contact .container .content .contact-info .horaires {
    width: 100%;
  }

  main.contact .container .content .contact-info {
    flex-wrap: wrap;
  }

  main.contact .container .content .contact-info .horaires {
    margin-top: 2rem;
  }

  main#error404 .container .content .cta-top {
    padding: 50px 1.25rem;
  }

  .bottom-form .info-livraison-form .container > div .info {
    width: 100%;
  }

  .bottom-form .info-livraison-form .container > div .info.mazout {
    margin-right: 0;
    margin-bottom: 35px;
  }

  .bottom-form .info-livraison-form .container > div .info.pellet {
    margin-left: 0;
  }

  .bottom-form .info-livraison-form .container > div {
    flex-wrap: wrap;
  }

  div.wpforms-container-full .wpforms-form .wpforms-one-third {
    width: 45% !important;
    margin-right: 4% !important;
    margin-left: 0 !important;
  }

  div.wpforms-container-full .wpforms-form .wpforms-field {
    padding-bottom: 10px !important;
  }

  #magasin .container-txt .info {
    width: 100%;
  }

  main.station-baranzy #station__slider__intro .slider__arrow__stationc,
main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi {
    width: 46px;
    height: 46px;
  }

  main.station-baranzy #station__slider__intro .slider__arrow__stationc.slider__arrow--prev {
    left: 1.25rem;
  }

  main.station-baranzy #station__slider__intro .slider__arrow__stationc.slider__arrow--next {
    right: 1.25rem;
  }

  main.station-baranzy #station__slider__intro .slider__arrow__station,
#magasin .slider__arrow__magasin {
    width: 46px;
    height: 46px;
  }

  #magasin .slider__arrow__magasin.slider__arrow--prev {
    right: 56px;
  }

  #carwash .avantages .avantage div h3 {
    min-height: auto;
  }

  main.entreprise #equipe .equipe .membre {
    width: calc(50% - 1.25rem);
    margin-top: 0 !important;
    height: 100% !important;
  }

  main.entreprise #equipe .equipe .membre:nth-child(even) {
    margin-top: -75px !important;
  }

  main.entreprise #equipe .equipe .membre .info {
    height: 100% !important;
  }

  main.entreprise #equipe .equipe .membre:nth-child(even) .info {
    top: 0;
  }

  main.entreprise #histoire #entreprise__slider__histoire .swiper-slide {
    margin-top: 0 !important;
  }

  main.entreprise #histoire #entreprise__slider__histoire .swiper-container {
    margin-left: 0;
  }

  main.entreprise #philosophie .cta-philo ul {
    justify-content: center;
  }
  main.entreprise #philosophie .cta-philo ul li:first-child {
    margin-bottom: 1.25rem;
  }

  main.station-baranzy #pompes .info-pompe .info div span.ico,
.bottom-form .info-livraison-form .container > div .info .icone {
    transform: scale(0.8);
  }

  .bottom-form .info-livraison-form .container > div .info .texte h2,
.bottom-form .info-livraison-form .container > div .info .texte {
    min-height: auto;
  }

  .bottom-form .info-livraison-form .container > div .info {
    padding-bottom: 0;
  }

  #page__presse #page__banner .video__wrapper {
    max-height: 240px;
  }

  #page__presse #page__banner.has-video video {
    top: -10px;
  }
}
@media (min-width: 641px) {
  #magasin .pagin--mobile {
    display: none;
  }
}
@media (max-width: 640px) {
  main.entreprise #histoire #entreprise__slider__histoire .swiper-wrapper .date_importante {
    margin-right: 0;
  }

  main.entreprise #histoire #entreprise__slider__histoire .swiper-wrapper .date_importante .info {
    padding: 1.25rem;
  }

  #wpforms-39-field_12-container ul, #wpforms-39-field_13-container ul, #wpforms-39-field_30-container ul {
    width: 200px !important;
  }

  div.wpforms-container-full .wpforms-form .wpforms-page-indicator {
    padding: 0 !important;
  }

  div.wpforms-container-full .wpforms-form .wpforms-one-third {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
    text-align: center;
  }

  main.contact .container .content .cta-top {
    padding: 50px 1.25rem;
  }

  .interne-page main .white-bloc-top .container {
    padding-top: 2rem;
  }

  .interne-page #page__banner {
    margin-top: -81px;
  }

  .interne-page main .white-bloc-top .container .line-top {
    height: 5px;
  }

  #page__cta__contact .line, .interne-page main .white-bloc-top .container .line-top {
    width: 100px;
  }

  #page__cta__contact .line.rouge, .interne-page main .white-bloc-top .container .line-top.rouge {
    left: -230px;
  }

  #page__cta__contact .line.vert, .interne-page main .white-bloc-top .container .line-top.vert {
    right: -230px;
  }

  .interne-page main .main-content .bloc .container .content {
    max-width: 100%;
    padding: 4.688rem 0;
  }

  main.station-baranzy #pompes .info-pompe .info, #carwash .avantages .avantage {
    width: 100%;
  }

  #magasin .cta-magasin, #carwash .formules > div .prix ul {
    padding: 50px 1.25rem;
  }

  #carwash .formules {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  #carwash .formules::after {
    width: 100%;
  }

  main.entreprise #philosophie .cta-philo {
    padding: 50px 1.25rem;
  }

  main.entreprise #equipe .equipe .membre {
    width: calc(50% - 1.3rem);
    max-width: 100%;
    margin-top: 0 !important;
    margin-bottom: 1.25rem;
    height: auto !important;
    display: flex;
    justify-content: center;
  }

  main.entreprise #equipe .equipe .membre:nth-child(2n) {
    margin-top: 0 !important;
  }

  main.entreprise #equipe .equipe {
    justify-content: center;
    padding-top: 4.688rem;
  }

  main.actualite .last-post .conseil.last {
    width: 100% !important;
  }

  main.actualite .listing-conseils .liste .conseil {
    width: 100%;
    margin: 0 0 2.5rem !important;
  }

  main.actualite .listing-conseils .liste .conseil:last-child {
    margin-bottom: 0 !important;
  }

  main.station-baranzy .introduction h2,
main.actualite .introduction h2,
main.contact .container .content h2,
.interne-page main .intro .content h2,
main.entreprise .introduction h2,
.interne-page main .intro .content h2 {
    margin-bottom: 2.5rem;
  }

  main.station-baranzy #pompes {
    padding: 4rem 0;
  }

  main.station-baranzy #pompes .info-pompe {
    padding-top: 2.5rem;
  }

  main.entreprise #philosophie .content {
    padding: 2.25rem 0;
  }

  main.station-baranzy .introduction,
main.actualite .introduction {
    padding-bottom: 4rem;
  }

  main.entreprise #philosophie .cta-philo {
    padding: 2.25rem;
    margin-bottom: 2.25rem;
  }

  main.entreprise #histoire,
main.entreprise #equipe,
main.entreprise #equipe .equipe {
    padding-top: 2.25rem;
  }

  main.entreprise #histoire #entreprise__slider__histoire,
main.entreprise #histoire #entreprise__slider__histoire .swiper-container {
    padding-top: 0;
  }

  main.entreprise #histoire #entreprise__slider__histoire .swiper-wrapper {
    max-height: 470px;
  }

  main.entreprise #histoire #entreprise__slider__histoire .bloc-slider {
    padding-bottom: 2.25rem;
  }

  main.entreprise .introduction {
    padding-bottom: 2rem;
  }

  main.entreprise .introduction h2 {
    padding-top: 0;
  }

  #magasin {
    padding: 4rem 0 1.25rem;
  }

  #carwash {
    padding-top: calc(6.25rem + 110px);
  }

  #carwash .avantages {
    padding-top: 4rem;
  }

  #home__cta__contact {
    padding: 4rem 0 10rem 0;
  }

  #carwash .formules > div .prix ul li:last-child .presta {
    max-width: 320px;
  }

  main.station-baranzy #pompes .txt {
    margin: 3rem auto 0 auto;
  }

  #magasin .container-txt {
    margin-top: 2rem;
  }

  #magasin .container-txt .info {
    padding-bottom: 0;
  }

  main.actualite .last-post .conseil.last:last-child {
    margin-bottom: 0;
  }

  #magasin .pagin {
    display: none;
  }

  #magasin .pagin--mobile {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    margin: auto 0;
  }

  #magasin .pagin--mobile.slider__arrow__magasin.slider__arrow--prev {
    left: 1.25rem;
    right: 0;
  }

  #magasin .pagin--mobile.slider__arrow__magasin.slider__arrow--next {
    right: 1.25rem;
  }

  .content-article h1 {
    margin-bottom: 4rem;
  }

  .content-article .texte p, .content-article .texte ul, .content-article .texte ol {
    margin-bottom: 2.5rem;
  }
  .content-article .texte p:last-child, .content-article .texte ul:last-child, .content-article .texte ol:last-child {
    margin-bottom: 0;
  }

  .article.interne .nav-article {
    padding: 2.5rem 0;
  }

  #home__cta__contact {
    margin-top: 2.5rem;
  }

  main.contact .container .content .cta-top {
    padding: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .bottom-form .info-livraison-form {
    padding-bottom: 2.5rem;
  }

  main.contact .container .content .contact-info {
    padding: 2.5rem 1.25rem;
  }

  .interne-page main .intro .content .cta-top {
    margin-bottom: 2.5rem;
  }

  #page__presse #page__banner .video__wrapper {
    max-height: 200px;
  }

  #page__presse #page__banner.has-video video {
    top: 20px;
  }

  main.entreprise #cta__presse {
    padding: 2.5rem 0;
  }
}
@media (max-width: 480px) {
  main.entreprise #histoire #entreprise__slider__histoire .slider__arrow__hi {
    top: -25px;
  }

  #page__banner .post-banner {
    min-height: 207px;
  }

  .interne-page #page__banner {
    margin-top: -121px;
    position: relative;
  }
  .interne-page #page__banner span {
    position: relative;
    height: 50px;
    background: #473B45;
    width: 100%;
    display: inline-block;
  }

  #page__cta__contact .container ul {
    flex-direction: column;
  }
  #page__cta__contact .container ul li:last-child {
    margin-top: 1.25rem;
  }

  #formulaire .container .info-form ul li {
    width: 100%;
  }

  .bottom-form .cta-bottom > div p {
    font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  }

  #carwash .avantages .avantage {
    margin-bottom: 4rem;
  }

  #carwash .avantages .avantage div {
    padding: 1.25rem;
  }

  #carwash .avantages .avantage div span.ico {
    width: 60px;
    height: 60px;
    margin-top: -50px;
  }

  #page__presse.interne-page #page__banner span {
    display: none;
  }

  .interne-page main .white-bloc-top .container {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    max-width: 300px;
    width: 100%;
    padding: 1rem 0 2rem 0;
  }

  #page__cta__contact .line, .interne-page main .white-bloc-top .container .line-top {
    width: 33.3333333333%;
    position: static;
  }

  .interne-page:not(#page__presse) main .white-bloc-top .container {
    margin-top: -30px;
  }

  main.entreprise #histoire #entreprise__slider__histoire::after {
    bottom: 30px;
  }

  main.entreprise #cta__presse .cta__presse p {
    line-height: 1.5;
    text-align: center;
  }
}
@media (max-width: 400px) {
  #page__banner .post-banner {
    min-height: 182px;
  }
}
@media (max-width: 380px) {
  #carwash .formules > div .prix ul li {
    text-align: center;
    flex-wrap: wrap;
  }

  #carwash .formules > div .prix ul li span.presta,
#carwash .formules > div .prix ul li span.cout {
    width: 100%;
  }
}
@media (max-width: 360px) {
  #page__banner .post-banner {
    min-height: 168px;
  }
}
@media (max-width: 330px) {
  #page__presse #page__banner.has-video video {
    top: 0;
  }

  #page__presse #page__banner.has-video {
    font-size: 0;
  }
}
#message-pellets {
  width: 1356px;
  max-width: 100%;
  margin: 0 auto 2rem auto;
  border: 1px solid #CCCC;
  padding: 2rem;
  box-sizing: border-box;
}
#message-pellets h2 {
  position: relative;
  color: #483C46;
  text-align: center;
  background: #FFF;
  max-width: 400px;
  margin: -3rem auto 2rem auto;
}
#message-pellets .content {
  width: 570px;
  margin: auto;
  max-width: 100%;
}
#message-pellets .content p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
  line-height: 1.3;
  text-align: center;
}

#page__presse .article--el {
  max-width: 768px;
  margin: 1.125rem auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  box-sizing: border-box;
}
#page__presse .article--el.article--nolink {
  padding: 1.5rem 1.125rem;
  background: #f3f3f3;
  color: #483C46;
  justify-content: left;
}
#page__presse .article--el.article--mazout::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 45px;
  top: 0;
  bottom: 0;
  left: -3px;
  border-radius: 5px;
  margin: auto;
  background: #ED1B2E;
  transition: all 0.3s ease-in;
  transform-origin: 50% 50%;
}
#page__presse .article--el.article--pellets::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 45px;
  top: 0;
  bottom: 0;
  left: -3px;
  border-radius: 5px;
  margin: auto;
  background: #F07F00;
  transition: all 0.3s ease-in;
  transform-origin: 50% 50%;
}
#page__presse .article--el.article--station::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 45px;
  top: 0;
  bottom: 0;
  left: -3px;
  border-radius: 5px;
  margin: auto;
  background: #CCD74C;
  transition: all 0.3s ease-in;
  transform-origin: 50% 50%;
}
#page__presse .article--el a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.5rem 1.125rem;
  gap: 1rem;
  background: #f3f3f3;
  text-decoration: none;
  color: #483C46;
  transition: all 0.3s ease-in;
}
#page__presse .article--el p {
  max-width: 435px;
  font-weight: bold;
}
#page__presse .article--el span.article--infos {
  font-style: italic;
  color: #8F7A8C;
}
#page__presse .article--el span.article--link {
  flex-basis: 50px;
}
#page__presse .article--el:hover.article--station::before, #page__presse .article--el:hover.article--mazout::before, #page__presse .article--el:hover.article--pellets::before, #page__presse .article--el:active.article--station::before, #page__presse .article--el:active.article--mazout::before, #page__presse .article--el:active.article--pellets::before {
  height: 60px;
}
#page__presse .article--el:hover a, #page__presse .article--el:active a {
  background: #e6e6e6;
}

#page__depositaires #wpsl-stores ul li::before {
  display: none;
}
#page__depositaires .wpsl-input label, #page__depositaires #wpsl-radius label, #page__depositaires #wpsl-category label {
  width: auto;
}
#page__depositaires #wpsl-search-btn {
  box-shadow: none;
  color: #fff;
  background-color: #F07F00;
  background-image: none;
  border: 0;
  border-radius: 5px;
  font-weight: bold;
}
#page__depositaires.interne-page main .intro .content h2 {
  display: none;
}
#page__depositaires main .intro .txt {
  margin: 0 auto;
}

@media all and (max-width: 675px) {
  #page__depositaires #wpsl-stores, #page__depositaires #wpsl-direction-details, #page__depositaires #wpsl-gmap {
    height: 65vh !important;
  }
}
@media all and (max-width: 640px) {
  .interne-page main .main-content .bloc .container .content {
    padding: 2.25rem 0;
  }
}
@media all and (max-width: 570px) {
  #page__depositaires #wpsl-search-input {
    width: 93% !important;
  }
}
.wpforms-field-address .wpforms-field-row {
  margin-bottom: 1.5rem !important;
}

.wpforms-confirmation-container-full {
  background: #f3f3f3 !important;
  border: 0 !important;
  border-bottom: 1px solid #CCCCCC !important;
  padding: 2rem 12rem !important;
}
@media screen and (max-width: 991px) {
  .wpforms-confirmation-container-full {
    padding: 1rem !important;
  }
}
.wpforms-confirmation-container-full p {
  margin-bottom: 1rem !important;
  text-align: center !important;
  color: #fff !important;
}
.wpforms-confirmation-container-full p:last-child {
  margin-bottom: 0 !important;
}

.wpforms-entry-preview-table {
  border: 0 !important;
}
.wpforms-entry-preview-table .wpforms-entry-preview-label,
.wpforms-entry-preview-table .wpforms-entry-preview-value {
  text-align: center !important;
  background-color: transparent !important;
}
.wpforms-entry-preview-table .wpforms-entry-preview-label {
  font-weight: 400 !important;
  color: #483C46 !important;
  font-size: clamp(1rem, 0.8571rem + 0.3571vw, 1.125rem) !important;
  position: relative !important;
}
.wpforms-entry-preview-table .wpforms-entry-preview-label::after {
  content: "";
  width: 40px;
  height: 1px;
  background: #CCCCCC;
  display: block;
  margin: 1rem auto 0 auto;
}
.wpforms-entry-preview-table .wpforms-entry-preview-label:first-child::before {
  content: "Résumé de votre commande :";
  display: block;
  margin-bottom: 1.5rem;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
}
.wpforms-entry-preview-table .wpforms-entry-preview-value {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.wpforms-field-content.optiplus ul li {
  display: block !important;
}

@media all and (max-width: 1024px) {
  .local {
    background-position-x: 80% !important;
  }
}
.local section {
  margin: 2.5rem 0;
}
.local section .inner {
  max-width: 1356px;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media all and (min-width: 769px) {
  .local section {
    margin: 6.875rem 0;
  }
}
.local section h2 {
  color: #483C46;
  font-size: clamp(1.375rem, -0.1964rem + 3.9286vw, 2.75rem);
  margin-bottom: 10px;
  margin-top: 0;
  text-align: center;
  position: relative;
  padding-bottom: 2rem;
}
.local section h2 span {
  display: block;
  color: #8F7A8C;
  font-weight: 400;
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  margin: 0;
  position: relative;
  text-align: center;
}
.local section h2 .subtitle {
  font-family: "Homemade Apple", cursive;
  font-weight: 400;
  font-style: normal;
  color: #8F7A8C;
  display: block;
  padding: 1.3rem 0;
  transform: rotate(-5deg);
  font-size: 26px;
}
@media all and (min-width: 1201px) {
  .local section h2 .subtitle {
    left: 1.5rem;
    font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  }
}
.local section h2::after {
  background: #CCC;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 187.5px;
}
.local .introduction {
  max-width: 1356px;
  margin: auto;
}
.local .introduction p {
  font-size: clamp(0.875rem, 0.5893rem + 0.7143vw, 1.125rem);
}
.local .introduction > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.local .introduction .bloc-left {
  max-width: 95%;
  margin: auto;
  order: 1;
}
@media all and (min-width: 1106px) {
  .local .introduction .bloc-left {
    max-width: 643px;
    order: 0;
  }
}
.local .introduction .camion-img {
  max-width: 480px;
  margin: auto;
  order: 0;
}
@media all and (min-width: 1400px) {
  .local .introduction .camion-img {
    max-width: 687px;
    order: 1;
  }
}
.local .introduction .price_card {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 2.188rem;
  background: #F5F5F5;
  padding: 1rem;
  position: relative;
}
@media all and (min-width: 561px) {
  .local .introduction .price_card {
    padding: 1.875rem 1.25rem;
  }
}
@media all and (min-width: 1106px) {
  .local .introduction .price_card {
    align-items: flex-start;
  }
}
.local .introduction .price_label {
  color: #483C46;
}
.local .introduction .price {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
  gap: 0.5rem;
  color: #88888B;
}
.local .introduction .mazout_price, .local .introduction .pellet_price {
  color: #483C46;
  font-size: 36px;
  font-weight: 700;
}
.local .introduction .cta_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}
@media all and (min-width: 561px) {
  .local .introduction .cta_wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.local .introduction .cta_wrapper a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #FFF;
  background: #483C46;
  padding: 1rem;
  text-decoration: none;
}
.local .introduction .cta_wrapper a:hover, .local .introduction .cta_wrapper a:active {
  background: #3D333C;
}
.local #mot-local {
  position: relative;
}
.local #mot-local::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 110px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}
.local .letter-wrapper {
  position: relative;
  max-width: 900px;
  margin: 10rem auto 0 auto;
}
@media all and (min-width: 1201px) {
  .local .letter-wrapper {
    margin: 3.125rem auto 0 auto;
  }
}
.local .letter-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(177, 177, 177, 0.3);
  border-radius: 1.5rem;
  transform: rotate(-3deg);
  z-index: 1;
}
.local .letter {
  position: relative;
  z-index: 2;
  padding: 3.75rem 1rem;
  background: #FFF;
  border-radius: 1.5rem;
  border: 1px solid #CCC;
}
@media all and (min-width: 481px) {
  .local .letter {
    padding: 3.75rem;
  }
}
.local .letter img {
  max-width: 260px;
  margin: 0 auto;
}
.local .letter .portrait {
  max-width: 200px;
  margin-top: -180px;
  margin-bottom: 2rem;
}
@media all and (min-width: 769px) {
  .local .letter .portrait {
    max-width: 260px;
  }
}
@media all and (min-width: 1201px) {
  .local .letter .portrait {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    right: -150px;
    top: -150px;
  }
}
.local .letter p {
  max-width: 100%;
  margin: 1rem 0;
}
.local .letter p:first-child {
  margin-top: 0;
}
.local .letter p:last-child {
  margin-bottom: 0;
}
.local .avantages-wrapper {
  max-width: 1356px;
  padding: 0 1.25rem;
  margin: 2.875rem auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 1201px) {
  .local .avantages-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.local .avantages-wrapper .avantage {
  display: grid;
  grid-template-columns: 1fr;
  background: #FFF;
  border: 1px solid #CCC;
}
@media (min-width: 681px) {
  .local .avantages-wrapper .avantage {
    grid-template-columns: 325px 1fr;
    align-items: stretch;
  }
}
.local .avantages-wrapper .avantage .avantage-image {
  width: 100%;
  height: 220px;
  overflow: hidden;
}
@media (min-width: 681px) {
  .local .avantages-wrapper .avantage .avantage-image {
    height: 100%;
  }
}
.local .avantages-wrapper .avantage .avantage-image img {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.local .avantages-wrapper .avantage .avantage-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.25rem;
  text-align: center;
}
@media (min-width: 681px) {
  .local .avantages-wrapper .avantage .avantage-text {
    text-align: left;
  }
}
.local .avantages-wrapper .avantage h3 {
  font-size: clamp(1.125rem, 0.9688rem + 0.3906vw, 1.4375rem);
  margin-bottom: 1.128rem;
  font-weight: normal;
  color: #483C46;
  text-align: center;
}
@media (min-width: 681px) {
  .local .avantages-wrapper .avantage h3 {
    text-align: left;
  }
}
.local .avantages-wrapper .avantage:hover .avantage-image img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
.local .avantages-icones {
  background: #F3F3F3;
  padding: 12rem 0;
  margin-top: -14rem;
}
.local .avantages-icones a {
  margin: auto auto 2.375rem;
}
.local .icones-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media all and (max-width: 1024px) {
  .local .icones-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media all and (min-width: 1025px) {
  .local .icones-wrapper {
    justify-content: space-between;
  }
}
.local .icones-wrapper > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
}
@media all and (min-width: 461px) {
  .local .icones-wrapper > div {
    max-width: 50%;
  }
}
@media all and (min-width: 1025px) {
  .local .icones-wrapper > div {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .local .icones-wrapper > div:nth-child(2), .local .icones-wrapper > div:nth-child(3) {
    margin-top: 5.625rem;
  }
}
@media all and (max-width: 1200px) {
  .local .icones-wrapper > div img {
    max-height: 80px;
  }
}
.local .icones-wrapper > div img {
  transition: all 0.3s ease-in-out;
}
.local .icones-wrapper > div:nth-child(even):hover img {
  transform: rotate(8deg) scale(1.1);
  transition: all 0.3s ease-in-out;
}
.local .icones-wrapper > div:nth-child(odd):hover img {
  transform: rotate(-8deg) scale(1.1);
  transition: all 0.3s ease-in-out;
}
.local .icones-wrapper span {
  display: block;
  color: #483C46;
  font-size: clamp(1.125rem, 0.9688rem + 0.3906vw, 1.4375rem);
  text-align: center;
}
.local #faq {
  margin-bottom: 0;
  padding-bottom: 22rem;
  margin-top: -18rem;
}
.local #faq .inner {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
@media all and (min-width: 1025px) {
  .local #faq .inner {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.local #faq .faq {
  width: auto;
}
.local #faq .faq .content {
  max-width: 860px;
  padding: 3.75rem;
}
@media all and (max-width: 1024px) {
  .local #faq .info-contact {
    width: 100%;
  }
}
@media all and (min-width: 1025px) {
  .local #faq .info-contact div {
    margin-top: 8rem;
  }
}
.local #faq .info-contact div a {
  margin: auto;
}
.local.local-mazout .price_card::before {
  content: "";
  background: url(/wp-content/themes/michelpetit/dist/images/esso-logo.svg?19f29f18bae9865948b568d98fb67e24) no-repeat center center;
  width: 107px;
  height: 75px;
  position: relative;
  top: 0;
  right: 0;
  margin: 0 auto 1rem auto;
}
@media all and (min-width: 1106px) {
  .local.local-mazout .price_card::before {
    position: absolute;
    top: 2rem;
    right: 1rem;
    margin: auto;
  }
}
.local.local-mazout .price_card .cta_wrapper a:first-child {
  background: #ED1B2E;
}
.local.local-mazout .price_card .cta_wrapper a:first-child:hover, .local.local-mazout .price_card .cta_wrapper a:first-child:active {
  background: #C51928;
}
.local.local-mazout section:not(#home__cta__contact) .cta-home {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.5rem;
  color: #FFF;
  background: #ED1B2E;
}
.local.local-mazout section:not(#home__cta__contact) .cta-home::before {
  background: #C51928;
}
.local.local-pellet .price_card .cta_wrapper {
  flex-wrap: wrap;
}
.local.local-pellet .price_card .cta_wrapper a:first-child {
  background: #F07F00;
}
.local.local-pellet .price_card .cta_wrapper a:first-child:hover, .local.local-pellet .price_card .cta_wrapper a:first-child:active {
  background: #CA6D11;
}
.local.local-pellet section:not(#home__cta__contact) .cta-home {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.5rem;
  color: #FFF;
  background: #F07F00;
}
.local.local-pellet section:not(#home__cta__contact) .cta-home::before {
  background: #CA6D11;
}

.page-locale footer {
  margin-top: -120px;
}

@media (max-width: 480px) {
  .page-locale.interne-page #page__banner span {
    display: none;
  }
}
.mt-label {
  margin-top: 1rem;
}

/* PELLET SACS */
#gamme {
  padding-top: 6.5rem;
}
@media (max-width: 640px) {
  #gamme {
    padding-top: 3rem;
  }
}

#gamme > .container {
  background: #fff;
  padding-bottom: 10px;
  position: relative;
  z-index: 1;
}

.gamme__wrapper {
  background: #F5F5F5;
  padding: 120px 0 60px 0;
  margin-top: -60px;
}
@media (max-width: 1355px) {
  .gamme__wrapper {
    padding: 60px 0 30px 0;
    margin-top: -30px;
  }
}

.gamme__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 100%;
  width: 1356px;
  box-sizing: border-box;
  margin: auto;
  gap: 1rem;
}
@media (max-width: 1355px) {
  .gamme__list {
    grid-template-columns: 1fr;
    padding: 0 1rem;
  }
}
.gamme__list .card {
  display: flex;
  flex-wrap: nowrap;
  background: #fff;
  border: 1px solid #ccc;
  gap: 1rem;
}
@media (max-width: 768px) {
  .gamme__list .card {
    flex-direction: column;
    align-items: stretch;
  }
}
.gamme__list .card .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #F5F5F5;
  padding: 26px 16px;
  gap: 1rem;
}
.gamme__list .card .left.is-align-center {
  justify-content: center;
}
@media (max-width: 768px) {
  .gamme__list .card .left {
    width: 100%;
    align-items: center;
    text-align: center;
  }
}
.gamme__list .card .left img {
  max-width: 250px;
}
@media (max-width: 640px) {
  .gamme__list .card .left img {
    max-width: 200px;
  }
}
.gamme__list .card .left p {
  text-align: center;
}
.gamme__list .card .left p strong {
  font-size: clamp(1.125rem, 0.75rem + 1.25vw, 1.625rem);
  color: #F07F00;
  font-weight: bold;
}
.gamme__list .card .right {
  padding: 26px 0;
}
@media (max-width: 768px) {
  .gamme__list .card .right {
    width: 100%;
    padding: 20px 16px;
  }
}
.gamme__list .card .right h3 {
  color: #483C46;
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.5rem);
  padding-bottom: 26px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 768px) {
  .gamme__list .card .right h3 {
    padding-bottom: 15px;
    text-align: center;
  }
}
.gamme__list .card .right p, .gamme__list .card .right ul {
  max-width: 350px;
  margin: 22px 0;
}
@media (max-width: 768px) {
  .gamme__list .card .right p, .gamme__list .card .right ul {
    max-width: 100%;
    margin: 15px auto;
  }
}
.gamme__list .card .right p:last-of-type, .gamme__list .card .right ul:last-of-type {
  margin-bottom: 0;
}
.gamme__list .card .right ul li {
  margin-left: 25px;
}

#gamme .note {
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 1355px) {
  #gamme .note {
    margin-top: 25px;
    padding: 0 1rem;
  }
}

#avantages_direct {
  padding: 120px 0 240px 0;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/wp-content/themes/michelpetit/dist/images/bg-petit-et-fils-pellets-sacs.jpg?bb44c529aa60fa247d94b208c6c7eced) no-repeat fixed center;
  background-size: cover;
}
@media (max-width: 1024px) {
  #avantages_direct {
    padding: 60px 0 100px 0;
  }
}
#avantages_direct .intro h2 {
  color: #fff;
}
#avantages_direct .intro .nd-title {
  color: #D9D9D9;
}
#avantages_direct .avantages_direct__container {
  margin: 36px auto 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 5%;
  max-width: 100%;
  width: 1356px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  #avantages_direct .avantages_direct__container {
    flex-direction: column;
    gap: 2.5rem;
    padding: 0 1.5rem;
  }
}
#avantages_direct .avantage {
  flex: 1 1 0;
}
@media (max-width: 1024px) {
  #avantages_direct .avantage {
    max-width: 560px;
    width: 100%;
    margin: auto;
  }
}
#avantages_direct .avantage .icone {
  width: 130px;
  height: 130px;
  background: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
#avantages_direct .avantage .icone img {
  max-width: 80px;
}
#avantages_direct .avantage .texte h3 {
  font-size: clamp(1.25rem, 0.9643rem + 0.7143vw, 1.75rem);
  color: #FFFFFF;
  margin: 26px 0;
  text-align: center;
}
#avantages_direct .avantage .texte p {
  color: #D9D9D9;
  text-align: center;
}

.pellet-sac section#cta {
  margin-top: -120px;
}
@media (max-width: 1024px) {
  .pellet-sac section#cta {
    margin-top: -26px;
  }
}
.pellet-sac section#cta .cta {
  background: #F3F3F3;
  margin: 0 auto;
}
.pellet-sac section#cta .cta .content {
  padding: 95px 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1280px) {
  .pellet-sac section#cta .cta .content {
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .pellet-sac section#cta .cta .content {
    padding: 50px 1.25rem;
  }
}
.pellet-sac section#cta .cta p {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 400;
  color: #483C46;
  margin-right: 15px;
}
@media (max-width: 1280px) {
  .pellet-sac section#cta .cta p {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}
.pellet-sac section#cta .cta a {
  margin: 0;
}

.pellet-sac #avantages {
  background: top center url(/wp-content/themes/michelpetit/dist/images/pellet_sac_avantages_section_bg.jpg?d4a7ca8e30b40777af63435892dc4c2c) no-repeat, #F9F9F9;
}
.pellet-sac .avantage:first-child .produit-2081 span {
  background-position: -775px 0;
  height: 145px;
  width: 127px;
}
.pellet-sac .avantage:nth-child(2) .produit-2081 span {
  background-position: -391px -169px;
  height: 123px;
  width: 143px;
}
.pellet-sac .avantage:nth-child(3) .produit-2081 span {
  background-position: -403px -341px;
  height: 124px;
  width: 142px;
}
.pellet-sac .avantage:last-child .produit-2081 span {
  background-position: -692px -171px;
  height: 153px;
  width: 140px;
}

#michelpetit .bloc {
  position: relative;
  max-width: 100%;
  width: 1356px;
  box-sizing: border-box;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  #michelpetit .bloc {
    flex-direction: column;
    text-align: center;
    padding: 20px 1rem;
  }
}
#michelpetit .bloc::after {
  content: "";
  background: #ccd74c;
  height: 12px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -6px;
  width: 160px;
}
#michelpetit .bloc img {
  max-width: 360px;
}
@media (max-width: 1024px) {
  #michelpetit .bloc img {
    max-width: 250px;
  }
}
#michelpetit .bloc .right {
  flex: 1;
  padding: 26px;
}
@media (max-width: 1024px) {
  #michelpetit .bloc .right {
    padding: 15px 0;
    max-width: 560px;
    margin: auto;
  }
}
#michelpetit .bloc .right h2 {
  font-size: clamp(1.375rem, 1.0179rem + 0.8929vw, 1.875rem);
  font-weight: normal;
  color: #483C46;
  margin-bottom: 26px;
}
@media (max-width: 1024px) {
  #michelpetit .bloc .right h2 {
    margin-bottom: 15px;
  }
}
#michelpetit .bloc .right p {
  max-width: 640px;
  margin: 21px 0;
}
@media (max-width: 1024px) {
  #michelpetit .bloc .right p {
    max-width: 100%;
    margin: 10px 0;
  }
}

.pellet-sac .cta-footer {
  background: url(/wp-content/themes/michelpetit/dist/images/petit-et-fils-banner-pellet-sac-footer-cta.jpg?f5e274454a9186a7b30bc685c38385b2) no-repeat #f5f5f5;
}

#produit_livraison-pellet-en-vrac main .intro .txt p {
  margin: 16px 0;
}
#produit_livraison-pellet-en-vrac main .intro .txt p:last-of-type {
  margin-bottom: 0;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet {
  padding-bottom: 6.5rem;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque > div {
  background: linear-gradient(to bottom, #154797, #b3cb04);
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque .p-pellet p.prix {
  position: relative;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque .p-pellet p.prix span.pays {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-left: 0;
  padding-left: 35px;
  max-width: 34px;
  height: 34px;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque .p-pellet p.prix span.pays svg {
  max-width: 100%;
  height: 100%;
  border: 3px solid #fff;
  border-radius: 100%;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque .p-pellet p.prix span.pays:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #FFF;
  border-radius: 50%;
  margin: auto;
  width: 18px;
  height: 18px;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque .p-pellet p.prix.be span.pays:before {
  background: #ED1B2E;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque .p-pellet p.prix.fr span.pays:before {
  background: #2060E0;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque .p-pellet p.prix.lu span.pays:before {
  background: #20ACE0;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .marque .p-pellet p.txt {
  max-width: 100%;
  color: rgba(255, 255, 255, 0.75);
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix .prix-actuel .hausse span.date {
  margin: 0;
  width: 100%;
}
#produit_livraison-pellet-en-vrac main #produit-prix.prix.prix-pellet .affichage-prix:after {
  background: url(/wp-content/themes/michelpetit/dist/images/petit-et-fils-banner-pellet-vrac.jpg?77ade6a55d3be8e10a3e9d20959b327a) no-repeat;
}
#produit_livraison-pellet-en-vrac main .price-info-bloc a {
  color: #fff;
  font-weight: bold;
  margin-top: 16px;
  text-decoration: none;
  display: inline-block;
}
#produit_livraison-pellet-en-vrac main .price-info-bloc a:hover {
  text-decoration: underline;
}
#produit_livraison-pellet-en-vrac main .price-info-bloc a:last-of-type {
  margin-top: 0;
}
#produit_livraison-pellet-en-vrac main #avantages_direct {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/wp-content/themes/michelpetit/dist/images/bg-petit-et-fils-pellets-vrac.jpg?72a879817782492945e70b80a4eb5d23) no-repeat fixed center;
}
#produit_livraison-pellet-en-vrac main section#cta {
  margin-top: -120px;
}
@media (max-width: 1024px) {
  #produit_livraison-pellet-en-vrac main section#cta {
    margin-top: -26px;
  }
}
#produit_livraison-pellet-en-vrac main section#cta .cta {
  background: #F3F3F3;
  margin: 0 auto;
}
#produit_livraison-pellet-en-vrac main section#cta .cta .content {
  padding: 95px 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1280px) {
  #produit_livraison-pellet-en-vrac main section#cta .cta .content {
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  #produit_livraison-pellet-en-vrac main section#cta .cta .content {
    padding: 50px 1.25rem;
  }
}
#produit_livraison-pellet-en-vrac main section#cta .cta p {
  font-size: clamp(1.125rem, 0.125rem + 2.5vw, 2rem);
  font-weight: 400;
  color: #483C46;
  margin-right: 15px;
}
@media (max-width: 1280px) {
  #produit_livraison-pellet-en-vrac main section#cta .cta p {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}
#produit_livraison-pellet-en-vrac main section#cta .cta a {
  margin: 0;
}
#produit_livraison-pellet-en-vrac main section#avantages {
  background: top center url(/wp-content/themes/michelpetit/dist/images/petit-et-fils-pellet-vrac-bg-avantages.jpg?ec595685590a82ed1d203d6f360e3868) no-repeat, #F9F9F9;
}
#produit_livraison-pellet-en-vrac main section#avantages .avantage:first-child .produit-2145 span {
  background-position: -551px -327px;
  height: 139px;
  width: 131px;
}
#produit_livraison-pellet-en-vrac main section#avantages .avantage:nth-child(2) .produit-2145 span {
  background-position: -775px 0;
  height: 145px;
  width: 127px;
}
#produit_livraison-pellet-en-vrac main section#avantages .avantage:nth-child(3) .produit-2145 span {
  background-position: -403px -341px;
  height: 124px;
  width: 142px;
}
#produit_livraison-pellet-en-vrac main section#avantages .avantage:nth-child(4) .produit-2145 span {
  background-position: -391px -169px;
  height: 123px;
  width: 143px;
}
#produit_livraison-pellet-en-vrac main section#avantages .avantage:nth-child(5) .produit-2145 span {
  background-position: -539px -169px;
  height: 103px;
  width: 147px;
}
#produit_livraison-pellet-en-vrac main section#avantages .avantage:last-child .produit-2145 span {
  background-position: -692px -171px;
  height: 153px;
  width: 140px;
}
#produit_livraison-pellet-en-vrac main section#services {
  padding-top: 6.5rem;
}
#produit_livraison-pellet-en-vrac main .cta-footer {
  background: url(/wp-content/themes/michelpetit/dist/images/petit-et-fils-banner-pellet-vrac-footer-cta.jpg?898ccefb01bd2c63b4f9ffc7db52aea9) no-repeat #f5f5f5;
}
#produit_livraison-pellet-en-vrac footer {
  margin-top: -112px;
}

/* Nettoyage de silo (templates/nettoyage-de-silo.php) */
.nettoyage-silo {
  /* ---------- HERO ---------- */
  /* ---------- COMMENT ÇA MARCHE ---------- */
  /* ---------- MODALE VIDÉO ---------- */
  /* ---------- RÉASSURANCE / VOS AVANTAGES ---------- */
  /* ---------- AVANT / APRÈS ---------- */
  /* ---------- COMPARATEUR AVANT / APRÈS ---------- */
  /* ---------- ZONES D'INTERVENTION ---------- */
  /* ---------- TÉMOIGNAGES ---------- */
  /* ---------- GALERIE PHOTO ---------- */
  /* ---------- FLÈCHES DES SLIDERS (avant/après, témoignages, galerie) ---------- */
  /* ---------- FAQ : icône spécifique de la carte contact ---------- */
  /* ---------- CTA FINAL ---------- */
}
.nettoyage-silo .intro h2 {
  font-size: clamp(1.75rem, 1.2054rem + 1.9643vw, 2.4375rem);
}
.nettoyage-silo .intro p.nd-title {
  font-size: clamp(1.25rem, 0.9821rem + 0.9524vw, 1.875rem);
  font-weight: 400;
  padding-bottom: 2.5rem;
}
.nettoyage-silo .txt p {
  font-size: clamp(1rem, 0.8929rem + 0.3571vw, 1.125rem);
  line-height: 1.4;
  margin-bottom: 1rem;
}
.nettoyage-silo .txt p:last-child {
  margin-bottom: 0;
}
.nettoyage-silo .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #B1D665;
  color: #fff;
  padding: 16px 17px;
  font-size: clamp(1rem, 0.7857rem + 0.7143vw, 1.25rem);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.nettoyage-silo .btn-icon i {
  font-size: 1.25rem;
  line-height: 1;
}
.nettoyage-silo .btn-icon.btn-icon--right {
  flex-direction: row-reverse;
}
.nettoyage-silo .btn-icon:hover {
  background: #a1cd45;
  color: #fff;
}
.nettoyage-silo .silo-hero {
  position: relative;
  overflow: hidden;
  padding: 260px 0 320px;
  display: flex;
  align-items: center;
  min-height: 620px;
}
.nettoyage-silo .silo-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
.nettoyage-silo .silo-hero .container {
  position: relative;
  z-index: 2;
}
.nettoyage-silo .silo-hero__content {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
.nettoyage-silo .silo-hero__content h1 {
  font-size: clamp(2rem, 1.0179rem + 3.9286vw, 3.5625rem);
  font-weight: 700;
  margin: 0 0 10px;
}
.nettoyage-silo .silo-hero__subtitle {
  font-size: clamp(1.375rem, 0.9821rem + 1.5714vw, 2.25rem);
  font-weight: 400;
  margin: 0 0 25px;
}
.nettoyage-silo .silo-hero__text {
  font-size: clamp(1rem, 0.8929rem + 0.3571vw, 1.125rem);
  max-width: 570px;
  margin: 0 auto 35px;
  line-height: 1.4;
}
.nettoyage-silo .silo-hero__text strong {
  color: #fff;
}
.nettoyage-silo .silo-hero__cta {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.nettoyage-silo .silo-hero__cta .cta-home {
  margin: 0;
}
.nettoyage-silo .silo-hero__scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}
.nettoyage-silo .silo-hero__scroll .arrow {
  animation: downSlider 1s linear infinite;
}
@keyframes downSlider {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(6px);
    opacity: 0.4;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.nettoyage-silo .sous-menu .container:before {
  background: #B1D665;
}
.nettoyage-silo .silo-marche {
  background: #F5F5F5;
  margin-top: 240px;
}
.nettoyage-silo .silo-marche__card {
  background: #fff;
  border: 1px solid #CCC;
  max-width: 940px;
  margin: 0 auto;
  padding: 60px 60px;
  text-align: center;
  position: relative;
  z-index: 3;
  top: -150px;
}
.nettoyage-silo .silo-marche__card .intro {
  margin-bottom: 26px;
}
.nettoyage-silo .silo-marche__scroll {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  background: #B1D665;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  border-radius: 100%;
}
.nettoyage-silo .silo-marche__scroll svg {
  transition: all 0.3s ease-in-out;
  max-width: 24px;
  width: 100%;
  height: auto;
  margin: auto;
}
.nettoyage-silo .silo-marche__scroll:hover {
  background: #a1cd45;
}
.nettoyage-silo .silo-marche__scroll:hover svg {
  transform: translateY(4px);
}
.nettoyage-silo .silo-marche__video {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}
.nettoyage-silo .silo-marche__video .btn-icon {
  font-family: inherit;
}
.nettoyage-silo .video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.nettoyage-silo .video-modal[hidden] {
  display: none;
}
.nettoyage-silo .video-modal.is-open {
  opacity: 1;
}
.nettoyage-silo .video-modal__inner {
  position: relative;
  width: min(1280px, 100%, (100vh - 120px) * 16 / 9);
}
.nettoyage-silo .video-modal__player {
  aspect-ratio: 16/9;
  background: #000;
}
.nettoyage-silo .video-modal__player iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.nettoyage-silo .video-modal__close {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: 0;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.nettoyage-silo .video-modal__close:hover {
  transform: rotate(90deg);
}
.nettoyage-silo .silo-etapes {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: calc(60px + var(--silo-scroll-half));
}
.nettoyage-silo .silo-etapes .etape {
  flex: 1 1 0;
  min-width: 280px;
  background: #fff;
  border: 1px solid #CCC;
  display: flex;
  flex-direction: column;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.nettoyage-silo .silo-etapes .etape__img {
  aspect-ratio: 4096/2731;
  overflow: hidden;
}
.nettoyage-silo .silo-etapes .etape__img img,
.nettoyage-silo .silo-etapes .etape__img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.nettoyage-silo .silo-etapes .etape__img img {
  transition: transform 0.6s ease;
}
.nettoyage-silo .silo-etapes .etape__content {
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}
.nettoyage-silo .silo-etapes .etape__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #CCC;
  padding-bottom: 26px;
}
.nettoyage-silo .silo-etapes .etape__titre {
  font-size: clamp(1.25rem, 1.1071rem + 0.7143vw, 1.4375rem);
  color: #483C46;
  margin: 0;
}
.nettoyage-silo .silo-etapes .etape__num {
  font-size: clamp(1.5rem, 1.2679rem + 1.1607vw, 2.4375rem);
  font-weight: 700;
  color: #B1D665;
  margin: 0;
}
.nettoyage-silo .silo-etapes .etape__txt {
  font-size: 1.125rem;
  color: #8F7A8C;
  line-height: 1.4;
  margin: 0;
}
.nettoyage-silo .silo-etapes .etape__txt p {
  margin: 0 0 20px;
}
.nettoyage-silo .silo-etapes .etape__txt p:last-child {
  margin-bottom: 0;
}
.nettoyage-silo .silo-etapes .etape__txt strong {
  color: #483C46;
}
@media (hover: hover) and (pointer: fine) {
  .nettoyage-silo .silo-etapes .etape:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 30px rgba(72, 60, 70, 0.12);
  }
  .nettoyage-silo .silo-etapes .etape:hover .etape__img img {
    transform: scale(1.08) rotate(1deg);
  }
}
.nettoyage-silo .silo-reassurance {
  padding: 6.5rem 0;
  background: #F5F5F5;
}
.nettoyage-silo .silo-reassurance .reassurance {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 34px;
}
.nettoyage-silo .silo-reassurance .reassurance__item {
  flex: 1 1 260px;
  max-width: 346px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.nettoyage-silo .silo-reassurance .reassurance__item img {
  max-width: 170px;
  width: auto;
}
@media (min-width: 1200px) {
  .nettoyage-silo .silo-reassurance .reassurance__item:nth-child(2), .nettoyage-silo .silo-reassurance .reassurance__item:nth-child(3) {
    margin-top: 50px;
  }
}
.nettoyage-silo .silo-reassurance .reassurance__titre {
  font-size: clamp(1.25rem, 1.1071rem + 0.7143vw, 1.4375rem);
  color: #483C46;
  margin: 0;
}
.nettoyage-silo .silo-reassurance .reassurance__txt {
  font-size: 1.125rem;
  color: #8F7A8C;
  line-height: 1.4;
  margin: 0;
}
.nettoyage-silo .silo-reassurance .reassurance__txt p {
  margin: 0 0 10px;
}
.nettoyage-silo .silo-reassurance .reassurance__txt p:last-child {
  margin-bottom: 0;
}
.nettoyage-silo .silo-avant-apres {
  padding: 60px 0;
}
.nettoyage-silo .silo-avant-apres .avant-apres {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.nettoyage-silo .silo-avant-apres .avant-apres__card {
  background: #fff;
  border: 1px solid #CCC;
  padding: 60px;
  max-width: 653px;
  flex: 1 1 420px;
  min-width: 0;
  box-sizing: border-box;
}
.nettoyage-silo .silo-avant-apres .avant-apres__label {
  font-size: clamp(1.25rem, 0.9821rem + 0.9524vw, 1.875rem);
  color: #8F7A8C;
  margin: 0 0 26px;
}
.nettoyage-silo .silo-avant-apres .avant-apres__titre {
  font-size: clamp(1.125rem, 0.9821rem + 0.4762vw, 1.4375rem);
  color: #483C46;
  margin: 0 0 16px;
}
.nettoyage-silo .silo-avant-apres .avant-apres__txt {
  font-size: clamp(1rem, 0.9464rem + 0.1786vw, 1.125rem);
  color: #8F7A8C;
  line-height: 1.4;
  max-width: 346px;
}
.nettoyage-silo .silo-avant-apres .avant-apres__txt p {
  margin: 0 0 10px;
}
.nettoyage-silo .silo-avant-apres .avant-apres__txt p:last-child {
  margin-bottom: 0;
}
.nettoyage-silo .silo-avant-apres .avant-apres__textes .swiper-slide {
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
.nettoyage-silo .silo-avant-apres .avant-apres__textes .swiper-slide .avant-apres__txt {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.nettoyage-silo .silo-avant-apres .avant-apres__textes .swiper-slide.swiper-slide-active .avant-apres__txt {
  opacity: 1;
  transform: none;
  transition-delay: 0.35s;
}
.nettoyage-silo .silo-avant-apres .avant-apres__nav {
  display: flex;
  gap: 16px;
  margin-top: 55px;
}
.nettoyage-silo .silo-avant-apres .avant-apres__visual {
  flex: 0 1 477px;
  max-width: 477px;
  width: 100%;
  margin: 0;
}
.nettoyage-silo .silo-avant-apres .avant-apres__tag {
  position: absolute;
  top: 27px;
  z-index: 2;
  background: #B1D665;
  color: #fff;
  font-size: 1.125rem;
  padding: 6px 10px;
  border-radius: 8px;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.nettoyage-silo .silo-avant-apres .avant-apres__tag.avant {
  left: 22px;
}
.nettoyage-silo .silo-avant-apres .avant-apres__tag.apres {
  right: 22px;
}
.nettoyage-silo .silo-avant-apres .avant-apres__tag.is-hidden {
  opacity: 0;
}
.nettoyage-silo .comparateur {
  --position: 50%;
  position: relative;
  aspect-ratio: 576/768;
  overflow: hidden;
  cursor: ew-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
}
.nettoyage-silo .comparateur__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  pointer-events: none;
}
.nettoyage-silo .comparateur__avant {
  position: absolute;
  inset: 0;
  clip-path: inset(0 calc(100% - var(--position)) 0 0);
}
.nettoyage-silo .comparateur__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--position);
  z-index: 3;
  width: 0;
  border-left: 2px dashed rgba(255, 255, 255, 0.8);
  transform: translateX(-1px);
  outline: none;
}
.nettoyage-silo .comparateur__handle:focus-visible .comparateur__knob {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #B1D665;
}
.nettoyage-silo .comparateur__knob {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #B1D665;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease;
}
.nettoyage-silo .comparateur:hover .comparateur__knob, .nettoyage-silo .comparateur.is-dragging .comparateur__knob {
  transform: translate(-50%, -50%) scale(1.1);
}
.nettoyage-silo .silo-zones {
  padding: 32px 0 60px;
}
.nettoyage-silo .silo-zones__content {
  display: flex;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.nettoyage-silo .silo-zones__img {
  flex: 1 1 400px;
  max-width: 535px;
}
.nettoyage-silo .silo-zones__img img {
  width: 100%;
  height: auto;
  display: block;
}
.nettoyage-silo .silo-zones__texte {
  flex: 1 1 450px;
}
.nettoyage-silo .silo-zones__liste {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.nettoyage-silo .silo-zones__liste li {
  display: flex;
  align-items: center;
  gap: 24px;
}
.nettoyage-silo .silo-zones__liste img {
  flex-shrink: 0;
}
.nettoyage-silo .silo-zones__liste p {
  font-size: 1.125rem;
  color: #8F7A8C;
  margin: 0;
  line-height: 1.4;
}
.nettoyage-silo .silo-zones__liste p strong {
  color: #483C46;
}
.nettoyage-silo .silo-zones__cta {
  background: #F5F5F5;
  max-width: 821px;
  margin: 43px auto 0;
  padding: 30px;
  text-align: center;
}
.nettoyage-silo .silo-zones__cta p {
  font-size: 1.125rem;
  color: #483C46;
  margin: 0 0 20px;
}
.nettoyage-silo .silo-temoignages {
  background: #F5F5F5;
  padding: 60px 0;
}
.nettoyage-silo .silo-temoignages .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
.nettoyage-silo .silo-temoignages__slider {
  max-width: 926px;
  min-width: 0;
  flex: 1 1 auto;
  text-align: center;
}
.nettoyage-silo .silo-temoignages__quote {
  font-size: clamp(1.125rem, 1.0179rem + 0.3571vw, 1.375rem);
  color: #483C46;
  line-height: 1.4;
  margin: 0 0 33px;
}
.nettoyage-silo .silo-temoignages__auteur {
  font-size: 1.125rem;
  color: #8F7A8C;
  line-height: 1.4;
  margin: 0 0 26px;
}
.nettoyage-silo .silo-temoignages__auteur strong {
  color: #483C46;
}
.nettoyage-silo .silo-temoignages .swiper-pagination {
  position: static;
}
.nettoyage-silo .silo-temoignages .swiper-pagination .swiper-pagination-bullet {
  background: #CCC;
  opacity: 1;
  margin: 0 4px;
}
.nettoyage-silo .silo-temoignages .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #8F7A8C;
}
.nettoyage-silo .silo-galerie {
  padding: 60px 0;
  overflow: hidden;
}
.nettoyage-silo .silo-galerie__slider .swiper-slide {
  width: 790px;
  max-width: 80vw;
  opacity: 0.35;
  transition: opacity 0.3s ease;
}
.nettoyage-silo .silo-galerie__slider .swiper-slide img {
  width: 100%;
  height: 460px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.nettoyage-silo .silo-galerie__slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.nettoyage-silo .silo-galerie__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-top: 60px;
  flex-wrap: wrap;
}
.nettoyage-silo .silo-galerie__nav p {
  font-size: 1.875rem;
  color: #8F7A8C;
  text-align: center;
  margin: 0;
  max-width: 458px;
}
.nettoyage-silo .avant-apres__arrow,
.nettoyage-silo .silo-temoignages__arrow,
.nettoyage-silo .silo-galerie__arrow {
  width: 74px;
  height: 74px;
  min-width: 74px;
  border-radius: 50%;
  border: 1px solid #CCC;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: transform 0.25s ease;
}
.nettoyage-silo .avant-apres__arrow svg,
.nettoyage-silo .silo-temoignages__arrow svg,
.nettoyage-silo .silo-galerie__arrow svg {
  width: 20px;
  height: 20px;
}
.nettoyage-silo .avant-apres__arrow:hover,
.nettoyage-silo .silo-temoignages__arrow:hover,
.nettoyage-silo .silo-galerie__arrow:hover {
  transform: scale(0.9);
}
.nettoyage-silo .avant-apres__arrow:active,
.nettoyage-silo .silo-temoignages__arrow:active,
.nettoyage-silo .silo-galerie__arrow:active {
  transform: scale(0.85);
}
.nettoyage-silo #faq .info-contact span.icone {
  background: url(/wp-content/themes/michelpetit/dist/images/ic-faq-contact-person.svg?8bb767c1511fbea084fb6e26ce266104) center/contain no-repeat;
  width: 104px;
  height: 100px;
}
.nettoyage-silo #faq .info-contact .btn-icon {
  margin: 0 auto;
}
.nettoyage-silo .silo-cta-final {
  position: relative;
  padding: 7.5rem 0;
  text-align: center;
  overflow: hidden;
}
.nettoyage-silo .silo-cta-final__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
.nettoyage-silo .silo-cta-final .line {
  position: absolute;
  top: 0;
  height: 13px;
  width: 160px;
  z-index: 2;
}
.nettoyage-silo .silo-cta-final .line.rouge {
  background: #ED1B2E;
  left: calc(50% - 240px);
}
.nettoyage-silo .silo-cta-final .line.orange {
  background: #F07F00;
  left: calc(50% - 80px);
}
.nettoyage-silo .silo-cta-final .line.vert {
  background: #CCD74C;
  left: calc(50% + 95px);
}
.nettoyage-silo .silo-cta-final .container {
  position: relative;
  z-index: 1;
}
.nettoyage-silo .silo-cta-final h2 {
  font-size: clamp(1.75rem, 1.2054rem + 1.9643vw, 2.4375rem);
  color: #483C46;
  margin: 0 0 19px;
}
.nettoyage-silo .silo-cta-final p {
  font-size: clamp(1.0625rem, 0.9464rem + 0.4286vw, 1.3125rem);
  color: #8F7A8C;
  margin: 0 0 30px;
  line-height: 1.4;
}
.nettoyage-silo .silo-cta-final .cta-home {
  margin: 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1024px) {
  .nettoyage-silo .silo-etapes {
    flex-direction: column;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres {
    flex-direction: column;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__card,
.nettoyage-silo .silo-avant-apres .avant-apres__visual {
    flex: none;
    width: 100%;
  }
  .nettoyage-silo .silo-zones__content {
    flex-direction: column;
  }
  .nettoyage-silo .silo-temoignages .container {
    gap: 24px;
  }
  .nettoyage-silo .silo-cta-final .line.rouge {
    left: calc(50% - 200px);
  }
  .nettoyage-silo .silo-cta-final .line.vert {
    left: calc(50% + 45px);
  }
}
@media (max-width: 768px) {
  .nettoyage-silo .silo-hero {
    padding: 180px 0 260px;
    text-align: center;
  }
  .nettoyage-silo .silo-marche {
    margin-top: 0;
  }
  .nettoyage-silo .silo-marche__card {
    top: 0;
    padding: 30px 30px 42px 30px;
    margin: 42px 0;
  }
  .nettoyage-silo .silo-reassurance .reassurance {
    gap: 40px 20px;
  }
  .nettoyage-silo .silo-galerie__slider .swiper-slide {
    width: 90vw;
    max-width: 90vw;
  }
  .nettoyage-silo .silo-temoignages .container {
    flex-wrap: wrap;
    gap: 24px 16px;
  }
  .nettoyage-silo .silo-temoignages__slider {
    order: -1;
    flex-basis: 100%;
  }
  .nettoyage-silo .silo-temoignages__arrow,
.nettoyage-silo .silo-galerie__arrow,
.nettoyage-silo .avant-apres__arrow {
    width: 54px;
    height: 54px;
    min-width: 54px;
  }
  .nettoyage-silo .silo-temoignages__arrow svg,
.nettoyage-silo .silo-galerie__arrow svg,
.nettoyage-silo .avant-apres__arrow svg {
    width: 16px;
    height: 16px;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__card {
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    order: 1;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__nav {
    justify-content: center;
    margin-top: -50px;
    margin-bottom: 20px;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__label {
    order: 1;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__textes {
    order: 2;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres {
    gap: 20px;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__visual {
    max-width: min(100%, 38.4vh);
    max-width: min(100%, 38.4svh);
  }
  .nettoyage-silo .comparateur {
    aspect-ratio: 4/5;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__label {
    margin-bottom: 12px;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__titre {
    margin-bottom: 8px;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__txt {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .nettoyage-silo .silo-marche__card {
    padding: 20px 20px 60px 42px;
  }
  .nettoyage-silo .silo-hero__cta {
    flex-direction: column;
  }
  .nettoyage-silo .avant-apres__card {
    padding: 30px;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__tag {
    top: 15px;
    font-size: 1rem;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__tag.avant {
    left: 12px;
  }
  .nettoyage-silo .silo-avant-apres .avant-apres__tag.apres {
    right: 12px;
  }
  .nettoyage-silo .silo-reassurance .reassurance__item img {
    max-width: 80px;
  }
  .nettoyage-silo .comparateur__knob {
    width: 44px;
    height: 44px;
  }
  .nettoyage-silo .silo-zones__liste li {
    align-items: flex-start;
  }
}
* {
  margin: 0;
  padding: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "Barlow", sans-serif;
  font-size: clamp(0.875rem, 0.7321rem + 0.3571vw, 1rem);
  color: #8F7A8C;
  width: 1920px;
  max-width: 100%;
  margin: auto;
}
body.no-scroll {
  overflow: hidden;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

strong {
  color: #483C46;
}

.container {
  margin: 0 auto;
  max-width: 1642px;
  padding: 0 1.25rem;
}

@media (min-width: 1440px) {
  .container {
    min-width: 1400px;
  }
}
#cookie-law-info-bar img {
  max-width: 150px;
}

.cli-style-v2 .cli-bar-message p:last-child {
  margin: 20px 0;
}

#cookie-law-info-bar[data-cli-type=widget] .cli-style-v2 .cli-bar-btn_container {
  margin-top: 0 !important;
}

#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=widget] {
  padding: 2rem !important;
}

#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=widget] br {
  display: none !important;
}

.cli-style-v2 {
  font-size: clamp(0.875rem, 0.7321rem + 0.3571vw, 1rem) !important;
}

/* LAZY SPINNER */
#magasin .bloc-slider .swiper-container .swiper-slide img.swiper-lazy.lazy-image {
  opacity: 0;
}

#magasin .bloc-slider .swiper-container .swiper-slide.swiper-slide-active img.swiper-lazy.lazy-image.swiper-lazy-loaded {
  opacity: 1;
}

#magasin .bloc-slider .swiper-container .swiper-slide:not(.swiper-slide-active) img.swiper-lazy-loaded {
  opacity: 0.4;
}

.swiper-lazy-preloader {
  position: relative;
}
.swiper-lazy-preloader:before {
  content: "";
  display: block;
  height: 50px;
  width: 50px;
  animation: spin 0.5s infinite linear;
  border: 6px #f3f3f3 solid;
  border-left-color: #F07F00;
  border-radius: 100%;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}