/*
#@squelettes/css/style.less
*/
/* Imports */
/* Framework ORION  */
/* Variables d'environement pour ORION */
/* Site Web */
/* Imports */
/* Open Sans @font-face kit */
.openSans {
  font-family: 'Open Sans';
}
/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/Light/OpenSans-Light.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/Light/OpenSans-Light.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/Light/OpenSans-Light.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/LightItalic/OpenSans-LightItalic.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/LightItalic/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/LightItalic/OpenSans-LightItalic.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/LightItalic/OpenSans-LightItalic.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/Regular/OpenSans-Regular.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/Regular/OpenSans-Regular.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/Regular/OpenSans-Regular.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/Regular/OpenSans-Regular.svg#OpenSansRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/Italic/OpenSans-Italic.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/Italic/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/Italic/OpenSans-Italic.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/Italic/OpenSans-Italic.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/Italic/OpenSans-Italic.svg#OpenSansItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
/* END Italic */
/* BEGIN SemiBold */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/SemiBold/OpenSans-SemiBold.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/SemiBold/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/SemiBold/OpenSans-SemiBold.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/SemiBold/OpenSans-SemiBold.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/SemiBold/OpenSans-SemiBold.svg#OpenSansSemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}
/* END SemiBold */
/* BEGIN SemiBold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/SemiBoldItalic/OpenSans-SemiBoldItalic.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/SemiBoldItalic/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/SemiBoldItalic/OpenSans-SemiBoldItalic.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/SemiBoldItalic/OpenSans-SemiBoldItalic.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/SemiBoldItalic/OpenSans-SemiBoldItalic.svg#OpenSansSemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
}
/* END SemiBold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/Bold/OpenSans-Bold.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/Bold/OpenSans-Bold.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/Bold/OpenSans-Bold.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/Bold/OpenSans-Bold.svg#OpenSansBold') format('svg');
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/BoldItalic/OpenSans-BoldItalic.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/BoldItalic/OpenSans-BoldItalic.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/BoldItalic/OpenSans-BoldItalic.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/ExtraBold/OpenSans-ExtraBold.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/ExtraBold/OpenSans-ExtraBold.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/ExtraBold/OpenSans-ExtraBold.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold') format('svg');
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/plugins/orion/css/fonts/opensans/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot');
  src: url('/plugins/orion/css/fonts/opensans/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/plugins/orion/css/fonts/opensans/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff') format('woff'), url('/plugins/orion/css/fonts/opensans/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf') format('truetype'), url('/plugins/orion/css/fonts/opensans/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic') format('svg');
  font-weight: 800;
  font-style: italic;
}
/* END Extrabold Italic */
/* Framework Orion */
/* By WEB & Cie */
/* Nécessite jQuery et Less */
/* Imports */
/* Points de ruptures */
/* Taille des blocs */
.wrapper {
  width: 98%;
  max-width: 1280px;
  margin: 0 auto;
}
/* Couleurs par défaut */
.couleur {
  color: #e94e1d;
}
/* Typos */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
.enorme {
  font-size: 50px;
  line-height: 60px;
}
.tresgrand {
  font-size: 50px;
  line-height: 50px;
}
.grand {
  font-size: 32px;
  line-height: 42px;
}
.normal {
  font-size: 16px;
  line-height: 23px;
}
.moyen {
  font-size: 20px;
  line-height: 24px;
}
.petit {
  font-size: 13px;
  line-height: 18px;
}
.pasDePuces {
  list-style: none;
}
.enavant {
  color: #e94e1d;
  font-weight: bold;
}
.info {
  color: #aaa;
}
.gras {
  font-weight: bold;
}
.majuscules {
  text-transform: uppercase;
}
.ucfirst {
  text-transform: capitalize;
}
.roboto {
  font-family: 'Roboto', sans-serif;
}
.centrer {
  text-align: center;
}
.alignerGauche {
  text-align: left;
}
/* Espacements */
p {
  margin: 10px 0;
}
/* Positionnement */
.block {
  display: block;
}
.inline {
  display: inline-block;
  vertical-align: top;
}
.inlineMiddle {
  display: inline-block;
  vertical-align: middle;
}
.cacher {
  display: none;
}
.absolute {
  position: absolute;
  top: 0;
  left: 0;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
/* Alignements */
.alignerCentre {
  text-align: center;
}
.alignerDroite {
  text-align: right;
}
.alignerGauche {
  text-align: left;
}
.adroite {
  float: right;
}
.justifie {
  text-align: justify;
}
/* Colonage */
.colonne {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
}
.colonne.quart {
  width: 25%;
}
.colonne.tiers {
  width: 33%;
}
.colonne.w40 {
  width: 40%;
}
.colonne.moitie {
  width: 50%;
}
.colonne.w60 {
  width: 60%;
}
.colonne.deuxtiers {
  width: 66%;
}
.colonne.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .colonne.quart {
    width: 50%;
  }
  .colonne.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .colonne.quart,
  .colonne.tiers,
  .colonne.deuxtiers,
  .colonne.troisquart,
  .colonne.w60,
  .colonne.w40 {
    width: 100%;
  }
}
/* Masquer certains éléments sur smparthone */
@media screen and (max-width: 640px) {
  .masquersursmartphone {
    display: none !important;
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: .15s;
  transition-property: opacity,filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
}
.hamburger:hover {
  opacity: .7;
}
.hamburger-box {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 40px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #000;
}
.hamburger-inner:after,
.hamburger-inner:before {
  display: block;
  content: "";
}
.hamburger-inner:before {
  top: -10px;
}
.hamburger-inner:after {
  bottom: -10px;
}
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx.is-active .hamburger-inner {
  transform: rotateY(180deg);
  background-color: transparent;
}
.hamburger--3dx.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx-r.is-active .hamburger-inner {
  transform: rotateY(-180deg);
  background-color: transparent;
}
.hamburger--3dx-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy.is-active .hamburger-inner {
  transform: rotateX(-180deg);
  background-color: transparent;
}
.hamburger--3dy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy-r.is-active .hamburger-inner {
  transform: rotateX(180deg);
  background-color: transparent;
}
.hamburger--3dy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dxy.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg);
  background-color: transparent;
}
.hamburger--3dxy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
  background-color: transparent;
}
.hamburger--3dxy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--arrow.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrow.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrow-r.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrow-r.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowalt .hamburger-inner:before {
  transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner:after {
  transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.6850000000000001, 0.22) 0.1s;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.6850000000000001, 0.22) 0.1s;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrowalt-r .hamburger-inner:before {
  transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner:after {
  transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.6850000000000001, 0.22) 0.1s;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.6850000000000001, 0.22) 0.1s;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrowturn.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
}
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: .13s;
}
.hamburger--collapse .hamburger-inner:after {
  top: -20px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner:before {
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
  opacity: 0;
}
.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transform: rotate(-90deg);
}
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: .13s;
}
.hamburger--collapse-r .hamburger-inner:after {
  top: -20px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner:before {
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, -10px, 0) rotate(45deg);
}
.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
  opacity: 0;
}
.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transform: rotate(90deg);
}
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-duration: .275s;
}
.hamburger--elastic .hamburger-inner:before {
  top: 10px;
  transition: opacity 0.125s ease 0.275s;
}
.hamburger--elastic .hamburger-inner:after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(135deg);
}
.hamburger--elastic.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(-270deg);
}
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-duration: .275s;
}
.hamburger--elastic-r .hamburger-inner:before {
  top: 10px;
  transition: opacity 0.125s ease 0.275s;
}
.hamburger--elastic-r .hamburger-inner:after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(-135deg);
}
.hamburger--elastic-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(270deg);
}
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s ease-in 0.175s;
}
.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
}
.hamburger--emphatic .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner:before {
  top: -80px;
  left: -80px;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
}
.hamburger--emphatic.is-active .hamburger-inner:after {
  top: -80px;
  right: -80px;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
}
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s ease-in 0.175s;
}
.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
}
.hamburger--emphatic-r .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner:before {
  top: 80px;
  left: -80px;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
}
.hamburger--emphatic-r.is-active .hamburger-inner:after {
  top: 80px;
  right: -80px;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
}
.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
  transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s linear 0.08s;
  opacity: 0;
}
.hamburger--minus.is-active .hamburger-inner:before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner:after {
  bottom: 0;
}
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform,opacity;
}
.hamburger--slider .hamburger-inner:after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner:before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform,opacity;
}
.hamburger--slider-r .hamburger-inner:after {
  top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner:before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}
.hamburger--spin .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: .22s;
}
.hamburger--spin .hamburger-inner:before {
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner:after {
  transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(225deg);
}
.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
  opacity: 0;
}
.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}
.hamburger--spin-r .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: .22s;
}
.hamburger--spin-r .hamburger-inner:before {
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner:after {
  transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(-225deg);
}
.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
  opacity: 0;
}
.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(90deg);
}
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s linear 0.13s;
}
.hamburger--spring .hamburger-inner:before {
  top: 10px;
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner:after {
  top: 20px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: .13s;
}
.hamburger--spring-r .hamburger-inner:after {
  top: -20px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner:before {
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s linear 0.22s;
  opacity: 0;
}
.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: rotate(90deg);
}
.hamburger--stand .hamburger-inner {
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
}
.hamburger--stand .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
  transform: rotate(90deg);
  background-color: transparent;
}
.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transform: rotate(-45deg);
}
.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transform: rotate(45deg);
}
.hamburger--stand-r .hamburger-inner {
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
}
.hamburger--stand-r .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand-r .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand-r.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
  transform: rotate(-90deg);
  background-color: transparent;
}
.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transform: rotate(-45deg);
}
.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transform: rotate(45deg);
}
.hamburger--squeeze .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
}
.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease,opacity 75ms ease .12s;
  opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}
.hamburger--vortex .hamburger-inner {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-duration: .2s;
}
.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
  transition-delay: .1s;
  transition-timing-function: linear;
  transition-duration: 0s;
}
.hamburger--vortex .hamburger-inner:before {
  transition-property: top,opacity;
}
.hamburger--vortex .hamburger-inner:after {
  transition-property: bottom,transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(765deg);
}
.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(90deg);
}
.hamburger--vortex-r .hamburger-inner {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-duration: .2s;
}
.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
  transition-delay: .1s;
  transition-timing-function: linear;
  transition-duration: 0s;
}
.hamburger--vortex-r .hamburger-inner:before {
  transition-property: top,opacity;
}
.hamburger--vortex-r .hamburger-inner:after {
  transition-property: bottom,transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(-765deg);
}
.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
}
/* Divers */
.ombre {
  box-shadow: 0 25px 72px 0 rgba(0, 0, 0, 0.15);
}
.ombrelegere {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.pointer {
  cursor: pointer;
}
.radius {
  border-radius: 4px;
}
.arrondis {
  border-radius: 10px;
}
.animer {
  transition: all 0.2s ease;
}
.zoomhover {
  transition: all 0.2s ease;
}
.zoomhover:hover {
  transform: scale(1.05);
}
/* Général */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 16px;
  line-height: 23px;
  color: #67747c;
}
*,
*:after,
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
  color: #67747c;
}
a:hover {
  color: #e94e1d;
}
section {
  padding: 15px;
  clear: both;
}
/* Boutons */
.bouton {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
}
.bouton:hover {
  transform: scale(1.05);
}
/* Citations */
blockquote p {
  font-style: italic;
}
/* Newlsetter */
.formulaire_newsletter label {
  display: none;
}
.formulaire_newsletter p.boutons {
  display: inline-block;
  vertical-align: top;
}
.formulaire_newsletter .editer-groupe {
  width: 250px;
  display: inline-block;
  vertical-align: top;
}
/* RGPD */
#banniere-cookie {
  box-shadow: none;
  border: 0;
  background-color: rgba(255, 255, 255, 0.95);
  text-align: center;
  padding: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  /* Version tablette */
  /* Version smartphone */
}
#banniere-cookie .cicb_texte {
  float: none;
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
  color: gray;
  max-width: 450px;
  margin: 0;
}
#banniere-cookie .cicb_boutons {
  float: none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 30px;
}
#banniere-cookie .cicb_boutons a {
  text-transform: uppercase;
  background-color: white;
  font-size: 13px;
  line-height: 18px;
  border-radius: 0;
  padding: 7px 20px;
  border: 2px solid red;
  color: black;
}
#banniere-cookie .cicb_boutons a:hover,
#banniere-cookie .cicb_boutons a.accepte {
  border-color: red;
  background-color: red;
  color: white;
}
@media screen and (max-width: 1024px) {
  #banniere-cookie .cicb_texte,
  #banniere-cookie .cicb_boutons {
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    max-width: 100%;
  }
}
@media screen and (max-width: 700px) {
  #banniere-cookie .cicb_boutons a {
    display: block;
    margin: 0 auto 10px;
  }
}
/* En-tête */
header {
  padding: 0 15px;
  background-color: white;
  width: 100%;
}
header .wrapper {
  display: flex;
  padding: 10px 0;
  /* Logo du site */
  /* Slogan */
  /* Menu de navigation */
  /* Menu hamburger */
}
header .wrapper .spip_logo_site {
  margin: auto 0;
  position: relative;
  z-index: 15;
}
header .wrapper .spip_logo_site img.responsive {
  display: none;
}
header .wrapper .spip_logo_site span {
  display: none;
}
header .wrapper .spip_logo_site img {
  display: block;
}
header .wrapper p#slogan {
  margin: auto 20px;
}
header .wrapper p#slogan a {
  display: block;
}
header .wrapper nav {
  margin: auto;
}
header .wrapper nav ul li {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  list-style: none;
  margin: 20px;
  border-bottom: 2px solid white;
  padding: 3px 0;
}
header .wrapper nav ul li a {
  display: block;
}
header .wrapper .hamburger {
  right: 2%;
  top: 20px;
  position: absolute;
  display: none;
}
/* Version ordinateur */
@media screen and (min-width: 880px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.2s ease;
    z-index: 15;
    box-shadow: 0 25px 72px 0 rgba(0, 0, 0, 0.15);
  }
  header + section {
    margin-top: 70px;
  }
}
/* Version tablette */
@media screen and (max-width: 880px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    box-shadow: 0 25px 72px 0 rgba(0, 0, 0, 0.15);
  }
  header + section {
    margin-top: 70px;
  }
  header .wrapper {
    padding: 5px 0;
    /* Logo du site */
    /* On affiche le menu hamburger */
    /* on passe le menu en écran qui défile au clic */
  }
  header .wrapper .spip_logo_site {
    /* si on a une version responsive du logo */
  }
  header .wrapper .spip_logo_site.avecsurvol img:first-child {
    display: none;
  }
  header .wrapper .spip_logo_site.avecsurvol img.responsive {
    display: block;
  }
  header .wrapper .hamburger {
    display: block;
    z-index: 10;
  }
  header .wrapper nav {
    float: none;
    position: fixed;
    top: 0;
    z-index: 5;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: white;
    margin: 0;
    transition: all 0.2s ease;
  }
  header .wrapper nav.ouvert {
    right: 0;
  }
  header .wrapper nav ul {
    display: block;
    text-align: center;
    margin-top: 80px;
  }
  header .wrapper nav ul li {
    margin: 0.5em 0 1.5em;
    display: block;
    font-size: 32px;
    line-height: 42px;
  }
}
/* Version smartphone */
/* Inscription à la newsletter */
.formulaire_newsletter ul li {
  list-style: none;
}
/* Préfooter */
#prefooter {
  position: relative;
  z-index: 9;
}
#prefooter .wrapper {
  text-align: center;
  /* Formulaire de contact */
}
#prefooter .wrapper .formulaire_formidable {
  text-align: left;
}
#prefooter .wrapper .formulaire_formidable div.editer,
#prefooter .wrapper .formulaire_formidable li.editer {
  text-align: left;
}
#prefooter .wrapper .formulaire_formidable div.editer label,
#prefooter .wrapper .formulaire_formidable li.editer label {
  font-size: 13px;
  line-height: 18px;
}
#prefooter .wrapper .formulaire_formidable div.editer input,
#prefooter .wrapper .formulaire_formidable li.editer input,
#prefooter .wrapper .formulaire_formidable div.editer textarea,
#prefooter .wrapper .formulaire_formidable li.editer textarea {
  background-color: #eee;
  border: 1px solid #737373;
  transition: all 0.2s ease;
  padding: 6px 10px;
}
#prefooter .wrapper .formulaire_formidable p input {
  padding: 11px 20px 10px;
}
#prefooter .wrapper .formulaire_formidable p .remplir {
  font-size: 13px;
  line-height: 18px;
  float: left;
  /* Version smartphone */
}
@media screen and (max-width: 640px) {
  #prefooter .wrapper .formulaire_formidable p .remplir {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
}
/* Pied de page */
footer {
  padding: 15px;
  position: relative;
  z-index: 11;
}
footer .wrapper {
  font-size: 16px;
  line-height: 23px;
  /* Titres */
  /* Arborescence */
  /* Liens */
}
footer .wrapper strong.titre {
  font-size: 20px;
  line-height: 24px;
  display: block;
  margin-bottom: 20px;
}
footer .wrapper ul li {
  list-style: none;
  margin-bottom: 6px;
}
footer .wrapper ul li a:hover {
  text-decoration: underline;
}
footer .wrapper .telephone {
  display: block;
  margin: 10px 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  font-weight: 600;
}
/* Version tablette */
/* Version smartphone */
/* Formulaires WEB & Cie */
/* Développement : Arthur Verneret */
/* Nécessite LESS et jQuery */
.deroulant {
  display: inline-block;
  vertical-align: top;
  width: 330px;
  background: url('/plugins/orion/img/select.png') no-repeat 96% center;
  overflow: hidden;
  border-radius: 5px;
  background-color: #f8f8f8;
  margin: 0 20px 20px 0;
}
.deroulant label {
  display: none;
}
.deroulant select {
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: 300;
  color: #191919;
  padding: 15px 15px 15px 10px;
  width: 350px;
  height: 55px;
}
form {
  width: 100%;
  border-radius: 4px;
  max-width: 600px;
  margin: 40px auto;
  text-align: left;
  /* Champs files */
}
form h1 {
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 40px;
}
form legend {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 20px;
}
form em:not(.obligatoire) {
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
  margin: 0 auto 15px;
  display: block;
}
form em:not(.obligatoire) a {
  color: #e94e1d;
}
form div.editer,
form li.editer {
  margin: 0 auto 15px;
  /* Cas particulier des checkboxes */
  /* Erreurs */
}
form div.editer input:not(.radio):not(.checkbox),
form li.editer input:not(.radio):not(.checkbox),
form div.editer textarea,
form li.editer textarea {
  border-radius: 4px;
  padding: 12px 16px;
  background-color: #fff;
  border: 1px solid #dcdee0;
  margin: 0;
  -webkit-appearance: none;
  color: #67747c;
  transition: all 0.1s ease-in-out 0s;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 23px;
  font-family: 'Open Sans';
}
form div.editer input:not(.radio):not(.checkbox):focus,
form li.editer input:not(.radio):not(.checkbox):focus,
form div.editer textarea:focus,
form li.editer textarea:focus {
  border: 1px solid #e94e1d;
  color: #e94e1d;
}
form div.editer input.radio + label,
form li.editer input.radio + label {
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  margin: 1px 0 0 5px;
}
form div.editer select,
form li.editer select {
  padding: 10px;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 23px;
  width: 100%;
  font-family: 'Open Sans';
}
form div.editer textarea,
form li.editer textarea {
  height: 120px;
  padding: 16px;
}
form div.editer input:-webkit-autofill,
form li.editer input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
form div.editer input:focus,
form li.editer input:focus,
form div.editer textarea:focus,
form li.editer textarea:focus,
form div.editer select:focus,
form li.editer select:focus {
  outline: 0 !important;
}
form div.editer.saisie_checkbox label,
form li.editer.saisie_checkbox label {
  display: block;
}
form div.editer.saisie_checkbox div.choix,
form li.editer.saisie_checkbox div.choix {
  position: relative;
}
form div.editer.saisie_checkbox div.choix input[type=checkbox],
form li.editer.saisie_checkbox div.choix input[type=checkbox] {
  display: none;
}
form div.editer.saisie_checkbox div.choix input[type=checkbox]:checked + label:after,
form li.editer.saisie_checkbox div.choix input[type=checkbox]:checked + label:after {
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  opacity: 1;
}
form div.editer.saisie_checkbox div.choix span,
form li.editer.saisie_checkbox div.choix span {
  display: inline-block;
  vertical-align: top;
  margin: 0 20px 0 5px;
}
form div.editer.saisie_checkbox div.choix label,
form li.editer.saisie_checkbox div.choix label {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background: #cfcfcf;
  margin: 0 0 10px;
  border-radius: 4px;
  padding-left: 20px;
}
form div.editer.saisie_checkbox div.choix label:after,
form li.editer.saisie_checkbox div.choix label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 12px;
  height: 8px;
  background: transparent;
  top: 4px;
  left: 4px;
  transform: rotate(-45deg);
}
form div.editer.saisie_checkbox div.choix label:hover::after,
form li.editer.saisie_checkbox div.choix label:hover::after {
  opacity: 1;
}
form div.editer label.erreur,
form li.editer label.erreur {
  color: red;
}
form div.editer label.erreur + input:not(.radio):not(.checkbox),
form li.editer label.erreur + input:not(.radio):not(.checkbox),
form div.editer label.erreur + textarea,
form li.editer label.erreur + textarea {
  border-color: red;
}
form div.file {
  margin-bottom: 40px;
}
form div.file label {
  cursor: pointer;
}
form div.file label:hover {
  color: #e94e1d;
}
form div.file input[type="file"] {
  display: none;
}
form img.ui-datepicker-trigger {
  margin: 17px 0 0 -25px;
}
form #pass_securise {
  display: none !important;
}
form p.details {
  text-align: right;
  font-size: 13px;
  line-height: 18px;
  margin: 0 auto 15px;
}
form div.erreur p {
  color: black;
}
form div.erreur span:not(.obligatoire) {
  display: inline-block;
  vertical-align: top;
  color: #e94e1d;
}
form div.erreur + input {
  border-color: #e94e1d;
}
form span {
  font-size: 16px;
  line-height: 23px;
}
form p.explication {
  font-size: 13px;
  line-height: 18px;
}
form p.boutons {
  text-align: right;
}
form p.boutons input[type="submit"],
form p.boutons input[type="button"],
form p.boutons .button,
form p.boutons a.button {
  width: 100%;
  cursor: pointer;
  margin: 0 auto 15px;
  font-size: 16px;
  line-height: 23px;
  -webkit-appearance: none;
  display: block;
  padding: 12px 24px;
  line-height: 24px;
  background-color: #e94e1d;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-weight: bold;
}
form .reponse_formulaire {
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 15px;
}
form .reponse_formulaire.reponse_formulaire_erreur {
  color: #e94e1d;
}
/* Menu fixe pour les rubriques */
#menufixe {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 450px 30px 30px;
  width: 250px;
  height: 100%;
  background-color: white;
}
#menufixe li {
  list-style: none;
  display: flex;
  height: 50px;
}
#menufixe li span {
  display: block;
  width: 100%;
  display: flex;
  margin: auto;
  font-size: 16px;
  line-height: 23px;
  transition: all 0.2s ease;
}
#menufixe li.on span,
#menufixe li:hover span {
  font-weight: bold;
  font-weight: 600;
}
#menufixe li.on span {
  font-size: 20px;
  line-height: 24px;
}
/* Version ordinateur */
@media screen and (min-width: 1160px) {
  /* Sections */
  section.avecmenufixe {
    margin-left: 250px;
    padding-left: 55px;
  }
  /* Diaporama, footer */
  #diaporama,
  #footer {
    margin-left: 0;
  }
}
/* Version tablette */
@media screen and (max-width: 1160px) {
  #menufixe {
    display: none;
  }
}
/* Réseaux sociaux */
ul.reseaux li {
  list-style: none;
  display: inline-block;
  vertical-align: top;
}
ul.reseaux li a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: black;
  transition: all 0.2s ease;
}
ul.reseaux li a span {
  display: none;
}
ul.reseaux li.twitter a {
  background: url('/plugins/orion/svg/twitter.svg') no-repeat #000000 center;
  background-size: 25px;
}
ul.reseaux li.facebook a {
  background: url('/plugins/orion/svg/facebook.svg') no-repeat #000000 center;
  background-size: 25px;
}
ul.reseaux li.instagram a {
  background: url('/plugins/orion/svg/instagram.svg') no-repeat #000000 center;
  background-size: 25px;
}
ul.reseaux li.nb a {
  background-color: white;
}
ul.reseaux li.nb.twitter a {
  background: url('/plugins/orion/svg/twitter_nb.svg') #ffffff no-repeat center;
  background-size: 25px;
}
ul.reseaux li.nb.facebook a {
  background: url('/plugins/orion/svg/facebook_nb.svg') #ffffff no-repeat center;
  background-size: 25px;
}
ul.reseaux li.nb.instagram a {
  background: url('/plugins/orion/svg/instagram_nb.svg') #ffffff no-repeat center;
  background-size: 25px;
}
/* Panier > Tunnel de vente */
.page_panier .page {
  /* Mon panier */
}
.page_panier .page #panier .wrapper {
  position: relative;
  max-width: 900px;
  /* Boutons*/
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier {
  /* Formulaire panier */
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form {
  max-width: 100%;
  width: 100%;
  /* Tableau récap */
  /* Lignes du tableau */
  /* fin du tableau */
  /* Bouton vider le panier */
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table {
  /* Colonnes d'en-tête */
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table thead th {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  padding: 0.5rem 1rem;
  border: 0;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table thead th:nth-child(3),
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table thead th:nth-child(4),
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table thead th:nth-child(5) {
  text-align: center;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td {
  font-size: 13px;
  line-height: 18px;
  padding: 1rem;
  /* Visuel */
  /* Description */
  /* Tarifs */
  /* Bouton supprimer l'article */
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:first-child {
  width: 100px;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(2) {
  text-align: left;
  font-size: 11px;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(2) strong {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(2) em {
  font-style: normal;
  font-weight: bold;
  font-weight: 600;
  text-transform: uppercase;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(3),
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(4),
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(5) {
  text-align: center;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(3) abbr,
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(4) abbr,
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td:nth-child(5) abbr {
  text-decoration: none;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td.quantite > button {
  display: none;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr td .quantite-groupe {
  width: 60px;
  justify-content: center;
  margin: auto;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr.emplette td,
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr.taxes td {
  border: 0;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr.taxes td,
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr.taxes td span {
  font-size: 13px;
  line-height: 18px;
  font-style: italic;
  text-align: center;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr.total_ttc td {
  border: 0;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 600;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form tr.total_ttc td:nth-child(2) {
  text-align: center;
  font-size: 16px;
  line-height: 23px;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form p.boutons {
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: 90px;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form p.boutons button.submit {
  padding: 0.3rem 1rem;
  font-size: 0.8rem;
  background: none;
  background: url('/plugins/fabrique_auto/orion_ecommerce/images/vider_panier.svg') no-repeat left center;
  padding-left: 20px;
  background-size: 15px;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form p.boutons button.submit:hover {
  font-weight: bold;
  font-weight: 600;
}
@media (max-width: 640px) {
  .page_panier .page #panier .wrapper .ajax .formulaire_panier .prix_unitaire {
    display: none;
  }
  .page_panier .page #panier .wrapper .ajax .formulaire_panier .total_ttc .quantite {
    display: none;
  }
}
.page_panier .page #panier .wrapper p.boutons {
  text-align: center;
}
.page_panier .page #panier .wrapper p.boutons input.submit {
  max-width: 280px;
  margin: 0;
}
.page_panier .page #panier .wrapper form.bouton_action_post {
  max-width: 100%;
  width: 100%;
}
.page_panier .page #panier .wrapper form.bouton_action_post div {
  text-align: right;
}
.page_panier .page #panier .wrapper form.bouton_action_post div button.submit {
  margin-left: auto;
  padding: 12px 24px;
  transition: all 0.2s ease;
  cursor: pointer;
  max-width: 280px;
}
.page_panier .page #panier .wrapper form.bouton_action_post div button.submit:first-letter {
  text-transform: uppercase;
}
.page_panier .page #panier .wrapper form.bouton_action_post div button.submit.vider {
  margin-top: 1rem;
}
header {
  background-color: #fafafa;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
header .wrapper {
  /* Logo bleu pour la rubrique 4 à masquer sur toutes les autres pages */
}
header .wrapper .spip_logo_site {
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  top: 10%;
  transform: translateX(-50%);
  width: 129px;
  height: 130px;
}
header .wrapper .spip_logo_site img {
  margin: auto;
}
header .wrapper img.logo_bleu {
  display: none;
}
header .wrapper nav {
  font-family: 'Playfair Display', serif;
}
header .wrapper nav ul li {
  border-bottom: none;
  margin: 20px 40px;
}
header .wrapper nav ul li:nth-of-type(1) {
  margin-left: 60px;
}
header .wrapper nav ul li:nth-of-type(3) {
  margin-left: 230px;
}
@media (max-width: 1160px) {
  header .wrapper nav ul li {
    margin: 20px 15px;
  }
  header .wrapper nav ul li:nth-of-type(1) {
    margin-left: 20px;
  }
  header .wrapper nav ul li:nth-of-type(3) {
    margin-left: 150px;
  }
}
@media (max-width: 880px) {
  header .wrapper nav ul li:first-of-type {
    margin-top: 7rem;
    margin-left: 15px;
  }
  header .wrapper nav ul li:nth-of-type(3) {
    margin-left: 15px;
  }
}
header .wrapper nav ul li a {
  padding: 1rem 0 0;
  color: #7e766a;
  font-size: 1.1rem;
  font-weight: 600;
}
header .wrapper nav ul li a:hover {
  color: #b3042f;
  background: url(//www.projobois.com/squelettes/images/svg/croix-rouge.svg) no-repeat 50% 0px;
}
header .wrapper .minipanier {
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  margin-left: 32rem;
  top: 50%;
  transform: translateY(-70%);
  width: 40px;
  height: 35px;
  background: url(//www.projobois.com/squelettes/images/svg/panier.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
}
header .wrapper .minipanier span {
  display: block;
  margin: 1.5rem 0 0 0;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 19px;
  border-radius: 100%;
  background-color: #b3042f;
  color: #ffffff;
}
@media (max-width: 1160px) {
  header .wrapper .minipanier {
    margin-left: 24rem;
  }
}
@media (max-width: 880px) {
  header {
    height: 70px;
  }
  header .wrapper .spip_logo_site img {
    width: 100px;
    height: 100px;
  }
  header .wrapper .hamburger {
    right: auto;
  }
  header .wrapper .minipanier {
    right: 2%;
    left: auto;
  }
}
/* Changement de l'opacité du header sur la page d'accueil */
.accueil header {
  background-color: rgba(250, 250, 250, 0.8);
}
/* pré-footer : formulaire de contact */
#prefooter {
  padding-top: 3rem;
  background: url('//www.projobois.com/squelettes/images/jpg/formulaire-fond.jpg') no-repeat;
  background-size: cover;
  font-style: normal;
  overflow: hidden;
  margin-top: -150px;
  padding-top: 160px;
  z-index: 1;
}
#prefooter .wrapper {
  /* Encart blanc */
}
#prefooter .wrapper h2,
#prefooter .wrapper > p {
  color: #ffffff;
}
#prefooter .wrapper h2 {
  display: block !important;
}
#prefooter .wrapper h2 {
  max-width: 380px;
  margin: 3rem auto 0;
  padding: 2rem 0 1rem;
  font-family: 'Rock Salt', cursive;
  font-size: 1.2rem;
  font-weight: 400;
  background: url("//www.projobois.com/squelettes/images/svg/trois-traits-blancs.svg") no-repeat 29% 0;
  background-size: 28px;
}
#prefooter .wrapper h2 span {
  display: block;
}
#prefooter .wrapper h2:after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: url("//www.projobois.com/squelettes/images/svg/sous-lignage-blanc.svg") no-repeat 50% 100%;
  transform: rotate(-5deg);
}
#prefooter .wrapper > p {
  margin: 0 0 10px 0;
  font-family: 'Playfair Display', serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
}
#prefooter .wrapper > p span {
  display: block;
}
#prefooter .wrapper .formulaire_formidable {
  position: relative;
  z-index: 2;
  margin: auto;
  background-color: white;
  max-width: 1000px;
  color: #7e766a;
  /* On place les règles de background autour du formulaire */
}
#prefooter .wrapper .formulaire_formidable form {
  max-width: 100%;
  /* On masque le texte concernant les champs obligatoires */
  /* Présentation sur 2 colonnes */
  /* Bouton d'envoi */
}
#prefooter .wrapper .formulaire_formidable form .editer-groupe {
  padding: 1rem 1rem 0 1rem;
}
#prefooter .wrapper .formulaire_formidable form .editer-groupe legend {
  display: none;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  width: 50%;
  padding-bottom: 0;
  /* Champs du formulaire */
  /* Colonne du message */
}
#prefooter .wrapper .formulaire_formidable form div.fieldset.quart {
  width: 25%;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset.tiers {
  width: 33%;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset.w40 {
  width: 40%;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset.moitie {
  width: 50%;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset.w60 {
  width: 60%;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset.deuxtiers {
  width: 66%;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  #prefooter .wrapper .formulaire_formidable form div.fieldset.quart {
    width: 50%;
  }
  #prefooter .wrapper .formulaire_formidable form div.fieldset.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #prefooter .wrapper .formulaire_formidable form div.fieldset.quart,
  #prefooter .wrapper .formulaire_formidable form div.fieldset.tiers,
  #prefooter .wrapper .formulaire_formidable form div.fieldset.deuxtiers,
  #prefooter .wrapper .formulaire_formidable form div.fieldset.troisquart,
  #prefooter .wrapper .formulaire_formidable form div.fieldset.w60,
  #prefooter .wrapper .formulaire_formidable form div.fieldset.w40 {
    width: 100%;
  }
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer {
  /* téléchargement de pièces jointes */
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer label,
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer select,
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer input:not(.radio):not(.checkbox) {
  display: block;
  max-width: 350px;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer label {
  padding-left: 1rem;
  font-size: 0.8rem;
  font-style: italic;
  color: #7e766a;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer label span.obligatoire {
  font-size: 0.8rem;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer input {
  padding: 10px 16px;
  border: 1px solid #7e766a;
  background-color: white;
  border: 1px solid #c0bcb6;
  border-radius: 30px;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer input:focus {
  border: 1px solid #b3042f;
  color: #7e766a;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_fichiers_1 {
  margin-top: 2rem;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_fichiers_1 label,
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_fichiers_1 .choix {
  display: inline-block;
  vertical-align: top;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_fichiers_1 > label {
  margin-top: 2rem;
  max-width: 148px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-style: normal;
  text-align: center;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_fichiers_1 .choix {
  margin-left: 1rem;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_fichiers_1 .choix input {
  display: none;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_fichiers_1 .choix span {
  display: block;
  width: 170px;
  height: 100px;
  border: 1px dashed #c0bcb6;
  border-radius: 10px;
  cursor: pointer;
  color: white;
  background: url("//www.projobois.com/squelettes/images/svg/telechargement-piece-jointe.svg") no-repeat 50%;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_fichiers_1 .choix:hover {
  background: url(//www.projobois.com/squelettes/images/svg/telechargement-piece-jointe-hover.svg) no-repeat 50%;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_textarea_1 label {
  color: #7e766a;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_textarea_1 textarea#champ_textarea_1 {
  height: 220px;
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #c0bcb6;
  border-radius: 30px;
  color: #7e766a;
}
#prefooter .wrapper .formulaire_formidable form div.fieldset div.editer.editer_textarea_1 textarea#champ_textarea_1:focus {
  border: 1px solid #b3042f;
}
#prefooter .wrapper .formulaire_formidable form p.boutons {
  position: relative;
  top: -7.5rem;
  margin: 0;
}
#prefooter .wrapper .formulaire_formidable form p.boutons input.submit {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 60px 0;
  padding: 0.6rem 0;
  max-width: 100px;
  color: #7e766a;
}
#prefooter .wrapper .formulaire_formidable form p.boutons input.submit:hover {
  transform: scale(1.05);
}
#prefooter .wrapper .formulaire_formidable form p.boutons input.submit:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
#prefooter .wrapper .formulaire_formidable::before,
#prefooter .wrapper .formulaire_formidable::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: -4rem;
  bottom: 15px;
  top: auto;
  z-index: 1;
  width: 70px;
  height: 40px;
  background: url(//www.projobois.com/squelettes/images/svg/regle.svg) no-repeat;
  transform: rotate(90deg);
  height: 80px;
  background: url(//www.projobois.com/squelettes/images/svg/regle-blanche.svg) no-repeat;
  background-size: contain;
}
#prefooter .wrapper .formulaire_formidable::before {
  top: 0;
  left: -2.5rem;
  transform: rotate(0deg);
}
#prefooter .wrapper .formulaire_formidable::after {
  left: auto;
  right: -2.5rem;
  transform: rotate(180deg);
}
@media (max-width: 880px) {
  #prefooter .wrapper .formulaire_formidable {
    padding-bottom: 1px;
  }
  #prefooter .wrapper .formulaire_formidable form div .editer-groupe .fieldset {
    width: 100%;
  }
  #prefooter .wrapper .formulaire_formidable form div .editer-groupe .fieldset .editer label,
  #prefooter .wrapper .formulaire_formidable form div .editer-groupe .fieldset .editer select,
  #prefooter .wrapper .formulaire_formidable form div .editer-groupe .fieldset .editer input:not(.radio):not(.checkbox) {
    max-width: 100%;
  }
  #prefooter .wrapper .formulaire_formidable form div p.boutons {
    position: static;
  }
}
/* footer */
footer {
  position: relative;
  z-index: 0;
  padding-top: 8rem;
  margin-top: -6rem;
  background-color: #7e766a;
  color: #ffffff;
  font-style: normal;
}
footer .wrapper .quart:first-child {
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}
footer .wrapper .quart:first-child img {
  margin-top: -2.55rem;
}
footer .wrapper .quart:first-child p {
  max-width: 180px;
  margin: 10px auto;
}
footer .wrapper .quart:first-child p a {
  color: white;
}
footer .wrapper .quart:nth-of-type(2),
footer .wrapper .quart:nth-of-type(3) {
  font-weight: bold;
  font-weight: 600;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
}
footer .wrapper .quart:nth-of-type(3) ul li {
  max-width: 170px;
}
footer .wrapper .quart:nth-of-type(4) {
  font-size: 0.9rem;
}
footer .wrapper .quart:nth-of-type(4) li:nth-child(4),
footer .wrapper .quart:nth-of-type(4) li:nth-child(5),
footer .wrapper .quart:nth-of-type(4) li:nth-child(6) {
  display: inline-block;
  vertical-align: top;
}
footer .wrapper .quart:nth-of-type(4) li:nth-child(4) a,
footer .wrapper .quart:nth-of-type(4) li:nth-child(5) a,
footer .wrapper .quart:nth-of-type(4) li:nth-child(6) a {
  display: block;
  width: 40px;
  height: 40px;
  background: url('//www.projobois.com/squelettes/images/svg/facebook.svg') no-repeat;
  background-size: contain;
}
footer .wrapper .quart:nth-of-type(4) li:nth-child(4) a span,
footer .wrapper .quart:nth-of-type(4) li:nth-child(5) a span,
footer .wrapper .quart:nth-of-type(4) li:nth-child(6) a span {
  display: none;
}
footer .wrapper .quart:nth-of-type(4) li:nth-child(4) a:hover,
footer .wrapper .quart:nth-of-type(4) li:nth-child(5) a:hover,
footer .wrapper .quart:nth-of-type(4) li:nth-child(6) a:hover {
  transform: scale(1.05);
}
footer .wrapper .quart:nth-of-type(4) li:nth-child(5) a {
  background: url('//www.projobois.com/squelettes/images/svg/instagram.svg') no-repeat;
  background-size: contain;
}
footer .wrapper .quart:nth-of-type(4) li:nth-child(6) a {
  background: url('//www.projobois.com/squelettes/images/svg/linkedin.svg') no-repeat;
  background-size: contain;
}
footer .wrapper .quart ul li a {
  color: #ffffff;
}
footer .wrapper .quart ul li a:hover {
  color: #b3042f;
  text-decoration: none;
}
.articles-sommaire {
  margin-top: 109px;
}
/* Section diaporama */
.diaporama ul li figure figcaption {
  background: url('//www.projobois.com/squelettes/images/svg/applat.svg') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  top: 30%;
  right: 55%;
  left: auto;
  max-width: 500px;
  padding: 20px;
}
@media (max-width: 1160px) {
  .diaporama ul li figure figcaption {
    text-align: center;
    max-width: 100%;
    right: auto;
    width: 100%;
    padding: 1rem;
  }
}
.diaporama ul li figure figcaption span {
  display: block;
  margin-bottom: 1rem;
  color: #b3042f;
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 600;
}
.diaporama ul li figure figcaption span em {
  display: block;
  font-style: normal;
}
.diaporama ul li figure figcaption p {
  margin-bottom: 3rem;
  color: #7e766a;
}
.diaporama ul li figure figcaption p strong i {
  font-style: normal;
  text-transform: uppercase;
}
.diaporama ul li figure figcaption a {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
  position: relative;
  max-width: 250px;
  background: rgba(255, 255, 255, 0.8);
  border-color: #b3042f;
  color: #b3042f;
}
.diaporama ul li figure figcaption a:hover {
  transform: scale(1.05);
}
.diaporama ul li figure figcaption a:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
.diaporama ul li figure figcaption a:hover {
  background-color: #b3042f;
  color: white;
}
.diaporama ul li figure figcaption a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: -40px;
  width: 100%;
  height: 100%;
  background: url(//www.projobois.com/squelettes/images/svg/regle.svg) no-repeat 50%;
  background-size: 80px;
}
/* Section articles */
/* Annonce des class composant */
/* Composant damier */
/* Colonne du damier avec les deux images les unes en dessous des autres */
.article-moitie a {
  /* Animation de l'oeil au hover */
}
.article-moitie a article {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  /* Second article */
}
.article-moitie a article .conteneur-image img {
  width: 320px;
  height: 355px;
  object-fit: cover;
}
.article-moitie a article .texte {
  width: 320px;
  height: 355px;
  position: relative;
  color: #ffffff;
}
.article-moitie a article .texte h2 {
  color: #ffffff;
}
.article-moitie a article .texte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 3rem;
  bottom: 2rem;
  top: auto;
  display: block;
  width: 60px;
  height: 60px;
  background: url(//www.projobois.com/squelettes/images/svg/oeil-fixe.svg) no-repeat;
  transition: all 0.2s ease;
}
.article-moitie a article:last-child {
  background-color: #7e766a;
}
.article-moitie a:first-child .texte {
  padding: 3rem 5rem 2rem 3rem;
}
.article-moitie a:last-child article .conteneur-image {
  order: 2;
}
.article-moitie a:last-child article .texte {
  order: 1;
  text-align: right;
  padding: 3rem;
}
.article-moitie a:last-child article .texte::after {
  right: 3rem;
  left: auto;
  background-position: right;
}
.article-moitie a:first-child:hover article .texte::after {
  background: url(//www.projobois.com/squelettes/images/svg/oeil-voyeur-gauche.svg) no-repeat;
}
.article-moitie a:last-child:hover article .texte::after {
  background: url(//www.projobois.com/squelettes/images/svg/oeil-voyeur.svg) no-repeat;
}
/* Colonne du damier avec une seul image qui prend la totalité de la hauteur */
.article-plein a {
  height: 100%;
}
.article-plein a article {
  position: relative;
  height: 100%;
}
.article-plein a article .conteneur-image {
  height: 100%;
}
.article-plein a article .conteneur-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.article-plein a article .texte {
  position: absolute;
  top: 0;
  left: 0;
  top: 3rem;
  right: 4rem;
  left: auto;
  max-width: 229px;
}
.article-plein a article .texte p {
  color: #7e766a;
}
@media (max-width: 640px) {
  .article-plein a article .conteneur-image {
    height: 700px;
  }
}
section .wrapper {
  /* Propriétés commune à tous les articles */
}
section .wrapper article img {
  display: block;
}
section .wrapper article h2 {
  font-size: 1.8rem;
  line-height: 2.3rem;
}
section .wrapper article h2 span {
  display: block;
}
/* Sections damiers */
section.damier {
  margin: 3rem 0;
}
section.damier .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
section.damier .wrapper div {
  max-width: 640px;
}
section.damier .wrapper div a {
  display: block;
}
section.damier .wrapper div a article {
  width: 640px;
  overflow: hidden;
}
section.damier .wrapper div a article .conteneur-image {
  overflow: hidden;
}
section.damier .wrapper div a article .conteneur-image img {
  transition: all 0.2s ease;
}
section.damier .wrapper div a article:hover img {
  transform: scale(1.05);
}
@media (max-width: 640px) {
  section.damier .wrapper div a article {
    width: 320px;
  }
}
section.damier-1 .wrapper {
  /* Première colonne : deux images les unes en dessous des autres */
  /* Deuxième colonne : image prend toute la hauteur */
}
section.damier-1 .wrapper div:first-child a {
  /* Animation de l'oeil au hover */
}
section.damier-1 .wrapper div:first-child a article {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  /* Second article */
}
section.damier-1 .wrapper div:first-child a article .conteneur-image img {
  width: 320px;
  height: 355px;
  object-fit: cover;
}
section.damier-1 .wrapper div:first-child a article .texte {
  width: 320px;
  height: 355px;
  position: relative;
  color: #ffffff;
}
section.damier-1 .wrapper div:first-child a article .texte h2 {
  color: #ffffff;
}
section.damier-1 .wrapper div:first-child a article .texte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 3rem;
  bottom: 2rem;
  top: auto;
  display: block;
  width: 60px;
  height: 60px;
  background: url(//www.projobois.com/squelettes/images/svg/oeil-fixe.svg) no-repeat;
  transition: all 0.2s ease;
}
section.damier-1 .wrapper div:first-child a article:last-child {
  background-color: #7e766a;
}
section.damier-1 .wrapper div:first-child a:first-child .texte {
  padding: 3rem 5rem 2rem 3rem;
}
section.damier-1 .wrapper div:first-child a:last-child article .conteneur-image {
  order: 2;
}
section.damier-1 .wrapper div:first-child a:last-child article .texte {
  order: 1;
  text-align: right;
  padding: 3rem;
}
section.damier-1 .wrapper div:first-child a:last-child article .texte::after {
  right: 3rem;
  left: auto;
  background-position: right;
}
section.damier-1 .wrapper div:first-child a:first-child:hover article .texte::after {
  background: url(//www.projobois.com/squelettes/images/svg/oeil-voyeur-gauche.svg) no-repeat;
}
section.damier-1 .wrapper div:first-child a:last-child:hover article .texte::after {
  background: url(//www.projobois.com/squelettes/images/svg/oeil-voyeur.svg) no-repeat;
}
section.damier-1 .wrapper div:first-child a:first-child article {
  background-color: #005aa9;
}
section.damier-1 .wrapper div:first-child a:last-child article {
  background-color: #67747c;
}
section.damier-1 .wrapper div:first-child a:last-child article::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: -4rem;
  bottom: 15px;
  top: auto;
  z-index: 1;
  width: 70px;
  height: 40px;
  background: url(//www.projobois.com/squelettes/images/svg/regle.svg) no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
section.damier-1 .wrapper div:last-child a {
  height: 100%;
}
section.damier-1 .wrapper div:last-child a article {
  position: relative;
  height: 100%;
}
section.damier-1 .wrapper div:last-child a article .conteneur-image {
  height: 100%;
}
section.damier-1 .wrapper div:last-child a article .conteneur-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
section.damier-1 .wrapper div:last-child a article .texte {
  position: absolute;
  top: 0;
  left: 0;
  top: 3rem;
  right: 4rem;
  left: auto;
  max-width: 229px;
}
section.damier-1 .wrapper div:last-child a article .texte p {
  color: #7e766a;
}
@media (max-width: 640px) {
  section.damier-1 .wrapper div:last-child a article .conteneur-image {
    height: 700px;
  }
}
section.damier-1 .wrapper div:last-child a article .texte {
  text-align: right;
}
section.damier-1 .wrapper div:last-child a article .texte h2 {
  margin-bottom: 2rem;
  color: #67747c;
}
section.damier-1 .wrapper div:last-child a article .texte h2 span {
  color: #005aa9;
  text-transform: uppercase;
}
section.damier-1 .wrapper div:last-child a article .texte h2 em {
  display: block;
  background: url(//www.projobois.com/squelettes/images/svg/background-blanc-paralellogramme.svg) no-repeat;
  background-size: 190px;
  background-position-x: 100%;
  color: #005aa9;
  font-style: normal;
}
section.damier-1 .wrapper div:last-child a article .texte p:nth-of-type(2) {
  height: 4rem;
  padding: 1rem;
  margin-top: 18rem;
  width: 260px;
  background: url(//www.projobois.com/squelettes/images/svg/background-blanc-paralellogramme.svg) no-repeat;
  background-size: cover;
  text-align: left;
  line-height: 20px;
  transition: all 0.2s ease;
}
section.damier-1 .wrapper div:last-child a article .texte p:nth-of-type(2) i {
  display: block;
  font-style: normal;
  padding: 0 1rem;
}
section.damier-1 .wrapper div:last-child a article .texte p:nth-of-type(2) i:nth-of-type(2) {
  margin: -2.5rem 0 0 7rem;
  font-size: 3rem;
  font-family: 'Playfair Display', serif;
  font-weight: 600;
}
section.damier-1 .wrapper div:last-child a article .texte p:nth-of-type(2):hover {
  color: #005aa9;
}
section.damier-2 .wrapper {
  /* Première colonne : image prend toute la hauteur */
  /* Deuxième colonne : deux images les unes en dessous des autres */
}
@media (min-width: 640px) {
  section.damier-2 .wrapper {
    max-height: 710px;
    overflow: hidden;
  }
}
section.damier-2 .wrapper div:first-child a {
  height: 100%;
}
section.damier-2 .wrapper div:first-child a article {
  position: relative;
  height: 100%;
}
section.damier-2 .wrapper div:first-child a article .conteneur-image {
  height: 100%;
}
section.damier-2 .wrapper div:first-child a article .conteneur-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
section.damier-2 .wrapper div:first-child a article .texte {
  position: absolute;
  top: 0;
  left: 0;
  top: 3rem;
  right: 4rem;
  left: auto;
  max-width: 229px;
}
section.damier-2 .wrapper div:first-child a article .texte p {
  color: #7e766a;
}
@media (max-width: 640px) {
  section.damier-2 .wrapper div:first-child a article .conteneur-image {
    height: 700px;
  }
}
@media (min-width: 640px) {
  section.damier-2 .wrapper div:first-child a article {
    max-height: 710px;
  }
}
section.damier-2 .wrapper div:first-child a article .texte {
  max-width: 240px;
  left: 3rem;
  bottom: 3rem;
  top: auto;
}
section.damier-2 .wrapper div:first-child a article .texte h2,
section.damier-2 .wrapper div:first-child a article .texte p {
  color: #b3042f;
}
section.damier-2 .wrapper div:first-child a article .texte p {
  max-width: 200px;
}
section.damier-2 .wrapper div:last-child a {
  /* Animation de l'oeil au hover */
}
section.damier-2 .wrapper div:last-child a article {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  /* Second article */
}
section.damier-2 .wrapper div:last-child a article .conteneur-image img {
  width: 320px;
  height: 355px;
  object-fit: cover;
}
section.damier-2 .wrapper div:last-child a article .texte {
  width: 320px;
  height: 355px;
  position: relative;
  color: #ffffff;
}
section.damier-2 .wrapper div:last-child a article .texte h2 {
  color: #ffffff;
}
section.damier-2 .wrapper div:last-child a article .texte::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 3rem;
  bottom: 2rem;
  top: auto;
  display: block;
  width: 60px;
  height: 60px;
  background: url(//www.projobois.com/squelettes/images/svg/oeil-fixe.svg) no-repeat;
  transition: all 0.2s ease;
}
section.damier-2 .wrapper div:last-child a article:last-child {
  background-color: #7e766a;
}
section.damier-2 .wrapper div:last-child a:first-child .texte {
  padding: 3rem 5rem 2rem 3rem;
}
section.damier-2 .wrapper div:last-child a:last-child article .conteneur-image {
  order: 2;
}
section.damier-2 .wrapper div:last-child a:last-child article .texte {
  order: 1;
  text-align: right;
  padding: 3rem;
}
section.damier-2 .wrapper div:last-child a:last-child article .texte::after {
  right: 3rem;
  left: auto;
  background-position: right;
}
section.damier-2 .wrapper div:last-child a:first-child:hover article .texte::after {
  background: url(//www.projobois.com/squelettes/images/svg/oeil-voyeur-gauche.svg) no-repeat;
}
section.damier-2 .wrapper div:last-child a:last-child:hover article .texte::after {
  background: url(//www.projobois.com/squelettes/images/svg/oeil-voyeur.svg) no-repeat;
}
section.damier-2 .wrapper div:last-child a:first-child article {
  background-color: #7e766a;
}
section.damier-2 .wrapper div:last-child a:last-child article {
  background-color: #b3042f;
}
/* Gestion commune de section projo + des professionnels à l'écoute de vos envies */
@media (max-width: 880px) {
  section.article_4 .colonne.tiers,
  section.article_5 .colonne.tiers,
  section.article_4 .colonne.deuxtiers,
  section.article_5 .colonne.deuxtiers {
    width: 100%;
  }
}
section.article_4 .colonne.tiers,
section.article_5 .colonne.tiers {
  text-align: right;
}
@media (max-width: 880px) {
  section.article_4 .colonne.tiers,
  section.article_5 .colonne.tiers {
    text-align: center;
  }
}
/* Section coup de projo */
section.article_4 {
  position: relative;
  padding-top: 3rem;
  background: url(//www.projobois.com/squelettes/images/jpg/coup-de-projot-background.jpg);
  color: #3e3e3e;
}
section.article_4 .wrapper article .tiers {
  width: 45%;
}
section.article_4 .wrapper article .tiers div {
  position: relative;
  top: 4rem;
}
section.article_4 .wrapper article .tiers div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: -4rem;
  bottom: 15px;
  top: auto;
  z-index: 1;
  width: 70px;
  height: 40px;
  background: url(//www.projobois.com/squelettes/images/svg/regle.svg) no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
section.article_4 .wrapper article .tiers div::after {
  content: "";
  position: absolute;
  top: 0;
  left: -4rem;
  bottom: 15px;
  top: auto;
  z-index: 1;
  width: 70px;
  height: 40px;
  background: url(//www.projobois.com/squelettes/images/svg/regle.svg) no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  transform: rotate(0deg);
  left: 0;
  bottom: -3rem;
}
section.article_4 .wrapper article .deuxtiers {
  width: 55%;
  margin-top: 2rem;
  font-size: 0.9rem;
}
@media (max-width: 880px) {
  section.article_4 .wrapper article .tiers,
  section.article_4 .wrapper article .deuxtiers {
    width: 100%;
  }
  section.article_4 .wrapper article .deuxtiers {
    margin-top: 5rem;
  }
}
/* Section professionnels à l'écoute de vos envies */
section.article_5 {
  margin-top: 7rem;
  padding-bottom: 5rem;
  color: #7e766a;
}
section.article_5 .wrapper {
  /* Responsive tablette */
  /* Responsive smartphone */
}
section.article_5 .wrapper .tiers {
  width: 40%;
}
section.article_5 .wrapper .tiers h2 {
  max-width: 250px;
  margin-left: auto;
  margin-bottom: 1.5rem;
}
section.article_5 .wrapper .tiers p {
  max-width: 191px;
  margin-left: auto;
}
section.article_5 .wrapper .tiers p strong i {
  display: block;
  font-style: normal;
}
section.article_5 .wrapper .deuxtiers {
  padding: 20px 50px;
  width: 60%;
}
section.article_5 .wrapper .deuxtiers ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  min-height: 183px;
  padding-left: 3.5rem;
  color: #7e766a;
  background-size: 20px;
  width: 50%;
}
section.article_5 .wrapper .deuxtiers ul li.quart {
  width: 25%;
}
section.article_5 .wrapper .deuxtiers ul li.tiers {
  width: 33%;
}
section.article_5 .wrapper .deuxtiers ul li.w40 {
  width: 40%;
}
section.article_5 .wrapper .deuxtiers ul li.moitie {
  width: 50%;
}
section.article_5 .wrapper .deuxtiers ul li.w60 {
  width: 60%;
}
section.article_5 .wrapper .deuxtiers ul li.deuxtiers {
  width: 66%;
}
section.article_5 .wrapper .deuxtiers ul li.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  section.article_5 .wrapper .deuxtiers ul li.quart {
    width: 50%;
  }
  section.article_5 .wrapper .deuxtiers ul li.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  section.article_5 .wrapper .deuxtiers ul li.quart,
  section.article_5 .wrapper .deuxtiers ul li.tiers,
  section.article_5 .wrapper .deuxtiers ul li.deuxtiers,
  section.article_5 .wrapper .deuxtiers ul li.troisquart,
  section.article_5 .wrapper .deuxtiers ul li.w60,
  section.article_5 .wrapper .deuxtiers ul li.w40 {
    width: 100%;
  }
}
section.article_5 .wrapper .deuxtiers ul li strong {
  display: block;
  color: #b3042f;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 900;
}
section.article_5 .wrapper .deuxtiers ul li i {
  display: block;
  margin-top: 0.8rem;
  font-size: 0.8rem;
  line-height: 18px;
  font-style: normal;
}
section.article_5 .wrapper .deuxtiers ul li i span {
  font-style: normal;
  font-weight: 600;
}
section.article_5 .wrapper .deuxtiers ul li i em {
  display: block;
}
section.article_5 .wrapper .deuxtiers ul li:first-of-type {
  background: url(//www.projobois.com/squelettes/images/svg/crayon-et-regle.svg) no-repeat;
  background-size: 40px;
  background-position-y: 20px;
}
section.article_5 .wrapper .deuxtiers ul li:nth-of-type(2) {
  background: url(//www.projobois.com/squelettes/images/svg/materiaux.svg) no-repeat;
  background-size: 40px;
  background-position-y: 20px;
}
section.article_5 .wrapper .deuxtiers ul li:nth-of-type(3) {
  background: url(//www.projobois.com/squelettes/images/svg/fabrication-a-la-demande.svg) no-repeat;
  background-size: 40px;
  background-position-y: 20px;
}
section.article_5 .wrapper .deuxtiers ul li:last-of-type {
  background: url(//www.projobois.com/squelettes/images/svg/produits-francais.svg) no-repeat;
  background-size: 40px;
  background-position-y: 20px;
}
@media (max-width: 880px) {
  section.article_5 .wrapper .tiers,
  section.article_5 .wrapper .deuxtiers {
    width: 100%;
  }
  section.article_5 .wrapper .tiers h2 {
    margin: 0 auto 2rem;
  }
  section.article_5 .wrapper .tiers p {
    margin: auto;
  }
}
@media (max-width: 640px) {
  section.article_5 .wrapper .deuxtiers ul li {
    width: 100%;
  }
}
@media (max-width: 880px) {
  section.article_5 {
    margin-top: 2rem;
  }
}
/* Section les incontournables */
section.incontournables {
  padding: 0;
  background-color: white;
  position: relative;
  z-index: 2;
  /* Responsive tablette */
  /* Responsive tablettePortrait */
}
section.incontournables .presentation-incontournables {
  padding: 5rem 3rem 5rem;
  background: url(//www.projobois.com/squelettes/images/jpg/incontournables-fond.jpg);
  background-size: cover;
  color: #ffffff;
}
section.incontournables .presentation-incontournables article {
  max-width: 300px;
  margin: auto;
  text-align: center;
}
section.incontournables .presentation-incontournables article p {
  font-size: 0.9rem;
}
section.incontournables .presentation-incontournables article h2 {
  margin-bottom: 1.5rem;
  color: #ffffff;
  line-height: 2rem;
}
section.incontournables .wrapper {
  /* Stylisation de la boucle produits en carousel */
  /* Article incontournables */
}
section.incontournables .wrapper article.produits {
  margin-top: -30px;
  margin-bottom: 50px;
}
section.incontournables .wrapper article.produits .carousel_wec {
  position: relative;
  /* Flèches du carousel */
}
section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur {
  width: 90%;
  margin: auto;
}
section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur a article {
  width: 250px;
  margin: 0 35px 2px 0;
  text-align: center;
  padding: 0;
  border: 1px solid white;
}
section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur a article:first-child {
  margin-left: 1px;
}
section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur a article .item-produit-description {
  display: none;
}
section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur a article:hover {
  position: relative;
  z-index: 2;
}
section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur a article:hover .item-produit-description {
  opacity: 1;
}
section.incontournables .wrapper article.produits .carousel_wec .precedent,
section.incontournables .wrapper article.produits .carousel_wec .suivant {
  right: 0;
}
section.incontournables .wrapper article.produits .carousel_wec .suivant {
  top: 27px;
}
section.incontournables .wrapper article.produits .carousel_wec .precedent {
  top: 60px;
}
section.incontournables .wrapper ul {
  padding: 2rem;
  margin-top: 1rem;
  text-align: center;
}
section.incontournables .wrapper ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  min-height: 183px;
  padding-left: 3.5rem;
  color: #7e766a;
  background-size: 20px;
  width: 33%;
  padding: 0 3rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 20px;
}
section.incontournables .wrapper ul li.quart {
  width: 25%;
}
section.incontournables .wrapper ul li.tiers {
  width: 33%;
}
section.incontournables .wrapper ul li.w40 {
  width: 40%;
}
section.incontournables .wrapper ul li.moitie {
  width: 50%;
}
section.incontournables .wrapper ul li.w60 {
  width: 60%;
}
section.incontournables .wrapper ul li.deuxtiers {
  width: 66%;
}
section.incontournables .wrapper ul li.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  section.incontournables .wrapper ul li.quart {
    width: 50%;
  }
  section.incontournables .wrapper ul li.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  section.incontournables .wrapper ul li.quart,
  section.incontournables .wrapper ul li.tiers,
  section.incontournables .wrapper ul li.deuxtiers,
  section.incontournables .wrapper ul li.troisquart,
  section.incontournables .wrapper ul li.w60,
  section.incontournables .wrapper ul li.w40 {
    width: 100%;
  }
}
section.incontournables .wrapper ul li strong {
  display: block;
  color: #b3042f;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 900;
}
section.incontournables .wrapper ul li i {
  display: block;
  margin-top: 0.8rem;
  font-size: 0.8rem;
  line-height: 18px;
  font-style: normal;
}
section.incontournables .wrapper ul li i span {
  font-style: normal;
  font-weight: 600;
}
section.incontournables .wrapper ul li i em {
  display: block;
}
section.incontournables .wrapper ul li > strong {
  margin: 0 0 1.5rem 5.2rem;
  font-size: 0.9rem;
  line-height: 1.2rem;
}
section.incontournables .wrapper ul li i {
  font-style: normal;
  color: #b3042f;
  font-weight: bold;
  font-weight: 600;
  display: inline;
}
section.incontournables .wrapper ul li a {
  color: #b3042f;
  font-weight: bold;
  font-weight: 600;
}
section.incontournables .wrapper ul li:first-child {
  background: url(//www.projobois.com/squelettes/images/svg/paiement-securise.svg) no-repeat;
  background-size: 60px;
  background-position-y: 4px;
  background-position-x: 3rem;
  border-left: 1px solid #c0bcb6;
}
section.incontournables .wrapper ul li:first-child strong {
  margin-top: 1.3rem;
}
section.incontournables .wrapper ul li:nth-child(2) {
  background: url(//www.projobois.com/squelettes/images/svg/livraison.svg) no-repeat;
  background-size: 60px;
  background-position-y: 10px;
  background-position-x: 3rem;
  border-left: 1px solid #c0bcb6;
  border-right: 1px solid #c0bcb6;
}
section.incontournables .wrapper ul li:nth-child(2) i strong {
  color: #7e766a;
}
section.incontournables .wrapper ul li:nth-child(2) i a {
  display: block;
  color: #b3042f;
  font-weight: bold;
  font-weight: 600;
}
section.incontournables .wrapper ul li:nth-child(2) i a:hover {
  color: #67747c;
}
section.incontournables .wrapper ul li:last-child {
  background: url(//www.projobois.com/squelettes/images/svg/delais.svg) no-repeat;
  background-size: 60px;
  background-position-y: 4px;
  background-position-x: 3rem;
  border-right: 1px solid #c0bcb6;
}
section.incontournables .wrapper ul li:last-child strong:first-child {
  margin-top: 1.3rem;
}
section.incontournables .wrapper ul li:last-child i strong:first-child {
  color: #7e766a;
}
section.incontournables .wrapper ul li:last-child i i {
  font-style: italic;
  margin: 0;
}
@media (max-width: 1160px) {
  section.incontournables .wrapper {
    /* Stylisation de la boucle produits en carousel */
    /* Article incontournables */
  }
  section.incontournables .wrapper article.produits {
    margin-top: -5%;
  }
  section.incontournables .wrapper article.produits .carousel_wec {
    margin-top: 1rem;
  }
  section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur {
    max-width: 90%;
  }
  section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur .liste.produits {
    margin-top: 1rem;
  }
  section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur .liste.produits a {
    margin-top: 2rem;
  }
  section.incontournables .wrapper article.produits .carousel_wec .suivant {
    top: 6rem;
  }
  section.incontournables .wrapper article.produits .carousel_wec .precedent {
    top: 7.7rem;
  }
  section.incontournables .wrapper ul li:first-child,
  section.incontournables .wrapper ul li:nth-child(2),
  section.incontournables .wrapper ul li:last-child {
    padding-top: 4rem;
    background-position: 3rem 0;
  }
  section.incontournables .wrapper ul li:first-child strong:first-child,
  section.incontournables .wrapper ul li:nth-child(2) strong:first-child,
  section.incontournables .wrapper ul li:last-child strong:first-child {
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 880px) {
  section.incontournables .presentation-incontournables article {
    margin: auto;
    text-align: center;
  }
  section.incontournables .wrapper {
    /* Stylisation de la boucle produits en carousel : on retire le carousel et on passe tous les produits des incontournables les uns en dessous des autres */
    /* Article incontournables */
  }
  section.incontournables .wrapper article.produits {
    margin-top: 0;
  }
  section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur {
    margin: auto;
  }
  section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur .liste {
    width: 100%;
    text-align: center;
  }
  section.incontournables .wrapper article.produits .carousel_wec .grand_conteneur .liste a article .item-produit-description {
    opacity: 1;
  }
  section.incontournables .wrapper article.produits .carousel_wec .suivant,
  section.incontournables .wrapper article.produits .carousel_wec .precedent {
    display: none;
  }
  section.incontournables .wrapper ul {
    padding: 0;
    margin-top: 3rem;
  }
  section.incontournables .wrapper ul li:first-child,
  section.incontournables .wrapper ul li:nth-child(2),
  section.incontournables .wrapper ul li:last-child {
    padding: 1.3rem 3rem 3rem;
    width: 100%;
    display: block;
    border: none !important;
    background-position-x: 3rem;
  }
  section.incontournables .wrapper ul li:first-child > strong:first-child,
  section.incontournables .wrapper ul li:nth-child(2) > strong:first-child,
  section.incontournables .wrapper ul li:last-child > strong:first-child {
    margin-left: 5.2rem;
    margin-top: 0;
  }
}
.padding-pour-background-de-li {
  padding: 10px 0 16px 70px;
  margin-bottom: 2.5rem;
}
/* Rubrique produits */
.secteur_2 .page {
  color: #7e766a;
}
.secteur_2 .page h1 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.secteur_2 .page h2 {
  display: none;
}
.secteur_2 .page section.menu-categories .wrapper {
  background-color: #f1efef;
  text-align: center;
}
.secteur_2 .page section.menu-categories .wrapper a {
  display: inline-block;
  vertical-align: top;
  /* Gestion des icônes de rubriques */
}
.secteur_2 .page section.menu-categories .wrapper a:first-child {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-bureaux-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:first-child:hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-bureaux-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(2) {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-etageres-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(2):hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-etageres-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(3) {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-armoires-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(3):hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-armoires-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(4) {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-colonnes-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(4):hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-colonnes-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(5) {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-tables-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(5):hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-tables-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(6) {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-chaises-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(6):hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-chaises-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(7) {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-meubles-tv-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(7):hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-meubles-tv-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(8) {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-meubles-entree-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:nth-child(8):hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-meubles-entree-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:last-child {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/rubrique-meubles-a-chaussures-icone.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:last-child:hover {
  background: url(//www.projobois.com/squelettes/images/svg/icone-rubriques-produits/icones-survol/rubrique-meubles-a-chaussures-icone-survol.svg) no-repeat;
  background-position: center 20px;
}
.secteur_2 .page section.menu-categories .wrapper a:hover div {
  color: #b3042f;
  background: url(//www.projobois.com/squelettes/images/svg/croix-rouge.svg) no-repeat;
}
.secteur_2 .page section.menu-categories .wrapper a div {
  padding: 3rem 0.25rem 0.25rem;
  margin: 1rem 0;
  width: 150px;
  display: inline-block;
  vertical-align: top;
  font-family: 'Playfair Display', serif;
  color: #7e766a;
}
.secteur_2 .page section.menu-categories .wrapper a div strong {
  margin-top: 5px;
  display: block;
  font-weight: bold;
  font-weight: 600;
}
.secteur_2 .page section.menu-categories .wrapper a div:hover {
  color: #b3042f;
  background: url(//www.projobois.com/squelettes/images/svg/croix-rouge.svg) no-repeat;
}
.secteur_2 .page section.menu-categories .wrapper a div.on strong {
  color: #b3042f;
}
.secteur_2 .page section.liste-produits {
  position: relative;
  z-index: 2;
  background-color: white;
}
.secteur_2 .page section.liste-produits .wrapper aside {
  width: 130px;
  position: sticky;
  top: 20%;
  font-size: 0.85rem;
}
.secteur_2 .page section.liste-produits .wrapper aside em {
  display: block;
  margin-bottom: 2rem;
}
.secteur_2 .page section.liste-produits .wrapper aside em span {
  text-decoration: underline;
  margin-left: auto;
}
.secteur_2 .page section.liste-produits .wrapper aside ul li {
  margin-bottom: 1.5rem;
  background: url(//www.projobois.com/squelettes/images/svg/plus-filtre.svg) no-repeat;
  background-position: 100%;
  cursor: pointer;
}
.secteur_2 .page section.liste-produits .wrapper aside ul li:hover {
  color: #b3042f;
}
.secteur_2 .page section.liste-produits .wrapper .produits {
  margin-top: 0;
}
@media (max-width: 640px) {
  .secteur_2 .page section.liste-produits aside {
    display: none;
  }
  .secteur_2 .page section.liste-produits .produits {
    padding-left: 0 !important;
    margin-top: 0 !important;
  }
}
/* Code commun aux section "le sur-mesure" et "le service +" */
.secteur_4 .page,
.secteur_3 .page {
  /* On masque l'arborescence */
  /* Section intro (on met le background du bois, le padding / margin et les couleurs blanches aux textes) */
}
.secteur_4 .page section.arbo,
.secteur_3 .page section.arbo {
  display: none;
}
.secteur_4 .page section.intro,
.secteur_3 .page section.intro {
  margin-top: 106px;
  padding: 6rem;
  background: url(//www.projobois.com/squelettes/images/jpg/service-plus-background.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff;
}
.secteur_4 .page section.intro .wrapper h1,
.secteur_3 .page section.intro .wrapper h1 {
  margin-bottom: 2.5rem;
  color: #ffffff;
}
.secteur_4 .page section.intro .wrapper p,
.secteur_3 .page section.intro .wrapper p {
  max-width: 870px;
  margin: 1.5rem auto;
  line-height: 1.8rem;
}
/* Rubrique le sur-mesure */
.secteur_3 .page {
  /* Section intro (déjà modifié plus haut de manière commune avec la section 4, on rajoute simplement les ajustements ici) */
  /* Sections articles */
}
.secteur_3 .page section.intro {
  /* On place les bordures de couleur autour de la section intro */
  border-top: 5px solid #b3042f;
  border-bottom: 5px solid #b3042f;
  /* On modifie les textes de la section intro */
}
.secteur_3 .page section.intro .wrapper p:first-of-type {
  margin: 1.5rem auto 2rem;
}
.secteur_3 .page section.intro .wrapper p:first-of-type i {
  display: block;
  max-width: 500px;
  margin: 0 auto;
}
.secteur_3 .page section.intro .wrapper p:first-of-type strong {
  text-transform: uppercase;
}
.secteur_3 .page section.intro .wrapper p:last-of-type {
  max-width: 760px;
}
.secteur_3 .page section.articles {
  /* Modifs communes aux quatre articles */
  color: #7e766a;
  /* Modifs pour le premier article */
  /* Modifs pour le second article */
  /* Modifs pour le troisème article */
  /* Modifs pour le quatrième article */
}
.secteur_3 .page section.articles .wrapper article {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  width: 75%;
  padding-top: 7rem;
}
.secteur_3 .page section.articles .wrapper article.quart {
  width: 25%;
}
.secteur_3 .page section.articles .wrapper article.tiers {
  width: 33%;
}
.secteur_3 .page section.articles .wrapper article.w40 {
  width: 40%;
}
.secteur_3 .page section.articles .wrapper article.moitie {
  width: 50%;
}
.secteur_3 .page section.articles .wrapper article.w60 {
  width: 60%;
}
.secteur_3 .page section.articles .wrapper article.deuxtiers {
  width: 66%;
}
.secteur_3 .page section.articles .wrapper article.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .secteur_3 .page section.articles .wrapper article.quart {
    width: 50%;
  }
  .secteur_3 .page section.articles .wrapper article.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .secteur_3 .page section.articles .wrapper article.quart,
  .secteur_3 .page section.articles .wrapper article.tiers,
  .secteur_3 .page section.articles .wrapper article.deuxtiers,
  .secteur_3 .page section.articles .wrapper article.troisquart,
  .secteur_3 .page section.articles .wrapper article.w60,
  .secteur_3 .page section.articles .wrapper article.w40 {
    width: 100%;
  }
}
.secteur_3 .page section.articles .wrapper article h2 {
  display: none;
}
.secteur_3 .page section.articles .wrapper article p:nth-of-type(2) strong:first-child {
  display: block;
  margin-bottom: 2.3rem;
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #b3042f;
}
.secteur_3 .page section.articles .wrapper article p:nth-of-type(2) strong:first-child i {
  display: block;
  margin-top: 0.7rem;
  font-style: normal;
}
.secteur_3 .page section.articles.article_17 {
  overflow: hidden;
}
.secteur_3 .page section.articles.article_17 .wrapper article {
  position: relative;
  width: 85%;
  background: url(//www.projobois.com/squelettes/images/svg/article-1.svg) no-repeat, url(//www.projobois.com/squelettes/images/svg/le-sur-mesure-background-article-1.svg) no-repeat;
  background-size: 250px, 270px;
  background-position: 305px -80px, right 7rem;
  /* Largeur maximale des paragraphes 1 et 2 */
  /* On place le premier paragraphe et le premier ul en disposition colonne */
  /* Modifs de l'ul entre les 2 paragraphes */
  /* Modifs du paragraphe 2 */
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2),
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(3) {
  max-width: 334px;
  text-align: right;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2),
.secteur_3 .page section.articles.article_17 .wrapper article ul {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  width: 50%;
  padding: 0 0 0 60px;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).quart,
.secteur_3 .page section.articles.article_17 .wrapper article ul.quart {
  width: 25%;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).tiers,
.secteur_3 .page section.articles.article_17 .wrapper article ul.tiers {
  width: 33%;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).w40,
.secteur_3 .page section.articles.article_17 .wrapper article ul.w40 {
  width: 40%;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).moitie,
.secteur_3 .page section.articles.article_17 .wrapper article ul.moitie {
  width: 50%;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).w60,
.secteur_3 .page section.articles.article_17 .wrapper article ul.w60 {
  width: 60%;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).deuxtiers,
.secteur_3 .page section.articles.article_17 .wrapper article ul.deuxtiers {
  width: 66%;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).troisquart,
.secteur_3 .page section.articles.article_17 .wrapper article ul.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).quart,
  .secteur_3 .page section.articles.article_17 .wrapper article ul.quart {
    width: 50%;
  }
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).moitie,
  .secteur_3 .page section.articles.article_17 .wrapper article ul.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).quart,
  .secteur_3 .page section.articles.article_17 .wrapper article ul.quart,
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).tiers,
  .secteur_3 .page section.articles.article_17 .wrapper article ul.tiers,
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).deuxtiers,
  .secteur_3 .page section.articles.article_17 .wrapper article ul.deuxtiers,
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).troisquart,
  .secteur_3 .page section.articles.article_17 .wrapper article ul.troisquart,
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).w60,
  .secteur_3 .page section.articles.article_17 .wrapper article ul.w60,
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2).w40,
  .secteur_3 .page section.articles.article_17 .wrapper article ul.w40 {
    width: 100%;
  }
}
.secteur_3 .page section.articles.article_17 .wrapper article ul {
  padding: 20px 0 20px 125px;
  margin-top: 4.5rem;
}
.secteur_3 .page section.articles.article_17 .wrapper article ul li {
  padding: 10px 0 16px 70px;
  margin-bottom: 2.5rem;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-weight: 600;
}
.secteur_3 .page section.articles.article_17 .wrapper article ul li i {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  font-style: normal;
}
.secteur_3 .page section.articles.article_17 .wrapper article ul li:first-child {
  background: url(//projo.wec.ovh/squelettes/images/svg/fabrication-a-la-demande.svg) no-repeat;
  background-size: 47px;
}
.secteur_3 .page section.articles.article_17 .wrapper article ul li:nth-child(2) {
  background: url(//projo.wec.ovh/squelettes/images/svg/materiaux.svg) no-repeat;
  background-size: 47px;
}
.secteur_3 .page section.articles.article_17 .wrapper article ul li:nth-child(2) strong {
  font-weight: 600;
  color: #b3042f;
}
.secteur_3 .page section.articles.article_17 .wrapper article ul li:last-child {
  background: url(//projo.wec.ovh/squelettes/images/svg/crayon-et-regle.svg) no-repeat;
  background-size: 53px;
}
.secteur_3 .page section.articles.article_17 .wrapper article ul li:last-child i {
  font-family: 'Playfair Display', serif;
  font-size: 1rem;
  font-weight: bold;
  font-weight: 600;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(3) {
  margin-top: -7rem;
}
.secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(3) strong {
  display: block;
  color: #b3042f;
}
.secteur_3 .page section.articles.article_18 .wrapper {
  text-align: right;
}
.secteur_3 .page section.articles.article_18 .wrapper article {
  width: 70%;
  padding: 112px 30px 100px 260px;
  background: url(//www.projobois.com/squelettes/images/svg/article-2.svg) no-repeat, url(//www.projobois.com/squelettes/images/svg/le-sur-mesure-background-article-2.svg) no-repeat;
  background-size: 250px, 250px;
  background-position: 170px -80px, -50px 100px;
  text-align: left;
  /* Modifs pour le "titre" */
  /* Modifs pour les deux paragraphes */
}
.secteur_3 .page section.articles.article_18 .wrapper article p:nth-of-type(2) strong {
  max-width: 275px;
}
.secteur_3 .page section.articles.article_18 .wrapper article p:nth-of-type(3),
.secteur_3 .page section.articles.article_18 .wrapper article p:nth-of-type(4) {
  max-width: 415px;
  padding: 10px 0 16px 70px;
  margin-bottom: 2.5rem;
  margin: 10px 0;
}
.secteur_3 .page section.articles.article_18 .wrapper article p:nth-of-type(3) {
  background: url("//www.projobois.com/squelettes/images/svg/tirelire-rubrique-3.svg") no-repeat;
  background-size: 47px;
}
.secteur_3 .page section.articles.article_19 .wrapper article {
  padding: 7rem 30px 3rem;
  margin-top: -8rem;
  background: url(//www.projobois.com/squelettes/images/svg/article-3.svg) no-repeat, url(//www.projobois.com/squelettes/images/svg/le-sur-mesure-background-article-3.svg) no-repeat;
  background-size: 250px, 250px;
  background-position: 215px -60px, right 7rem;
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2),
.secteur_3 .page section.articles.article_19 .wrapper article ul {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).quart,
.secteur_3 .page section.articles.article_19 .wrapper article ul.quart {
  width: 25%;
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).tiers,
.secteur_3 .page section.articles.article_19 .wrapper article ul.tiers {
  width: 33%;
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).w40,
.secteur_3 .page section.articles.article_19 .wrapper article ul.w40 {
  width: 40%;
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).moitie,
.secteur_3 .page section.articles.article_19 .wrapper article ul.moitie {
  width: 50%;
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).w60,
.secteur_3 .page section.articles.article_19 .wrapper article ul.w60 {
  width: 60%;
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).deuxtiers,
.secteur_3 .page section.articles.article_19 .wrapper article ul.deuxtiers {
  width: 66%;
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).troisquart,
.secteur_3 .page section.articles.article_19 .wrapper article ul.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).quart,
  .secteur_3 .page section.articles.article_19 .wrapper article ul.quart {
    width: 50%;
  }
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).moitie,
  .secteur_3 .page section.articles.article_19 .wrapper article ul.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).quart,
  .secteur_3 .page section.articles.article_19 .wrapper article ul.quart,
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).tiers,
  .secteur_3 .page section.articles.article_19 .wrapper article ul.tiers,
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).deuxtiers,
  .secteur_3 .page section.articles.article_19 .wrapper article ul.deuxtiers,
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).troisquart,
  .secteur_3 .page section.articles.article_19 .wrapper article ul.troisquart,
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).w60,
  .secteur_3 .page section.articles.article_19 .wrapper article ul.w60,
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2).w40,
  .secteur_3 .page section.articles.article_19 .wrapper article ul.w40 {
    width: 100%;
  }
}
.secteur_3 .page section.articles.article_19 .wrapper article p:nth-of-type(2) {
  max-width: 260px;
  padding: 0;
  text-align: right;
}
.secteur_3 .page section.articles.article_19 .wrapper article ul {
  padding: 20px 0 20px 55px;
  margin-top: 4.5rem;
  width: 60%;
}
.secteur_3 .page section.articles.article_19 .wrapper article ul li {
  padding: 10px 0 16px 70px;
  margin-bottom: 2.5rem;
}
.secteur_3 .page section.articles.article_19 .wrapper article ul li strong {
  font-weight: 600;
}
.secteur_3 .page section.articles.article_19 .wrapper article ul li:first-child {
  background: url(//projo.wec.ovh/squelettes/images/svg/reperage-rubrique-3.svg) no-repeat;
  background-size: 47px;
}
.secteur_3 .page section.articles.article_19 .wrapper article ul li:nth-child(2) {
  background: url(//projo.wec.ovh/squelettes/images/svg/modelisation-3d-rubrique-3.svg) no-repeat;
  background-size: 47px;
}
.secteur_3 .page section.articles.article_19 .wrapper article ul li:last-child {
  background: url(//projo.wec.ovh/squelettes/images/svg/fabrication-rubrique-3.svg) no-repeat;
  background-size: 53px;
}
.secteur_3 .page section.articles.article_19 .wrapper article ul li:last-child i {
  font-family: 'Playfair Display', serif;
  font-size: 1rem;
  font-weight: bold;
  font-weight: 600;
}
.secteur_3 .page section.articles.article_20 {
  position: relative;
  background-color: white;
  z-index: 2;
}
.secteur_3 .page section.articles.article_20 .wrapper article {
  margin-top: -7rem;
  width: 100%;
  background: url(//www.projobois.com/squelettes/images/svg/article-4.svg) no-repeat;
  background-size: 250px;
  background-position: 255px -70px;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul {
  text-align: center;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  width: 50%;
  padding: 10px 0 16px 70px;
  margin-bottom: 2.5rem;
  padding: 10px 220px 20px 70px;
  text-align: left;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li.quart {
  width: 25%;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li.tiers {
  width: 33%;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li.w40 {
  width: 40%;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li.moitie {
  width: 50%;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li.w60 {
  width: 60%;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li.deuxtiers {
  width: 66%;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .secteur_3 .page section.articles.article_20 .wrapper article ul li.quart {
    width: 50%;
  }
  .secteur_3 .page section.articles.article_20 .wrapper article ul li.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .secteur_3 .page section.articles.article_20 .wrapper article ul li.quart,
  .secteur_3 .page section.articles.article_20 .wrapper article ul li.tiers,
  .secteur_3 .page section.articles.article_20 .wrapper article ul li.deuxtiers,
  .secteur_3 .page section.articles.article_20 .wrapper article ul li.troisquart,
  .secteur_3 .page section.articles.article_20 .wrapper article ul li.w60,
  .secteur_3 .page section.articles.article_20 .wrapper article ul li.w40 {
    width: 100%;
  }
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li:first-child {
  background: url(//www.projobois.com/squelettes/images/svg/telephone-rubrique-3.svg) no-repeat;
  background-size: 47px;
}
.secteur_3 .page section.articles.article_20 .wrapper article ul li:last-child {
  background: url(//www.projobois.com/squelettes/images/svg/pouce-rubrique-3.svg) no-repeat;
  background-size: 47px;
}
@media (max-width: 1160px) {
  .secteur_3 .page {
    /* Sections articles */
  }
  .secteur_3 .page section.articles {
    /* On fait en sorte que les articles aient une largeur plus grande pour garder un espace adapté */
    /* On modifie le padding de l'ul du dernier article pour que les li prenne plus d'espace (le texte est trop étriqué autrement) */
  }
  .secteur_3 .page section.articles.article_17 .wrapper article,
  .secteur_3 .page section.articles.article_19 .wrapper article {
    width: 100%;
  }
  .secteur_3 .page section.articles.article_18 .wrapper article {
    width: 80%;
  }
  .secteur_3 .page section.articles.article_20 .wrapper article ul li {
    padding: 10px 100px 20px 70px;
  }
}
@media (max-width: 880px) {
  .secteur_3 .page {
    /* Sections articles */
  }
  .secteur_3 .page section.articles {
    /* Modifs pour le 1er article : on place tous les éléments les un en dessous des autres + on ne laisse qu'un seul background sur les deux */
    /* Modifs pour le 2e article + on ne laisse qu'un seul background sur les deux */
    /* Modifs pour le 3e article : on ne laisse qu'un seul background sur les deux */
    /* Modifs pour le 4e article : on modifie le padding de l'ul du dernier article pour que les li prenne plus d'espace (le texte est trop étriqué autrement) */
  }
  .secteur_3 .page section.articles.article_17 .wrapper article {
    background: url(//www.projobois.com/squelettes/images/svg/article-1.svg) no-repeat;
    background-size: 250px;
    background-position: 15px -80px;
    /* On retire le padding gauche sur tous les enfants directs */
  }
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2),
  .secteur_3 .page section.articles.article_17 .wrapper article ul {
    padding: 0;
  }
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(2),
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(3) {
    max-width: initial;
    width: 100%;
    text-align: left;
  }
  .secteur_3 .page section.articles.article_17 .wrapper article ul {
    width: 100%;
    margin-top: 2.5rem;
  }
  .secteur_3 .page section.articles.article_17 .wrapper article p:nth-of-type(3) {
    margin-top: 0;
  }
  .secteur_3 .page section.articles.article_18 .wrapper {
    text-align: left;
  }
  .secteur_3 .page section.articles.article_18 .wrapper article {
    width: 100%;
    padding: 7rem 30px 20px;
    background: url(//www.projobois.com/squelettes/images/svg/article-2.svg) no-repeat;
    background-size: 250px;
    background-position: 15px -100px;
  }
  .secteur_3 .page section.articles.article_18 .wrapper article p:nth-of-type(2) strong {
    text-align: left;
  }
  .secteur_3 .page section.articles.article_18 .wrapper article p:nth-of-type(3),
  .secteur_3 .page section.articles.article_18 .wrapper article p:nth-of-type(4) {
    margin: 10px 0;
  }
  .secteur_3 .page section.articles.article_19 .wrapper article {
    margin-top: 0;
    background: url(//www.projobois.com/squelettes/images/svg/article-3.svg) no-repeat;
    background-size: 250px;
    background-position: 15px -80px;
  }
  .secteur_3 .page section.articles.article_19 .wrapper article p:nth-last-of-type(2) {
    padding: 0;
    text-align: left;
  }
  .secteur_3 .page section.articles.article_19 .wrapper article ul {
    width: 100%;
    padding: 20px 0;
    margin: 0;
  }
  .secteur_3 .page section.articles.article_20 .wrapper article {
    margin-top: -4rem;
    background-position: 15px -110px;
  }
  .secteur_3 .page section.articles.article_20 .wrapper article ul li {
    width: 100%;
    padding: 10px 0 0 70px;
  }
}
/* Rubrique Le service + */
.secteur_4 .page {
  /* On modifie les couleurs du header pour mettre du bleu */
  /* Section intro (déjà modifié plus haut de manière commune avec la section 3, on rajoute simplement les ajustements ici) */
  /* Sections articles */
}
.secteur_4 .page header .wrapper {
  /* Le hover des textes en bleu */
  /* Icône du panier */
}
.secteur_4 .page header .wrapper strong.spip_logo_site a {
  /* On masque le logo initial du site */
  /* Logo bleu pour la rubrique 4 à masquer sur toutes les autres pages */
}
.secteur_4 .page header .wrapper strong.spip_logo_site a > img.spip_logo.spip_logos {
  display: none;
}
.secteur_4 .page header .wrapper strong.spip_logo_site a img.logo_bleu {
  display: block;
}
.secteur_4 .page header .wrapper nav ul li a:hover {
  color: #005aa9;
  background: url(//www.projobois.com/squelettes/images/svg/croix-bleue.svg) no-repeat 50% 0px;
}
.secteur_4 .page header .wrapper a .minipanier {
  background: url(//www.projobois.com/squelettes/images/svg/panier-bleu.svg) no-repeat;
  background-size: contain;
}
.secteur_4 .page header .wrapper a .minipanier span {
  background-color: #005aa9;
}
.secteur_4 .page section.intro {
  /* On place les bordures de couleur autour de la section intro */
  border-top: 5px solid #005aa9;
  border-bottom: 5px solid #005aa9;
  /* On modifie les textes de la section intro */
}
.secteur_4 .page section.intro .wrapper p:nth-of-type(2) strong:first-child {
  text-transform: uppercase;
}
.secteur_4 .page section.articles {
  /* Modifs pour le premier article */
  /* Modifs pour le second article */
  /* Modifs pour le 3e article */
}
.secteur_4 .page section.articles .wrapper {
  /* Modifs communes aux trois articles */
}
.secteur_4 .page section.articles .wrapper article {
  padding-top: 4rem;
  color: #67747c;
}
.secteur_4 .page section.articles .wrapper article h2 {
  display: none;
  margin-bottom: 2.3rem;
  color: #005aa9;
}
.secteur_4 .page section.articles .wrapper article p strong:first-child {
  display: block;
  margin-bottom: 2.3rem;
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #005aa9;
}
.secteur_4 .page section.articles .wrapper article p strong:first-child i {
  display: block;
  margin-top: 0.7rem;
  font-style: normal;
}
.secteur_4 .page section.articles.article_21 .wrapper article {
  text-align: center;
}
.secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2) {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  max-width: 410px;
  padding: 20px 48px;
  text-align: right;
}
.secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).quart {
  width: 25%;
}
.secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).tiers {
  width: 33%;
}
.secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).w40 {
  width: 40%;
}
.secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).moitie {
  width: 50%;
}
.secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).w60 {
  width: 60%;
}
.secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).deuxtiers {
  width: 66%;
}
.secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).quart {
    width: 50%;
  }
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).quart,
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).tiers,
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).deuxtiers,
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).troisquart,
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).w60,
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2).w40 {
    width: 100%;
  }
}
.secteur_4 .page section.articles.article_21 .wrapper article ul {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  margin-top: 3.3rem;
  max-width: 530px;
  text-align: left;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul.quart {
  width: 25%;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul.tiers {
  width: 33%;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul.w40 {
  width: 40%;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul.moitie {
  width: 50%;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul.w60 {
  width: 60%;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul.deuxtiers {
  width: 66%;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .secteur_4 .page section.articles.article_21 .wrapper article ul.quart {
    width: 50%;
  }
  .secteur_4 .page section.articles.article_21 .wrapper article ul.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .secteur_4 .page section.articles.article_21 .wrapper article ul.quart,
  .secteur_4 .page section.articles.article_21 .wrapper article ul.tiers,
  .secteur_4 .page section.articles.article_21 .wrapper article ul.deuxtiers,
  .secteur_4 .page section.articles.article_21 .wrapper article ul.troisquart,
  .secteur_4 .page section.articles.article_21 .wrapper article ul.w60,
  .secteur_4 .page section.articles.article_21 .wrapper article ul.w40 {
    width: 100%;
  }
}
.secteur_4 .page section.articles.article_21 .wrapper article ul li {
  padding: 1rem 0rem 3rem 4.5rem;
  max-width: 600px;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul li i {
  font-style: normal;
  font-weight: bold;
  font-weight: 600;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul li strong {
  font-family: 'Playfair Display', serif;
  color: #005aa9;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul li:first-child {
  background: url("//www.projobois.com/squelettes/images/svg/ampoule-rubrique-4.svg") no-repeat;
  background-size: 55px;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul li:nth-child(2) {
  background: url("//www.projobois.com/squelettes/images/svg/puzzle-rubrique-4.svg") no-repeat;
  background-size: 65px;
}
.secteur_4 .page section.articles.article_21 .wrapper article ul li:last-child {
  background: url("//www.projobois.com/squelettes/images/svg/crayon-regle-rubrique-4.svg") no-repeat;
  background-size: 55px;
}
.secteur_4 .page section.articles.article_23 {
  padding-top: 4rem;
  background: url(//www.projobois.com/squelettes/images/jpg/coup-de-projot-background.jpg);
}
.secteur_4 .page section.articles.article_23 .wrapper {
  /* div conteneur de l'image du second article */
  /* Second article */
}
.secteur_4 .page section.articles.article_23 .wrapper div,
.secteur_4 .page section.articles.article_23 .wrapper article {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
}
.secteur_4 .page section.articles.article_23 .wrapper div.quart,
.secteur_4 .page section.articles.article_23 .wrapper article.quart {
  width: 25%;
}
.secteur_4 .page section.articles.article_23 .wrapper div.tiers,
.secteur_4 .page section.articles.article_23 .wrapper article.tiers {
  width: 33%;
}
.secteur_4 .page section.articles.article_23 .wrapper div.w40,
.secteur_4 .page section.articles.article_23 .wrapper article.w40 {
  width: 40%;
}
.secteur_4 .page section.articles.article_23 .wrapper div.moitie,
.secteur_4 .page section.articles.article_23 .wrapper article.moitie {
  width: 50%;
}
.secteur_4 .page section.articles.article_23 .wrapper div.w60,
.secteur_4 .page section.articles.article_23 .wrapper article.w60 {
  width: 60%;
}
.secteur_4 .page section.articles.article_23 .wrapper div.deuxtiers,
.secteur_4 .page section.articles.article_23 .wrapper article.deuxtiers {
  width: 66%;
}
.secteur_4 .page section.articles.article_23 .wrapper div.troisquart,
.secteur_4 .page section.articles.article_23 .wrapper article.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .secteur_4 .page section.articles.article_23 .wrapper div.quart,
  .secteur_4 .page section.articles.article_23 .wrapper article.quart {
    width: 50%;
  }
  .secteur_4 .page section.articles.article_23 .wrapper div.moitie,
  .secteur_4 .page section.articles.article_23 .wrapper article.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .secteur_4 .page section.articles.article_23 .wrapper div.quart,
  .secteur_4 .page section.articles.article_23 .wrapper article.quart,
  .secteur_4 .page section.articles.article_23 .wrapper div.tiers,
  .secteur_4 .page section.articles.article_23 .wrapper article.tiers,
  .secteur_4 .page section.articles.article_23 .wrapper div.deuxtiers,
  .secteur_4 .page section.articles.article_23 .wrapper article.deuxtiers,
  .secteur_4 .page section.articles.article_23 .wrapper div.troisquart,
  .secteur_4 .page section.articles.article_23 .wrapper article.troisquart,
  .secteur_4 .page section.articles.article_23 .wrapper div.w60,
  .secteur_4 .page section.articles.article_23 .wrapper article.w60,
  .secteur_4 .page section.articles.article_23 .wrapper div.w40,
  .secteur_4 .page section.articles.article_23 .wrapper article.w40 {
    width: 100%;
  }
}
.secteur_4 .page section.articles.article_23 .wrapper div {
  width: 45%;
  margin-top: -7rem;
  /* On place un after pour la seconde photo : c'est une photo de déco */
  /*&::after{content: ""; .block; margin: -9rem 0 0 -5rem; width: 260px; height: 210px; background: url("../images/jpg/exemple-type-background.jpg"); transform: rotate(-5deg);} */
}
.secteur_4 .page section.articles.article_23 .wrapper div img {
  margin-top: 100px;
}
.secteur_4 .page section.articles.article_23 .wrapper article {
  width: 55%;
}
.secteur_4 .page section.articles.article_23 .wrapper article p:nth-last-of-type(2) {
  margin: 10px 0 30px;
  line-height: 1.8rem;
}
.secteur_4 .page section.articles.article_23 .wrapper article p:nth-last-of-type(2) strong:first-child {
  position: relative;
  display: block;
  padding: 1.4rem 0 1.5rem 2.5rem;
  margin: 0 0 2rem -6.5rem;
  font-family: 'Rock Salt', cursive;
  font-size: 1rem;
  font-weight: 600;
  color: #3E3E3E;
  background: url("//www.projobois.com/squelettes/images/svg/trois-traits-alignement-gauche.svg") no-repeat;
  transform: rotate(-2deg);
  /* On style l'arrière plan du strong */
}
.secteur_4 .page section.articles.article_23 .wrapper article p:nth-last-of-type(2) strong:first-child::before,
.secteur_4 .page section.articles.article_23 .wrapper article p:nth-last-of-type(2) strong:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 55px;
  height: 15px;
}
.secteur_4 .page section.articles.article_23 .wrapper article p:nth-last-of-type(2) strong:first-child::before {
  top: auto;
  bottom: 0;
  left: 5.5rem;
  background: url("//www.projobois.com/squelettes/images/svg/sous-lignage-noir.svg") no-repeat;
  background-size: contain;
}
.secteur_4 .page section.articles.article_23 .wrapper article p:nth-last-of-type(2) strong:first-child::after {
  width: 65px;
  height: 40px;
  top: auto;
  bottom: -3rem;
  left: 0rem;
  background: url("//www.projobois.com/squelettes/images/svg/fleche-gauche-noire-service-plus.svg") no-repeat;
  background-size: contain;
}
.secteur_4 .page section.articles.article_23 .wrapper article ul li {
  position: relative;
  padding: 1rem 4rem 1rem;
  max-width: 600px;
  /* On met des before pour les numéros de la liste */
}
.secteur_4 .page section.articles.article_23 .wrapper article ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  padding-top: 0.5rem;
  width: 2rem;
  height: 100%;
  font-family: 'Playfair Display', serif;
  font-size: 2.5rem;
  font-weight: bold;
  font-weight: 600;
  color: #005aa9;
}
.secteur_4 .page section.articles.article_23 .wrapper article ul li:first-child::before {
  content: "01";
}
.secteur_4 .page section.articles.article_23 .wrapper article ul li:nth-child(2)::before {
  content: "02";
}
.secteur_4 .page section.articles.article_23 .wrapper article ul li:nth-child(3)::before {
  content: "03";
}
.secteur_4 .page section.articles.article_23 .wrapper article ul li:last-child::before {
  content: "04";
}
.secteur_4 .page section.articles.article_22 {
  background-color: white;
  position: relative;
  z-index: 2;
}
.secteur_4 .page section.articles.article_22 .wrapper article {
  text-align: center;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2),
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3) {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  width: 33%;
  font-weight: bold;
  font-weight: 600;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).quart,
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).quart {
  width: 25%;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).tiers,
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).tiers {
  width: 33%;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).w40,
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).w40 {
  width: 40%;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).moitie,
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).moitie {
  width: 50%;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).w60,
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).w60 {
  width: 60%;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).deuxtiers,
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).deuxtiers {
  width: 66%;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).troisquart,
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).quart,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).quart {
    width: 50%;
  }
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).moitie,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).quart,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).quart,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).tiers,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).tiers,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).deuxtiers,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).deuxtiers,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).troisquart,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).troisquart,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).w60,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).w60,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2).w40,
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3).w40 {
    width: 100%;
  }
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2) {
  text-align: right;
}
.secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3) {
  margin-top: 4rem;
  text-align: left;
}
@media (max-width: 1160px) {
  .secteur_4 .page section.articles {
    /* Modifs pour le premier article */
    /* Modifs pour le deuxième article */
  }
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2) {
    margin-left: 0;
    padding: 20px 18px;
    max-width: 290px;
  }
  .secteur_4 .page section.articles.article_23 .wrapper article p:nth-of-type(2) strong:first-child {
    margin: 0 0 4rem 0;
  }
}
@media (max-width: 880px) {
  .secteur_4 .page section.articles {
    /* Modifs pour le premier article et le 3e article */
    /* Modifs pour le premier article */
    /* Modifs pour le second article */
    /* Modifs pour le troisième article */
  }
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2),
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2) {
    text-align: left;
  }
  .secteur_4 .page section.articles.article_21 .wrapper article {
    text-align: left;
  }
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2),
  .secteur_4 .page section.articles.article_21 .wrapper article ul {
    width: 100%;
  }
  .secteur_4 .page section.articles.article_21 .wrapper article p:nth-of-type(2) {
    max-width: 100%;
  }
  .secteur_4 .page section.articles.article_21 .wrapper article ul {
    margin-top: 0;
  }
  .secteur_4 .page section.articles.article_23 .wrapper div {
    width: 100%;
  }
  .secteur_4 .page section.articles.article_23 .wrapper article {
    width: 100%;
  }
  .secteur_4 .page section.articles.article_23 .wrapper article p:nth-of-type(2) strong:first-child {
    margin: 0 0 2rem 0;
    /* On masque la flèche qui va sur la gauche */
  }
  .secteur_4 .page section.articles.article_23 .wrapper article p:nth-of-type(2) strong:first-child::after {
    display: none;
  }
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(2),
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3) {
    width: 100%;
  }
  .secteur_4 .page section.articles.article_22 .wrapper article p:nth-of-type(3) {
    margin-top: 0;
  }
}
/* Page de présentation des articles des rubriques du footer */
.secteur_6 .page section.arbo + section h1 {
  text-align: center;
}
.secteur_6 .page section.articles_6 {
  background-color: white;
  position: relative;
  z-index: 2;
}
.secteur_6 .page section.articles_6 .wrapper article {
  padding: 2rem 3rem;
  margin-bottom: 3rem;
  box-shadow: 0 25px 72px 0 rgba(0, 0, 0, 0.15);
  color: #7e766a;
}
.secteur_6 .page section.articles_6 .wrapper article h2 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.secteur_6 .page section.articles_6 .wrapper article h3 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.secteur_6 .page section.articles_6 .wrapper article p {
  color: #7e766a;
  line-height: 1.7rem;
}
.secteur_6 .page section.articles_6 .wrapper article a {
  color: #b3042f;
}
.secteur_6 .page section.articles_6 .wrapper article a:hover {
  color: #67747c;
}
.secteur_6 .page section.articles_6 .wrapper article ul {
  list-style: initial;
  padding-left: inherit;
}
section.page-produit .presentation-produit .wrapper {
  position: relative;
  margin-bottom: 5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.page-produit .presentation-produit .wrapper > div {
  width: 45%;
}
section.page-produit .presentation-produit .wrapper .image-produit {
  position: relative;
  border-right: 1px solid #c0bcb6;
  text-align: center;
}
section.page-produit .presentation-produit .wrapper .image-produit .fleches-carousel {
  right: -34px;
  top: 35%;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales {
  display: flex;
  flex-wrap: wrap;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales .texte {
  margin-bottom: 1.3rem;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales .texte h1 {
  margin-bottom: 1.2rem;
  text-align: left;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales .texte p {
  max-width: 250px;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales span {
  font-size: 3rem;
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  margin-left: auto;
  margin-right: 1rem;
}
section.page-produit .presentation-produit .wrapper .infos-produit .choix-des-images {
  display: flex;
  flex-wrap: wrap;
}
section.page-produit .presentation-produit .wrapper .infos-produit .choix-des-images img {
  margin: 0 0.5rem;
  box-shadow: 0 25px 72px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.2s ease;
}
section.page-produit .presentation-produit .wrapper .infos-produit .choix-des-images img:hover {
  transform: scale(1.05);
}
section.page-produit .presentation-produit .wrapper .infos-produit .cta-section form button {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  display: block;
  margin: 40px 0;
  padding: 0.6rem 4rem 0.6rem 1rem;
  cursor: pointer;
  background: url(//www.projobois.com/squelettes/images/svg/panier.svg) no-repeat;
  background-size: 25px;
  background-position: 90%;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: bold;
  font-weight: 600;
  color: #7e766a;
}
section.page-produit .presentation-produit .wrapper .infos-produit .cta-section form button:hover {
  transform: scale(1.05);
}
section.page-produit .presentation-produit .wrapper .infos-produit .cta-section form button:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
section.page-produit .presentation-produit .wrapper .infos-produit .cta-section form button:hover {
  color: #ffffff;
  background: #7e766a url(//www.projobois.com/squelettes/images/svg/panier-survol.svg) no-repeat;
  background-size: 25px;
  background-position: 90%;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees ul.choix-du-texte {
  display: flex;
  flex-wrap: wrap;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees ul.choix-du-texte li {
  width: 50%;
  text-transform: uppercase;
  border-bottom: 1px solid #c0bcb6;
  cursor: pointer;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees ul.choix-du-texte li.on {
  border-bottom: 3px solid #b3042f;
  font-weight: bold;
  font-weight: 600;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees ul.choix-du-texte li:hover {
  border-bottom: 3px solid #c0bcb6;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees .section-description p,
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees .caracteristiques,
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees .details {
  padding: 2rem;
  margin-top: 10px;
  background-color: #f1efef;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees .caracteristiques strong {
  display: block;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees .section-details {
  display: none;
}
@media (max-width: 1160px) {
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales {
    margin-bottom: 2rem;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales .texte {
    margin-bottom: 0;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales span {
    margin-left: 0;
    margin-right: auto;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .choix-des-images img {
    margin: 1rem 0.5rem;
  }
}
@media (max-width: 880px) {
  section.page-produit .presentation-produit .wrapper > div {
    width: 90%;
    margin: auto;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit {
    display: flex;
    flex-wrap: wrap;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales {
    order: 2;
    width: 100%;
    margin-top: 2rem;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales .texte {
    width: 100%;
    margin-bottom: 1rem;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales .texte h1,
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales .texte p {
    text-align: center;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales .texte p {
    margin: auto;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-principales > span {
    display: block;
    text-align: center;
    margin: auto;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .choix-des-images {
    order: 1;
    margin: auto;
    justify-content: center;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .cta-section {
    order: 3;
    margin: auto;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .cta-section form {
    margin: 40px auto;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees {
    order: 4;
  }
  section.page-produit .presentation-produit .wrapper .infos-produit .infos-detaillees ul.choix-du-texte li {
    text-align: center;
  }
}
@media (max-width: 640px) {
  section.page-produit .presentation-produit .wrapper .image-produit {
    border: none;
  }
  section.page-produit .presentation-produit .wrapper .image-produit .fleches-carousel {
    display: none;
  }
}
section.complement-infos {
  height: 250px;
  background: url(//www.projobois.com/squelettes/images/jpg/incontournables-fond.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
section.suggestions {
  position: relative;
  z-index: 2;
  background-color: white;
}
section.suggestions .wrapper {
  padding-top: 3rem;
  overflow: hidden;
}
section.suggestions .wrapper .suggestions-texte {
  display: inline-block;
  vertical-align: top;
  width: 240px;
}
section.suggestions .wrapper .suggestions-texte h2 {
  color: #67747c;
  display: block !important;
}
section.suggestions .wrapper .carousel_wec {
  display: inline-block;
  vertical-align: top;
  margin-top: -1rem;
  max-width: 840px;
}
section.suggestions .wrapper .carousel_wec .grand_conteneur .liste a {
  text-align: center;
}
section.suggestions .wrapper .carousel_wec .grand_conteneur .liste a article .item-produit-description {
  opacity: 0;
  transition: all 0.2s ease;
}
section.suggestions .wrapper .carousel_wec .grand_conteneur .liste a:hover article .item-produit-description {
  opacity: 1;
}
@media (max-width: 880px) {
  section.suggestions .wrapper .suggestions-texte {
    display: block;
    margin: auto;
    text-align: center;
  }
}
.page_panier .page {
  /* Formulaires */
  /* Boutons*/
  /* Page récap du panier */
  /* Livraison */
  /* Récapitulatif de commande */
}
.page_panier .page .arbo + section {
  max-width: 600px;
  margin: auto;
  text-align: center;
}
.page_panier .page .arbo + section p {
  padding-bottom: 2rem;
  font-family: 'Rock Salt', cursive;
  font-size: 0.9rem;
  color: #7e766a;
  background: url(//www.projobois.com/squelettes/images/svg/sous-lignage-marron.svg) no-repeat;
  background-position: 50% 85%;
}
.page_panier .page .arbo + section + section {
  position: relative;
  z-index: 2;
  background-color: white;
}
.page_panier .page h1 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 600;
}
.page_panier .page h2 {
  font-size: 1.5rem;
}
.page_panier .page h3 {
  font-weight: 600;
}
.page_panier .page form div.editer label,
.page_panier .page form div.editer select,
.page_panier .page form div.editer input:not(.radio):not(.checkbox) {
  display: block;
  max-width: 300px;
}
.page_panier .page form div.editer.editer_modedelivraison {
  margin: 20px 0;
}
.page_panier .page form div.editer.editer_modedelivraison input.radio,
.page_panier .page form div.editer.editer_modedelivraison label {
  display: inline-block;
  vertical-align: middle;
}
.page_panier .page form div.editer label {
  padding-left: 1rem;
  font-size: 0.8rem;
  font-style: italic;
  color: #7e766a;
}
.page_panier .page form div.editer select,
.page_panier .page form div.editer input:not(.radio):not(.checkbox) {
  border-radius: 30px;
}
.page_panier .page form div.editer select:focus,
.page_panier .page form div.editer input:not(.radio):not(.checkbox):focus {
  color: #b3042f;
  border-color: #b3042f;
}
.page_panier .page form div.editer input:not(.radio):not(.checkbox):focus {
  border: 1px solid #7e766a;
  color: #7e766a;
}
.page_panier .page form div.editer select {
  border: 1px solid #dcdee0;
}
.page_panier .page form fieldset legend {
  display: none;
}
.page_panier .page form fieldset p.details {
  text-align: left;
}
.page_panier .page form fieldset p.details a {
  display: block;
  margin-top: 0.8rem;
  color: #7e766a;
}
.page_panier .page form fieldset p.details a:hover {
  color: #b3042f;
}
.page_panier .page p.boutons input.submit {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
  background-color: #ffffff;
  color: #b3042f;
  border: 1px solid #b3042f;
  max-width: 260px;
}
.page_panier .page p.boutons input.submit:hover {
  transform: scale(1.05);
}
.page_panier .page p.boutons input.submit:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
.page_panier .page p.boutons input.submit:hover {
  background-color: #b3042f;
  color: #ffffff;
}
.page_panier .page button.submit {
  background-color: #b3042f;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
}
.page_panier .page button.submit:hover {
  background-color: #7e766a;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier {
  /* Formulaire panier */
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form {
  /* Tableau récap */
  /* Bouton vider le panier */
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table {
  /* Colonnes d'en-tête */
  /* Lignes du tableau */
  /* fin du tableau */
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table thead th {
  background-color: #b3042f;
  color: white;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table tr td {
  color: #7e766a;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form table tr.total_ttc {
  background-color: #f8f8f8;
  color: #7e766a;
}
.page_panier .page #panier .wrapper .ajax .formulaire_panier form p.boutons button.submit {
  color: #7e766a;
}
.page_panier .page form.bouton_action_post div button.submit {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
  background-color: #ffffff;
  color: #b3042f;
  border: 1px solid #b3042f;
  max-width: 260px;
}
.page_panier .page form.bouton_action_post div button.submit:hover {
  transform: scale(1.05);
}
.page_panier .page form.bouton_action_post div button.submit:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
.page_panier .page form.bouton_action_post div button.submit:hover {
  background-color: #b3042f;
  color: #ffffff;
}
.page_panier .page section.connexion .wrapper {
  text-align: center;
}
.page_panier .page section.connexion .wrapper .moitie {
  width: 40%;
  text-align: left;
}
.page_panier .page section.connexion .wrapper .moitie:first-child,
.page_panier .page section.connexion .wrapper .moitie:last-child {
  padding-left: 95px;
}
.page_panier .page section.connexion .wrapper .moitie:last-child {
  border-left: 1px solid #c0bcb6;
}
.page_panier .page section.connexion .wrapper .moitie label span,
.page_panier .page section.connexion .wrapper .moitie label em {
  display: none;
}
.page_panier .page section.connexion .wrapper .moitie .choix {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1rem;
  max-width: 300px;
}
.page_panier .page section.connexion .wrapper .moitie .choix label.nofx {
  margin: 0;
  padding-left: 0.6rem;
}
.page_panier .page section.connexion .wrapper .moitie input.submit {
  display: block;
}
@media (max-width: 1160px) {
  .page_panier .page section.connexion .wrapper .moitie:first-child,
  .page_panier .page section.connexion .wrapper .moitie:last-child {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 880px) {
  .page_panier .page section.connexion .wrapper .moitie {
    width: 100%;
  }
  .page_panier .page section.connexion .wrapper .moitie:last-child {
    border: none;
  }
}
@media (max-width: 640px) {
  .page_panier .page section.connexion .wrapper .moitie {
    text-align: center;
  }
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_login form fieldset .editer-groupe > div label,
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_inscription form fieldset .editer-groupe > div label {
    margin: auto;
    text-align: center;
  }
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_login form fieldset .editer-groupe > div input,
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_inscription form fieldset .editer-groupe > div input {
    margin: auto;
  }
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_login form fieldset .editer-groupe > div p.details,
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_inscription form fieldset .editer-groupe > div p.details {
    text-align: center;
  }
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_login form fieldset .editer-groupe > div .choix input.checkbox,
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_inscription form fieldset .editer-groupe > div .choix input.checkbox {
    margin-left: 5.5rem;
  }
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_login form fieldset .editer-groupe > div .choix label.nofx,
  .page_panier .page section.connexion .wrapper .moitie .formulaire_spip.formulaire_inscription form fieldset .editer-groupe > div .choix label.nofx {
    padding-left: 0;
  }
  .page_panier .page section.connexion .wrapper .moitie input.submit {
    margin: auto;
  }
}
.page_panier .page section.livraison {
  /* Titres */
  /* Texte d'intro sur la confidentialité */
  /* Réponse */
  /* Formulaire d'adresse */
  /* Modes de livraison */
  /* Suite */
}
.page_panier .page section.livraison h3 {
  font-size: 20px;
  line-height: 24px;
}
.page_panier .page section.livraison p.small {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 40px;
}
.page_panier .page section.livraison .reponse_formulaire {
  max-width: 800px;
  font-style: italic;
  margin: auto auto -40px;
  font-size: 13px;
  line-height: 18px;
}
.page_panier .page section.livraison .reponse_formulaire.reponse_formulaire_ok + form .profil_modif {
  display: none;
}
.page_panier .page section.livraison form {
  max-width: 800px;
}
.page_panier .page section.livraison form .editer-groupe {
  /* Présentation sur 2 colonnes */
  /* Formulaire adresse de facturation */
}
.page_panier .page section.livraison form .editer-groupe > .editer {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  width: 50%;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0px;
  /* Arrondi sur les cases */
  /* Autres champs */
  /* Case à cocher pour l'adresse de facturation */
  /* Couleur */
}
.page_panier .page section.livraison form .editer-groupe > .editer.quart {
  width: 25%;
}
.page_panier .page section.livraison form .editer-groupe > .editer.tiers {
  width: 33%;
}
.page_panier .page section.livraison form .editer-groupe > .editer.w40 {
  width: 40%;
}
.page_panier .page section.livraison form .editer-groupe > .editer.moitie {
  width: 50%;
}
.page_panier .page section.livraison form .editer-groupe > .editer.w60 {
  width: 60%;
}
.page_panier .page section.livraison form .editer-groupe > .editer.deuxtiers {
  width: 66%;
}
.page_panier .page section.livraison form .editer-groupe > .editer.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .page_panier .page section.livraison form .editer-groupe > .editer.quart {
    width: 50%;
  }
  .page_panier .page section.livraison form .editer-groupe > .editer.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .page_panier .page section.livraison form .editer-groupe > .editer.quart,
  .page_panier .page section.livraison form .editer-groupe > .editer.tiers,
  .page_panier .page section.livraison form .editer-groupe > .editer.deuxtiers,
  .page_panier .page section.livraison form .editer-groupe > .editer.troisquart,
  .page_panier .page section.livraison form .editer-groupe > .editer.w60,
  .page_panier .page section.livraison form .editer-groupe > .editer.w40 {
    width: 100%;
  }
}
.page_panier .page section.livraison form .editer-groupe > .editer:nth-child(odd) {
  padding-left: 0;
}
.page_panier .page section.livraison form .editer-groupe > .editer:nth-child(even) {
  padding-right: 0;
}
.page_panier .page section.livraison form .editer-groupe > .editer input,
.page_panier .page section.livraison form .editer-groupe > .editer textarea {
  border-radius: 30px;
  max-width: 100%;
}
.page_panier .page section.livraison form .editer-groupe > .editer select {
  max-width: 100%;
}
.page_panier .page section.livraison form .editer-groupe > .editer textarea {
  min-height: 135px;
}
.page_panier .page section.livraison form .editer-groupe > .editer label {
  padding-left: 1rem;
  font-size: 0.8rem;
  font-style: italic;
  color: #7e766a;
}
.page_panier .page section.livraison form .editer-groupe > .editer .choix {
  padding-left: .5rem;
}
.page_panier .page section.livraison form .editer-groupe > .editer .choix label {
  padding-left: 0.3rem;
}
.page_panier .page section.livraison form .editer-groupe > .editer input:focus,
.page_panier .page section.livraison form .editer-groupe > .editer textarea:focus {
  color: #b3042f;
  border-color: #b3042f;
}
.page_panier .page section.livraison form .editer-groupe .suite {
  margin: 40px 0 0;
}
.page_panier .page section.livraison form .editer-groupe .suite:before {
  display: block;
  content: 'Adresse de facturation';
  font-family: 'Playfair Display', serif;
  color: #b3042f;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  font-weight: 600;
  margin-bottom: 20px;
}
.page_panier .page section.livraison .liste {
  margin: 80px 0 ;
}
.page_panier .page section.livraison .liste .liste-items {
  /* Pour chaque mode de livraison */
}
.page_panier .page section.livraison .liste .liste-items li {
  border: 1px solid #dcdee0;
  border-radius: 30px;
  padding: 20px;
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  width: 50%;
  width: 48%;
  padding-left: 100px;
  min-height: 235px;
  position: relative;
}
.page_panier .page section.livraison .liste .liste-items li.quart {
  width: 25%;
}
.page_panier .page section.livraison .liste .liste-items li.tiers {
  width: 33%;
}
.page_panier .page section.livraison .liste .liste-items li.w40 {
  width: 40%;
}
.page_panier .page section.livraison .liste .liste-items li.moitie {
  width: 50%;
}
.page_panier .page section.livraison .liste .liste-items li.w60 {
  width: 60%;
}
.page_panier .page section.livraison .liste .liste-items li.deuxtiers {
  width: 66%;
}
.page_panier .page section.livraison .liste .liste-items li.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .page_panier .page section.livraison .liste .liste-items li.quart {
    width: 50%;
  }
  .page_panier .page section.livraison .liste .liste-items li.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .page_panier .page section.livraison .liste .liste-items li.quart,
  .page_panier .page section.livraison .liste .liste-items li.tiers,
  .page_panier .page section.livraison .liste .liste-items li.deuxtiers,
  .page_panier .page section.livraison .liste .liste-items li.troisquart,
  .page_panier .page section.livraison .liste .liste-items li.w60,
  .page_panier .page section.livraison .liste .liste-items li.w40 {
    width: 100%;
  }
}
.page_panier .page section.livraison .liste .liste-items li button {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  font-size: 0.85rem;
  padding: 0.2rem 1rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 20px;
  left: 99px;
  top: auto;
}
.page_panier .page section.livraison .liste .liste-items li button:hover {
  transform: scale(1.05);
}
.page_panier .page section.livraison .liste .liste-items li button:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
.page_panier .page section.livraison .liste .liste-items li button:hover {
  background-color: #b3042f;
  border-color: #b3042f;
}
.page_panier .page section.livraison .liste .liste-items li strong {
  font-family: 'Playfair Display', serif;
  color: #b3042f;
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
  font-weight: 600;
  margin-bottom: 20px;
}
.page_panier .page section.livraison .liste .liste-items li strong em {
  display: block;
  font-size: 32px;
  line-height: 42px;
  font-style: normal;
}
.page_panier .page section.livraison .liste .liste-items li p {
  font-size: 13px;
  line-height: 18px;
  margin: 20px 0;
}
.page_panier .page section.livraison .liste .liste-items li .spip_logo {
  position: absolute;
  top: 0;
  left: 0;
  top: 20px;
  left: 30px;
}
.page_panier .page section.livraison .liste .liste-items li:first-child {
  margin-right: 3%;
}
.page_panier .page section.livraison .boutons a {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
}
.page_panier .page section.livraison .boutons a:hover {
  transform: scale(1.05);
}
.page_panier .page section.livraison .boutons a:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
.page_panier .page section.coordonnes .wrapper {
  text-align: center;
}
.page_panier .page section.coordonnes .wrapper div .reponse_formulaire.reponse_formulaire_erreur {
  color: #b3042f;
}
.page_panier .page section.coordonnes .wrapper div form {
  max-width: 100%;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe {
  text-align: center;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie {
  width: 30%;
  padding: 0;
  margin-bottom: 2rem;
  text-align: left;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie:first-child {
  padding-right: 95px;
  border-right: 1px solid #c0bcb6;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie:last-child {
  padding-left: 95px;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie h2 {
  margin-bottom: 1rem;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie span.erreur {
  color: #b3042f;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie article {
  margin-top: 2rem;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie article input[type=radio],
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie article strong {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie article input[type=radio] {
  margin-right: 0.7rem;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie article strong {
  color: #7e766a;
}
.page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie article p {
  margin: 10px 0 0 29px;
}
@media (max-width: 880px) {
  .page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie {
    width: 100%;
  }
  .page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie:first-child {
    padding-left: 0;
    border: none;
  }
  .page_panier .page section.coordonnes .wrapper div form div .editer-groupe article.moitie:last-child {
    padding-left: 0;
  }
}
.page_panier .page section.coordonnes-formulaire {
  position: relative;
  z-index: 2;
  background-color: white;
}
.page_panier .page section.coordonnes-formulaire h2 {
  text-align: center;
}
.page_panier .page section.coordonnes-formulaire div .cadre-icone {
  display: none;
}
.page_panier .page section.coordonnes-formulaire div p.reponse_formulaire.reponse_formulaire_erreur {
  margin-top: 1.2rem;
  text-align: center;
  color: #b3042f;
}
.page_panier .page section.coordonnes-formulaire div span.erreur_message {
  color: #b3042f;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  width: 50%;
  padding-bottom: 0;
  padding-top: 0;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.quart {
  width: 25%;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.tiers {
  width: 33%;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.w40 {
  width: 40%;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.moitie {
  width: 50%;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.w60 {
  width: 60%;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.deuxtiers {
  width: 66%;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.quart {
    width: 50%;
  }
  .page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.quart,
  .page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.tiers,
  .page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.deuxtiers,
  .page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.troisquart,
  .page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.w60,
  .page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer.w40 {
    width: 100%;
  }
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer:nth-child(odd) {
  padding-left: 0;
}
.page_panier .page section.coordonnes-formulaire .editer-groupe:not(.champs_extras) .editer:nth-child(even) {
  padding-right: 0;
}
.page_panier .page section.coordonnes-formulaire p.boutons {
  margin-top: 2rem;
}
@media (max-width: 640px) {
  .page_panier .page section.coordonnes-formulaire .editer-groupe {
    column-count: 1;
  }
  .page_panier .page section.coordonnes-formulaire .editer-groupe div {
    margin: 0 auto 15px;
  }
  .page_panier .page section.coordonnes-formulaire .editer-groupe div * {
    margin: auto;
  }
}
.page_panier .page section.recapitulatif .wrapper {
  max-width: 900px;
  /* Votre sélection */
  /* Adresses de livraison et de facturation */
  /* Checkboxes à valider */
  /* Moyens de paiement */
}
.page_panier .page section.recapitulatif .wrapper article {
  margin-bottom: 4rem;
}
.page_panier .page section.recapitulatif .wrapper article:first-child {
  /* Titre */
  /* Tableau récap */
}
.page_panier .page section.recapitulatif .wrapper article:first-child h2 {
  margin-bottom: 3rem;
  text-align: center;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table {
  margin: 20px auto 0;
  border-collapse: collapse;
  text-align: right;
  width: 100%;
  /* Colonnes d'en-tête */
  /* Lignes du tableau */
  /* fin du tableau */
}
.page_panier .page section.recapitulatif .wrapper article:first-child table th {
  background-color: #f8f8f8;
  color: #7e766a;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  padding: 0.5rem 1rem;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table th:nth-child(3),
.page_panier .page section.recapitulatif .wrapper article:first-child table th:nth-child(4),
.page_panier .page section.recapitulatif .wrapper article:first-child table th:nth-child(5) {
  text-align: center;
  min-width: 130px;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td {
  color: #7e766a;
  font-size: 13px;
  line-height: 18px;
  padding: 1rem;
  line-height: 15px;
  /* Description */
  /* Tarifs */
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(2) {
  text-align: left;
  font-size: 11px;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(2) strong {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(2) em {
  font-style: normal;
  font-weight: bold;
  font-weight: 600;
  text-transform: uppercase;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(3),
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(4),
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(5) {
  text-align: center;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(3) abbr,
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(4) abbr,
.page_panier .page section.recapitulatif .wrapper article:first-child table tr td:nth-child(5) abbr {
  text-decoration: none;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tfoot {
  background-color: #f8f8f8;
  color: #7e766a;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tfoot tr td {
  padding: 0.4rem 1rem;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tfoot tr td:nth-child(2) {
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 600;
}
.page_panier .page section.recapitulatif .wrapper article:first-child table tfoot tr td:nth-child(3) {
  font-weight: bold;
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
}
.page_panier .page section.recapitulatif .wrapper .adresse {
  text-align: left;
  padding-left: 0;
  padding-bottom: 0;
}
.page_panier .page section.recapitulatif .wrapper .adresse + .adresse {
  padding-right: :0;
}
.page_panier .page section.recapitulatif .wrapper .adresse h2 {
  margin-bottom: 1rem;
  position: relative;
}
.page_panier .page section.recapitulatif .wrapper .adresse h2 span {
  background-color: white;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
  padding-right: 15px;
}
.page_panier .page section.recapitulatif .wrapper .adresse h2:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f8f8f8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 8px;
  top: auto;
  z-index: 1;
}
.page_panier .page section.recapitulatif .wrapper .adresse p {
  font-size: 13px;
  line-height: 18px;
  color: #7e766a;
  padding: 0.3rem 0;
  margin: 0;
}
.page_panier .page section.recapitulatif .wrapper .adresse p:nth-of-type(1) {
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 600;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(4) {
  font-size: 13px;
  line-height: 18px;
  color: #7e766a;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(4) p {
  max-width: 500px;
  margin: 0;
  margin-bottom: 1rem;
  color: #b3042f;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(4) div {
  margin-bottom: 10px;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(4) div *:not(a) {
  display: inline-block;
  vertical-align: middle;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(4) div a {
  font-style: italic;
  text-decoration: underline;
  color: #7e766a;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(4) div input {
  margin-right: 5px;
  color: #b3042f;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) {
  padding: 0;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) h3,
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) h4 {
  display: none;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) h2 {
  position: relative;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) h2 span {
  background-color: white;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
  padding-right: 15px;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) h2:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f8f8f8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 8px;
  top: auto;
  z-index: 1;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) .boutons {
  background: url(//www.projobois.com/squelettes/images/svg/moyen-de-paiement.png) no-repeat;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) .boutons form {
  margin-top: 7rem;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) .boutons form button {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 0.4rem 1rem;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) .boutons form button:hover {
  transform: scale(1.05);
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) .boutons form button:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) .boutons form button:hover {
  background-color: #b3042f;
  border-color: #b3042f;
}
.page_panier .page section.recapitulatif .wrapper article:nth-child(5) {
  display: none;
}
@media (max-width: 880px) {
  .page_panier .page section.recapitulatif .wrapper article:nth-child(2),
  .page_panier .page section.recapitulatif .wrapper article:nth-child(3) {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .page_panier .page section.recapitulatif .wrapper article:first-child table thead tr th:nth-child(2),
  .page_panier .page section.recapitulatif .wrapper article:first-child table tbody tr td:nth-child(2),
  .page_panier .page section.recapitulatif .wrapper article:first-child table tfoot tr td:nth-child(3) {
    display: none;
  }
}
@media (max-width: 640px) {
  .page_panier .page footer {
    padding: 0;
  }
  .page_panier .page footer .wrapper .colonne {
    padding: 20px 15px;
  }
}
/* Carousel WEB & Cie */
.carousel_wec {
  position: relative;
  /* Conteneur */
  /* Flèches de navigation */
}
.carousel_wec .grand_conteneur {
  overflow: hidden;
}
.carousel_wec .grand_conteneur .liste {
  transition: all 0.5s ease;
  width: 30000px;
  text-align: left;
}
.carousel_wec .grand_conteneur .liste article {
  position: relative;
  transition: all ease 0.3s;
  overflow: hidden;
  display: inline-block;
}
.carousel_wec .precedent,
.carousel_wec .suivant {
  position: absolute;
  top: 45%;
  padding: 7px;
  height: 35px;
  width: 35px;
  cursor: pointer;
  transform: scale(0.8);
  transition: all 0.2s ease;
  left: 0;
}
.carousel_wec .suivant {
  display: block;
  position: relative;
  height: 34px;
  border: 1px solid #c0bcb6;
  cursor: pointer;
  position: absolute;
  left: auto;
  right: -70px;
  top: 30px;
}
.carousel_wec .suivant:hover {
  border: 1px solid #67747c;
  z-index: 1;
}
.carousel_wec .precedent {
  display: block;
  position: relative;
  height: 34px;
  border: 1px solid #c0bcb6;
  cursor: pointer;
  position: absolute;
  left: auto;
  right: -70px;
  top: 57px;
  display: none;
}
.carousel_wec .precedent:hover {
  border: 1px solid #67747c;
  z-index: 1;
}
/* Diaporama WEB & Cie */
/* Développement : Arthur Verneret */
/* Nécessite LESS et jQuery */
#diaporama {
  padding: 0;
}
#diaporama .wrapper {
  width: 100%;
  max-width: 10000px;
}
.diaporama {
  position: relative;
  /* Version smartphone */
}
.diaporama ul.medias {
  position: relative;
  z-index: 11;
  overflow: hidden;
  width: 100%;
}
.diaporama ul.medias li {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 0;
  opacity: 0;
  transition: all 0.2s ease;
  width: 100%;
  /* Version tablette et smartphone */
}
.diaporama ul.medias li img {
  width: 100%;
  height: auto;
}
.diaporama ul.medias li.on {
  opacity: 1;
  z-index: 11;
}
@media screen and (max-width: 880px) {
  .diaporama ul.medias li {
    /* Légendes */
  }
  .diaporama ul.medias li div {
    top: 15%;
    left: 5%;
  }
}
.diaporama .controles {
  position: relative;
  z-index: 1;
}
.diaporama .controles .suivant,
.diaporama .controles .precedent {
  cursor: pointer;
}
.diaporama ul.pastilles {
  position: absolute;
  top: 0;
  left: 0;
  left: auto;
  right: 10px;
  top: 50%;
  z-index: 11;
}
.diaporama ul.pastilles li {
  list-style: none;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-bottom: 5px;
  transition: all 0.2s ease;
  cursor: pointer;
  background-color: white;
}
@media (max-width: 1160px) {
  .diaporama {
    margin-top: 70px;
  }
  .diaporama ul.medias {
    overflow: auto;
  }
  .diaporama ul.medias li {
    position: relative;
    display: none;
  }
  .diaporama ul.medias li.on {
    display: block;
  }
  .diaporama ul.medias li figcaption {
    position: relative;
  }
}
/* Couleurs */
/* Typos et texte*/
.playfair-display {
  font-family: 'Playfair Display', serif;
}
.open-sans {
  font-family: 'Open Sans', sans-serif;
}
.rock-salt {
  font-family: 'Rock Salt', cursive;
}
.gras {
  font-weight: 600;
}
/* Responsive */
/* Général */
html,
body {
  font-family: 'Open Sans', sans-serif;
  color: #171718;
  scroll-behavior: smooth;
}
ul {
  list-style: none;
}
.hauteurmin {
  min-height: 400px;
}
/* Titres */
h1,
h2,
h3 {
  font-family: 'Playfair Display', serif;
  color: #b3042f;
}
h1 {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: bold;
  font-weight: 600;
}
h2 {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.3rem;
}
.intro {
  text-align: center;
}
/* Composants */
.flex {
  display: flex;
  flex-wrap: wrap;
}
/* Formulaire */
.input-border-radius {
  border-radius: 30px;
}
.label-form {
  padding-left: 1rem;
  font-size: 0.8rem;
  font-style: italic;
  color: #7e766a;
}
/* Boutons */
.bouton {
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
}
.bouton:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
.bouton-rouge {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
  background-color: #ffffff;
  color: #b3042f;
  border: 1px solid #b3042f;
  max-width: 260px;
}
.bouton-rouge:hover {
  transform: scale(1.05);
}
.bouton-rouge:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
.bouton-rouge:hover {
  background-color: #b3042f;
  color: #ffffff;
}
/* style d'une liste de la page d'accueil */
.li-style1 {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 20px 30px;
  min-height: 183px;
  padding-left: 3.5rem;
  color: #7e766a;
  background-size: 20px;
}
.li-style1.quart {
  width: 25%;
}
.li-style1.tiers {
  width: 33%;
}
.li-style1.w40 {
  width: 40%;
}
.li-style1.moitie {
  width: 50%;
}
.li-style1.w60 {
  width: 60%;
}
.li-style1.deuxtiers {
  width: 66%;
}
.li-style1.troisquart {
  width: 75%;
}
@media screen and (max-width: 880px) {
  .li-style1.quart {
    width: 50%;
  }
  .li-style1.moitie {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .li-style1.quart,
  .li-style1.tiers,
  .li-style1.deuxtiers,
  .li-style1.troisquart,
  .li-style1.w60,
  .li-style1.w40 {
    width: 100%;
  }
}
.li-style1 strong {
  display: block;
  color: #b3042f;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 900;
}
.li-style1 i {
  display: block;
  margin-top: 0.8rem;
  font-size: 0.8rem;
  line-height: 18px;
  font-style: normal;
}
.li-style1 i span {
  font-style: normal;
  font-weight: 600;
}
.li-style1 i em {
  display: block;
}
/* Images de règles en background dans les pseudo-éléments before et after */
.regle {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: -4rem;
  bottom: 15px;
  top: auto;
  z-index: 1;
  width: 70px;
  height: 40px;
  background: url(//www.projobois.com/squelettes/images/svg/regle.svg) no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
/* Prix affiché en gros sur les pages  */
.gros-prix {
  font-size: 3rem;
  font-family: 'Playfair Display', serif;
  font-weight: 600;
}
/* Style de la div liste produit  */
.produits {
  text-align: center;
}
.produits a {
  display: inline-block;
  vertical-align: top;
}
.produits a article {
  display: inline-block;
  vertical-align: top;
  margin: 1rem;
  padding: 0 0 1rem;
  max-width: 250px;
  background-color: #ffffff;
  outline: 1px solid #ffffff;
  color: #7e766a;
  overflow: hidden;
  transition: all 0.2s ease;
}
.produits a article img {
  transition: all 0.2s ease;
}
.produits a article h3 {
  color: #7e766a;
  font-weight: bold;
  font-weight: 600;
  margin-top: 0.2rem;
}
.produits a article p {
  margin-top: 5px;
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.produits a article span {
  font-size: 1.5rem;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
  font-weight: 600;
}
.produits a article:hover {
  outline: 1px solid #c0bcb6;
}
.produits a article:hover img {
  transform: scale(1.05);
}
/* Fleche de carousel  */
.fleche {
  display: block;
  position: relative;
  height: 34px;
  border: 1px solid #c0bcb6;
  cursor: pointer;
}
.fleche:hover {
  border: 1px solid #67747c;
  z-index: 1;
}
.fleche-droite {
  display: block;
  position: relative;
  height: 34px;
  border: 1px solid #c0bcb6;
  cursor: pointer;
  background: url(//www.projobois.com/squelettes/images/svg/fleche-droite-produit.svg) no-repeat;
  background-position: 50%;
}
.fleche-droite:hover {
  border: 1px solid #67747c;
  z-index: 1;
}
.fleche-gauche {
  display: block;
  position: relative;
  height: 34px;
  border: 1px solid #c0bcb6;
  cursor: pointer;
  background: url(//www.projobois.com/squelettes/images/svg/fleche-gauche-produit.svg) no-repeat;
  background-position: 50%;
  margin-top: -1px;
}
.fleche-gauche:hover {
  border: 1px solid #67747c;
  z-index: 1;
}
.fleches-carousel {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  left: auto;
  width: 34px;
  height: 68px;
}
/* Fil d'ariane */
.arbo {
  margin-top: 140px;
  font-size: 0.85rem;
  font-style: italic;
  color: #7e766a;
}
.arbo a:hover {
  color: #b3042f;
}
/* Bannière RGPD des cookies */
#banniere-cookie {
  font-family: 'Open Sans', sans-serif;
}
#banniere-cookie .cicb_boutons a {
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 23px;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s ease;
  text-align: center;
  max-width: 230px;
  padding: 0.6rem 2rem;
  background-color: transparent;
  border: 1px solid #7e766a;
  color: #7e766a;
  font-family: 'Playfair Display', serif;
  font-size: 1.1rem;
  font-weight: 600;
  font-size: 0.8rem;
  font-family: 'Open Sans', sans-serif;
}
#banniere-cookie .cicb_boutons a:hover {
  transform: scale(1.05);
}
#banniere-cookie .cicb_boutons a:hover {
  background-color: #7e766a;
  color: #ffffff;
  transform: none;
}
#banniere-cookie .cicb_boutons a:nth-child(2) {
  background-color: #b3042f;
  border: 1px solid #ffffff;
}
#banniere-cookie .cicb_boutons a:nth-child(2):hover {
  background-color: #ffffff;
  color: #b3042f;
  border: 1px solid #b3042f;
}
#banniere-cookie .cicb_boutons a:hover {
  border: 1px solid #ffffff;
}
/* Pour la section 3 ("le sur-mesure") et la section 4 ("le service en plus") */
/* On crée une class qui permet de transformer tous les strong de début de paragraphe en style de titre (les h2 sont masqués car plus simples pour le positionnement des textes, les strongs prennent visuellement parlant le rôle des h2 */
.titre-article {
  display: block;
  margin-bottom: 2.3rem;
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  font-weight: 600;
}
.titre-article i {
  display: block;
  margin-top: 0.7rem;
  font-style: normal;
}
/* Page 404 */
.page_404 .page {
  margin-top: 10rem;
}
.page_404 .page section .wrapper {
  text-align: center;
}
.page_404 .page section .wrapper a {
  color: #b3042f;
}
.page_404 .page section .wrapper a:hover {
  color: #67747c;
}