@charset "UTF-8";


@font-face {
    font-family: 'Gunplay';
    src: url('../font/gunplay/gunplay.woff2') format('woff2'),
         url('../font/gunplay/gunplay.woff') format('woff'),
         url('../font/gunplay/gunplay.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../font/oswald_var.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../font/roboto_400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../font/roboto_700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../font/roboto_900.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*html {background-image: repeating-linear-gradient(90deg, #fff, #fff 3.125%, #ececec 3.125%, #ececec 6.25%);}*/
.debug {
    position: absolute;
    font-size: .85em;
    background-color: #333;
    color: #fff;
}

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.relative {
    position: relative;    
}

/*** GLOBAL ***/
::-moz-selection {
  background-color: #23232C;
  color: #ffffff;
}
::selection {
  background-color: #23232C;
  color: #ffffff;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
em {
    font-family: 'IBM Plex Serif', serif;
    font-style: italic;
}

/*** RESPONSIVE ***/
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
object,
video {
    height: auto;
    max-width: 100%;
}

img {
    width: auto;
    width: 100%;
    vertical-align: middle;
}
video {
    width: 100%;
}

/* CLEARFIX
***********/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* FONT
***********/
:root {
  --font-family-body : 'IBM Plex Sans', Arial, sans-serif;
  --font-weight-body : 400;
  --letter-spacing-body : auto;
  --line-height-body : 1.4;
  --font-family-tit  : 'IBM Plex Sans', Arial, sans-serif;
  --font-weight-strong : 700;
  --color-body: #030303;
  --color-tit:  #4b4b4b;
  --color2:     #e5dc68;
  --bg-color1:  #FFF;
  --bg-color2:  #e5dc68;
  --bg-color3:  #e5dc68;
  --padbloc:  1.5em;    
}
html {
  font-size: 62.5%;
  font-size: calc( 1em * .625 );
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  /*background-color: #fff;*/
  font-size: 1.6em; /* 16px */
}
@media (min-width: 1000px) {
    body {
        font-size: 1.8em; /* 18px */
    }
}
@media (min-width: 1400px) {
    body {
        font-size: 2em; /* 20px */
    }
}
a {
  color: #030303; 
}
p {
    margin: 0 0 .75em 0;
}
strong, b {
    font-weight: 700;
}
i {
    font-style: italic;
}
.uc {
    text-transform: uppercase;
}
.pdlr {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
}
.pdlr2 {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
}
@media (min-width: 480px) {
    .pdlr {
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
    .pdlr2 {
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
    .pdlr--3 {
        padding-left: 3.125%;
    }
}
@media (min-width: 900px) {
    .pdlr {
        padding-left: 9.375%;
        padding-right: 9.375%;
    }
    .pdlr2 {
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
    .pdlr--3 {
        padding-left: 3.125%;
    }
}

/* NAV */
.burger__cont {
    position: fixed;
    z-index: 2000;
    top: 1.5em;
    right: 6.25%;
    mix-blend-mode:difference
}
@media (min-width: 900px) {
    .burger__cont {
        right: 9.375%;
    }
}

@media (min-width: 900px) {
    .burger__cont {
        top: 4em;
    }
}
.burger {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    cursor: pointer;
    outline: none;
}
.burger span {
    font-size: 1.5em;
    font-weight: 900;
    text-transform: uppercase;
    color:#fff;
    padding: 1em;
    margin-right: -1em;
}
@media (min-width: 700px) {
    .burger span {
        font-size: 2em;
    }
}
.is-active .burger span::before {
    content: "Fermer ";
}
.navopen__cont {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    min-height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.95);
    transition: all ease .3s;
    color: #fff;
}
.navopen__cont a {
    color: #fff;
    text-decoration: none;
}
.is-active .navopen__cont {
    display: block;
}
.navcont {
    margin-top: 5em;
}
.navcont__1 {
    text-align: center;
}
.navcont__2 {
    text-align: center;
}
.navcont2__1 {
    margin-top: 1em;
    text-align: center;
}
.navcont2__2 {
    text-align: center;
}
.navcont2__3 {
    text-align: center;
}
@media (min-width: 640px) {
    .navcont {
        margin-top: 9em;
        display: flex;
        display: -ms-flexbox;
    }
    .navcont__1 {
        width: 50%;
        text-align: right;
        padding-right: 1em;
    }
    .navcont__2 {
        width: 50%;
        text-align: right;
        padding-left: 1em;
    }
    .navcont2 {
        margin-top: 1.5em;
        display: flex;
        display: -ms-flexbox;
    }
    .navcont2__1 {
        margin-top: 0;
        width: 33.3333%;
        text-align: left;
    }
    .navcont2__2 {
        width: 33.3333%;
        text-align: center;
    }
    .navcont2__3 {
        width: 33.3333%;
        text-align: right;
    }
}
@media (min-width: 1600px) {
    .navcont {
        margin-top: 12em;
    }    
}

.nav li {

}
.nav li a {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 1.6em;
    text-transform: uppercase;
    line-height: 1.1;
    text-decoration: none;
    color: #fff;
    padding: .05em 0;
}
@media (min-width: 340px) {
    .nav li a {
        font-size: 2em;
    }
}
@media (min-width: 800px) {
    .nav li a {
        font-size: 2.5em;
    }
}
@media (min-width: 1200px) {
    .nav li a {
        font-size: 3em;
    }
}
@media (min-width: 1700px) {
    .nav li a {
        font-size: 4em;
    }
}
.nav--coul1 li a {
    color: rgba(255,255,255,.5);
}
.nav li a:hover, .nav li.activ a {
    color: rgba(255,255,255,.5);
}
.nav--coul1 li a:hover, .nav--coul1 li.activ a {
    color: #fff;
}


/*LOGO*/
.header__cont {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    color: #fff;
}
.logo {
    position: absolute;
    top: 1em;
    z-index: 20;
    display: block;
    text-decoration: none;
    text-indent: -999em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 131'%3E%3Cpath d='M21.71 109.05h54.87V98.16h-43.9V32.84h43.9V21.95H21.71v87.1Z' style='fill:%23fff'/%3E%3Cpath d='M0 0v131h80.88L120 91.86V39.15L80.88 0H0Zm109.09 87.34-32.72 32.75H10.91V10.92h65.46l32.72 32.75v43.67Z' style='fill:%23fff'/%3E%3Cpath d='M76.46 54.53V43.55H43.54v43.9h32.92V76.47H54.51V54.53h21.95Z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-size: 4.5em 4.9em;
    background-repeat: no-repeat;
    width: 4.5em;
    height: 4.9em;
}
.global--bgblc .logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 131'%3E%3Cpath d='M21.71 109.05h54.87V98.16h-43.9V32.84h43.9V21.95H21.71v87.1Z' style='fill:%23000'/%3E%3Cpath d='M0 0v131h80.88L120 91.86V39.15L80.88 0H0Zm109.09 87.34-32.72 32.75H10.91V10.92h65.46l32.72 32.75v43.67Z' style='fill:%23000'/%3E%3Cpath d='M76.46 54.53V43.55H43.54v43.9h32.92V76.47H54.51V54.53h21.95Z' style='fill:%23000'/%3E%3C/svg%3E");
}
.navopen__cont .logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 131'%3E%3Cpath d='M21.71 109.05h54.87V98.16h-43.9V32.84h43.9V21.95H21.71v87.1Z' style='fill:%23fff'/%3E%3Cpath d='M0 0v131h80.88L120 91.86V39.15L80.88 0H0Zm109.09 87.34-32.72 32.75H10.91V10.92h65.46l32.72 32.75v43.67Z' style='fill:%23fff'/%3E%3Cpath d='M76.46 54.53V43.55H43.54v43.9h32.92V76.47H54.51V54.53h21.95Z' style='fill:%23fff'/%3E%3C/svg%3E");
}
@media (min-width: 700px) {
    .logo {
        top: 3em;
        background-size: 6em 6.55em;
        width: 6em;
        height: 6.55em;
    }
}
@media (min-width: 1600px) {
    .logo {
        background-size: 9em 7.5em;
        width: 9em;
        height: 7.5em;
    }
}
.bgnoir {
    background-color: #000;
}
.homvid__cont {
    
}
.homvid {
    position: relative;
    width: 100%;
    padding-top: 100%;
}
@media (min-width: 640px) {
    .homvid {
        padding-top: 50%;
    }    
}
.homvid__btn {
    position: absolute;
    z-index: 5;
    right: 9.375vw;
    bottom: 1.5625vw;
}
.homvid__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.flech-cache-noir {
    position: absolute;
    z-index: 100;
    width: 100%;
    bottom: 0;
}
.flech-cache-noir polygon {
    fill: #000;
}
@media (min-width: 1200px) {
    .flech-cache-noir--blc polygon {
        fill: #fff;
    }
}
.cache-noir-trans {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.txtdefil {
  position: absolute;
  z-index: 150;
  top: 60%;
  left: 0;
  display: block;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 4em;
}
.txtdefil--2 {
    z-index: 140;
    top: 59%;
}
.txtdefil--avis {
    position: relative;
    top:auto;
    left: auto;
    margin-top: 2em;
}
.txtdefil--rubhead {
    position: relative;
    top:auto;
    left: auto;
}
.txtdefil div {
  position: absolute;
  z-index: 0;
  min-width: 100%; /* au minimum la largeur du conteneur */
}
.txtdefil div span,
.txtdefil div:after {
  font-family: 'Oswald', sans-serif;
  font-size: 4em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.05;
  color: #FFFFFF;
  /*
  color:transparent;
  -webkit-text-stroke: 1px #CB0000;
  text-stroke: 1px #CB0000;
  */
  position: relative;
  display: inline-block; 
  white-space: nowrap;
  top:0;
}
.txtdefil--hom2bloc div span,
.txtdefil--hom2bloc div:after {
    color: #F7F7F7;
    z-index: 1;
}
/*
.txtdefil--2 div span,
.txtdefil--2 div:after {
  -webkit-text-stroke: 1px #CB0000;
  text-stroke: 1px #CB0000;
}
*/
.txtdefil--avis div span,
.txtdefil--avis div:after {
  /*
  -webkit-text-stroke: 1px #CB0000;
  text-stroke: 1px #CB0000;
  */
}
@media (min-width: 700px) {
    .txtdefil {
      top: auto;
      bottom: 16%;
      height: 8em;
    }
    .txtdefil--2 {
      top: 39%;
    }
    .txtdefil--avis {
      margin-top: -4em;
    }
    .txtdefil div span, 
    .txtdefil div:after {
      font-size: 8em;
      /*
      -webkit-text-stroke: 2px #CB0000;
      text-stroke: 2px #CB0000;
      */
    }
    
    .txtdefil--2 div span, 
    .txtdefil--2 div:after {
      font-size: 8em;
      /*
      -webkit-text-stroke: 2px #CB0000;
      text-stroke: 2px #CB0000;
      */
    }
    
    .txtdefil--avis div span, 
    .txtdefil--avis div:after {
      font-size: 8em;
      /*
      -webkit-text-stroke: 2px #CB0000;
      text-stroke: 2px #CB0000;
      */
    }
}
@media (min-width: 1200px) {
    .txtdefil {
      height: 12em;
    }
    .txtdefil--avis {
      margin-top: 6em;
    }
    .txtdefil div span, 
    .txtdefil div:after {
      font-size: 12em;
    }
}

.txtdefil div span {
  animation: defilement 20s infinite linear;
}
.txtdefil--2 div span {
  animation-duration: 20.2s;
}
.txtdefil div:after {
  position: absolute;
  top:0; left:0;
  content:attr(data-text);
  animation: defilement2 20s infinite linear;
}
.txtdefil--2 div:after {
  animation-duration: 20.2s;
}
 
@keyframes defilement {
  0% { margin-left: 0; }
  100% { margin-left: -100%; }
}
 
@keyframes defilement2 {
  0% { margin-left: 100%; }
  100% { margin-left: 0%; }
}

.editor--blanc {
    color: #fff;
}
.editor p, .editor ul, .editor ol  {
    font-size: .85em;
}
.editor--big p, .editor--big ul, .editor--big  h1  {
    font-size: 1em;
    font-weight: 400;
}
@media (min-width: 900px) {
    .editor--big p, .editor--big ul, .editor--big ol, .editor--big  h1  {
        font-size: 1.15em;
        font-weight: 700;
    }
}
@media (min-width: 1200px) {
    .editor--big p, .editor--big ul, .editor--big ol, .editor--big  h1  {
        font-size: 1.35em;
    }
}
@media (min-width: 1600px) {
    .editor--big p, .editor--big ul, .editor--big ol, .editor--big  h1  {
        font-size: 1.65em;
    }
}
.editor--blanc a {
    color: #fff;
}
.editor ul, .editor ol  {
    padding-left: 1em;
    margin: .75em 0;
}
.editor ol {
    list-style: decimal;
}
.editor ul {
    list-style: disc;
}
.hombloc1 {
    padding-top: 9.375vw;
    padding-bottom: 9.375vw;
}
.bouton {
    font-family: 'Oswald', sans-serif;
    position: relative;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: .5em;
    padding-bottom: .5em;
    color: #000;
    padding-left: 2.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    transition: padding-left ease .3s;
}
.js .bouton.animscroll::before {
    width: 0;
}
.js .bouton.animscroll {
    padding-left: 0;
}
.js .bouton.animscroll--go::before {
    width: 2em;
}
.js .bouton.animscroll {
    padding-left: 0;
}
.js .bouton.animscroll--go {
    padding-left: 2.5em;
}
.js .bouton.animscroll:hover {
    padding-left: 3.5em;
}
.js .bouton.animscroll--go:hover::before {
    width: 3em;
}
.bouton::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.2em;
    height: 1px;
    width: 2em;
    background-color: #000;
    transition: width ease .3s;
}
.bouton:hover {
    padding-left: 3.5em;
}
.bouton:hover::before {
    width: 3em;
}
.bouton--blc {
    color: #fff;
}
.bouton--blc::before {
    background-color: #fff;
}
.bouton2 {
    position: relative;
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    font-weight: 900;
    background-color: #fff;
    border: 4px solid #CB0000;
    text-decoration: none;
    text-transform: uppercase;
    padding: .75em 1.5em;
    color: #CB0000;
    margin-top: 1em;
    margin-bottom: 1em;
}
.bouton2:hover {
    background-color: #CB0000;
    color: #fff;
}
.homico {
    margin-top: 4em;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.homico a {
    margin-bottom: 3em;
    width: 50%;
    text-align: center;
}
.homico svg {
    width: 8em;
    height: 6.57em;
}
.js .homico.animscroll a {
    opacity: 0;
    transition: opacity ease 1s;
}
.js .homico.animscroll--go a {
    opacity: 1;
}
.js .homico.animscroll a:nth-child(1) {
    transition-delay: 0;
}
.js .homico.animscroll a:nth-child(2) {
    transition-delay: .2s;
}
.js .homico.animscroll a:nth-child(3) {
    transition-delay: .4s;
}
.js .homico.animscroll a:nth-child(4) {
    transition-delay: .6s;
}
.js .homico.animscroll a:nth-child(5) {
    transition-delay: .8s;
}
@media (min-width: 640px) {
    .homico a {
        width: 33.3333%;
    }
}
.hombloc1__1 {
    color: #fff;
}
@media (min-width: 900px) {
    .hombloc1 {
        
    }
    .hombloc1__1--atelier {
        max-width: 940px;
    }
    .hombloc1__2 {
        
    }
    .homico {
        /*
        flex-wrap: nowrap;
        flex-direction: column;
        margin-top: 0;
        */
    }
    .homico a {
        width: 20%;
    }
    .homico svg {
        /*
        width: 12em;
        height: 9.85em;
        */
        width: 100%;
        height: auto;
        padding: 10%;
    }
}
@media (min-width: 1600px) {
    .homico a {
        margin-bottom: 6em;
    }
}
.bgblanc {
    background-color: #fff;
    padding-bottom: 5em;
}
.bigtit {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2.5em;
    line-height: 1.175;
    color: #000;
    margin-top: .5em;
}
.bigtit--blc {
    color: #fff;
}
.bigtit--pt {
    font-size: 2em;
}
@media (min-width: 900px) {
    .bigtit {
        margin-top: 0;
        font-size: 3em;
    }
    .bigtit--pt {
        font-size: 2.5em;
    }
}
@media (min-width: 1600px) {
    .bigtit {
        margin-top: 0;
        font-size: 4em;
    }
    .bigtit--pt {
        font-size: 3em;
    }
}
h2 {
    font-size: 1.20em;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: .75em;
}
.hom2bloc h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 2em;
    line-height: 1.25;
    text-transform: uppercase;
    margin-top: 0.75em;
}
.hom2bloc__txt--home h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1.25;
    text-transform: none;
    margin-top: 0.75em;
}
.hom2bloc {
    position: relative;
    padding-top: 6em;
}
.hom2bloc__img {
    position: relative;
    /*overflow: hidden;*/
}
@media (min-width: 900px) {
    .hom2bloc {
        display: flex;
        display: -ms-flexbox;
        padding-top: 9em;
        padding-bottom: 9em;
    }
    .hom2bloc__img {
        width: 50%;
    }
    .hom2bloc__txt {
        padding-left: 9.375vw;
        width: 50%;
    }
    .hom2bloc--pair .hom2bloc__txt {
        order: 1;
        padding-left: 0;
        padding-right: 9.375vw;
    }
    .hom2bloc--pair .hom2bloc__img {
        order: 2;
    }
    .hom2bloc h2 {
        margin-top: 0;
    }
    .hom2bloc__txt--home h2 {
        margin-top: .75em;
    }
}
/*
.js .hom2bloc__img.animscroll img {
    transform: scale(1.05);
    transition: transform 1s ease;
}
.js .hom2bloc__img.animscroll--go img {
    transform: scale(1);
}
*/

/*
.js .hom2bloc__img.animscroll .hom2bloc__imgov {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4em #fff solid;
    transition: border 1s ease;
}
*/
.js .hom2bloc__img.animscroll img {
    filter: grayscale(0);
    transform: scale(1.05);
    transition: all ease 1s;
}
.js .hom2bloc__img.animscroll--go .hom2bloc__imgov {
    border: 0 #fff solid;
}
.js .hom2bloc__img.animscroll--go img {
    filter: grayscale(1);
    transform: scale(1);
}
.js .hom2bloc__img.animscroll--go img:hover {
    filter: grayscale(0);
}

.hom2bloc_ico {
    position: fixed;
    display: none;
    z-index: 0;
    left: 0;
    top: 1.5em;
    width: 100%;
    height: auto;
}
.itemshow {
    display: none;
}
.item0 .itemshow0, .item1 .itemshow1, .item2 .itemshow2, .item3 .itemshow3, .item4 .itemshow4, .item5 .itemshow5, .item6 .itemshow6 {
    display: block;
}
.item0, .item1, .item2, .item3, .item4, .item5, .item6 {
    display: block;
}
@media (min-width: 900px) {
    .hom2bloc_ico {
        left: 0;
        top: calc(50% - 5em);
        height: 11.49em;
    }
}
@media (min-width: 1600px) {
    .hom2bloc_ico {
        height: 14.75em;
    }
}
.item13 {
    display: block;
}
/*
.item12 {
    display: block;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 197'%3E%3Ctitle%3ECouverture%3C/title%3E%3Cpolygon points='139.04 81.52 174.3 46.24 167.24 39.18 124.99 81.45 124.99 4.42 115.01 4.42 115.01 81.45 72.76 39.18 65.7 46.24 100.96 81.52 14.4 81.52 14.4 91.5 110.94 91.5 114.94 91.5 115.01 91.5 124.99 91.5 125.06 91.5 129.06 91.5 222.53 91.5 222.53 81.52 139.04 81.52'/%3E%3Cpolygon points='120 0 0 92.6 6.09 100.5 120 12.61 233.91 100.5 240 92.6 120 0' style='fill:%23cb0000'/%3E%3Cpolygon points='71 12.75 45.62 12.75 45.62 47.95 71 28.36 71 12.75' style='fill:%23cb0000'/%3E%3Cpolygon points='212.14 99.27 212.14 187.02 187.98 187.02 187.98 197 212.14 197 217.13 197 222.12 197 222.12 99.27 212.14 99.27' style='fill:%23000'/%3E%3Cpolygon points='24.38 99.27 14.4 99.27 14.4 197 19.39 197 24.38 197 150.9 197 150.9 187.02 24.38 187.02 24.38 99.27' style='fill:%23000'/%3E%3C/svg%3E");
}
.item13 {
    display: block;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 197'%3E%3Ctitle%3ECharpente%3C/title%3E%3Cpolygon points='139.04 81.52 174.3 46.24 167.24 39.18 124.99 81.45 124.99 4.42 115.01 4.42 115.01 81.45 72.76 39.18 65.7 46.24 100.96 81.52 14.4 81.52 14.4 91.5 110.94 91.5 114.94 91.5 115.01 91.5 124.99 91.5 125.06 91.5 129.06 91.5 222.53 91.5 222.53 81.52 139.04 81.52' style='fill:%23cb0000'/%3E%3Cpolygon points='120 0 0 92.6 6.09 100.5 120 12.61 233.91 100.5 240 92.6 120 0' style='fill:%23000'/%3E%3Cpolygon points='71 12.75 45.62 12.75 45.62 47.95 71 28.36 71 12.75' style='fill:%23000'/%3E%3Cpolygon points='212.14 99.27 212.14 187.02 187.98 187.02 187.98 197 212.14 197 217.13 197 222.12 197 222.12 99.27 212.14 99.27' style='fill:%23000'/%3E%3Cpolygon points='24.38 99.27 14.4 99.27 14.4 197 19.39 197 24.38 197 150.9 197 150.9 187.02 24.38 187.02 24.38 99.27' style='fill:%23000'/%3E%3C/svg%3E");
}
.item14 {
   display: block;
   background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 197'%3E%3Ctitle%3EZinguerie%3C/title%3E%3Cpolygon points='213.88 99.27 213.88 187.02 189.72 187.02 189.72 197 213.88 197 218.87 197 223.86 197 223.86 99.27 213.88 99.27' style='fill:%23000'/%3E%3Cpolygon points='26.12 104.78 16.14 104.78 16.14 197 21.13 197 26.12 197 152.64 197 152.64 187.02 26.12 187.02 26.12 104.78' style='fill:%23000'/%3E%3Cpath d='M240,92.6,120,0,0,92.6l6.1,7.9,11.66-9H222.24l11.66,9ZM30.7,81.52,70.37,50.91,101,81.52ZM78.33,44.76,115,16.46v65ZM125,81.45v-65l36.68,28.3Zm14,.07,30.59-30.61L209.3,81.52Z' style='fill:%23000'/%3E%3Cpolygon points='71 12.75 45.62 12.75 45.62 47.95 71 28.36 71 12.75' style='fill:%23cb0000'/%3E%3Cpath d='M17.83,93.57H1.35a8.31,8.31,0,0,0,8.32,8.32,8.49,8.49,0,0,0,2.09-.27l23.89,23.89V197h10V121.24h0Z' style='fill:%23cb0000'/%3E%3C/svg%3E");
}
.item15 {
    display: block;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 197'%3E%3Ctitle%3ETerrasse bois%3C/title%3E%3Cpath d='M240,92.6,120,0,0,92.6l6.1,7.9,11.66-9H222.24l11.66,9ZM30.7,81.52,70.37,50.91,101,81.52ZM78.33,44.76,115,16.46v65ZM125,81.45v-65l36.68,28.3Zm14,.07,30.59-30.61L209.3,81.52Z' style='fill:%23000'/%3E%3Cpolygon points='71 12.75 45.62 12.75 45.62 47.95 71 28.36 71 12.75' style='fill:%23000'/%3E%3Cpolygon points='213.88 197 218.87 197 223.86 197 223.86 99.27 213.88 99.27 213.88 197' style='fill:%23000'/%3E%3Cpolygon points='26.12 197 26.12 99.27 16.14 99.27 16.14 197 21.13 197 26.12 197' style='fill:%23000'/%3E%3Crect x='16.14' y='187.02' width='136.51' height='9.98' style='fill:%23cb0000'/%3E%3Crect x='189.73' y='187.02' width='34.13' height='9.98' style='fill:%23cb0000'/%3E%3C/svg%3E");
}
.item16 {
    display: block;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 197'%3E%3Ctitle%3EBardage bois%3C/title%3E%3Crect x='21.14' y='99.1' width='197.74' height='9.98' style='fill:%23cb0000'/%3E%3Crect x='21.14' y='116.68' width='197.74' height='9.98' style='fill:%23cb0000'/%3E%3Crect x='21.14' y='134.27' width='197.74' height='9.98' style='fill:%23cb0000'/%3E%3Cpath d='M240,92.6,120,0,0,92.6l6.09,7.9,11.67-9H222.24l11.66,9ZM30.7,81.51l39.67-30.6L101,81.51ZM78.33,44.76,115,16.46v65ZM125,81.45v-65l36.68,28.3Zm14,.06,30.59-30.6,39.67,30.6Z' style='fill:%23000'/%3E%3Cpath d='M71,12.75H45.62V47.94L71,28.36Z' style='fill:%23000'/%3E%3Crect x='21.14' y='151.85' width='129.76' height='9.98' style='fill:%23cb0000'/%3E%3Crect x='187.98' y='151.85' width='30.9' height='9.98' style='fill:%23cb0000'/%3E%3Crect x='21.14' y='169.43' width='129.76' height='9.98' style='fill:%23cb0000'/%3E%3Crect x='187.98' y='169.43' width='30.9' height='9.98' style='fill:%23cb0000'/%3E%3Crect x='187.98' y='187.02' width='30.9' height='9.98' style='fill:%23000'/%3E%3Crect x='21.14' y='187.02' width='129.76' height='9.98' style='fill:%23000'/%3E%3C/svg%3E");
}
*/
.item_fin {
    display: none;
    background: none;
}
.homavis {
    padding-bottom: 4em;
}
.avis {
    text-align: center;
    padding-top: 3em;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
.avis--marge {
    padding-top: 3em;
    padding-bottom: 3em;
}
.avis__txt {
    margin-top: 1.25em;
    font-size: 1em;
    color: #fff;
}
.avis__nom {
    font-family: 'Oswald', sans-serif;
    margin-top: 1.5em;
    font-size: 1em;
    color: #fff;
}

@media (min-width: 1600px) {
    .avis__txt {
        font-size: 1.35em;
    }
    .avis__nom {
        font-size: 1.35em;
    }
}
.avis__gg {
    margin-top: .5em;
    font-size: .9em;
    color: #fff;
}
.avis__gg a {
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.avisnotemoyenne {
    color: #fff;    
}
.avisnotemoyenne__etoiles {
    position: relative;
    display: inline-block;
}
.avisnotemoyenne__taux {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    font-size: 1.5em;
    color: #fff;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
}
.avisnotemoyenne__fd {
    font-size: 1.5em;
    color: #9b9b9b;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
}
.homavis__bouton {
    margin-top: 3em;
}


/*
.etoiles {
    position: relative;
    background-image: url(../img/etoile_vide.svg);
    background-repeat: repeat-x;
    width: 9em;
    height: 1.7em;
    margin-left: auto;
    margin-right: auto;
}
.etoiles::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 1.7em;
    background-image: url(../img/etoile_pleine.svg);
    background-size: 1.8em 1.7em;
    background-repeat: repeat-x;
    transition: width .5s ease-in;
}
.avis__etoiles.animscroll--go .etoiles--1::before {
    width: 1.7em;
}
.avis__etoiles.animscroll--go .etoiles--2::before {
    width: 3.4em;
}
.avis__etoiles.animscroll--go .etoiles--3::before {
    width: 5.4em;
}
.avis__etoiles.animscroll--go .etoiles--4::before {
    width: 7.2em;
}
.avis__etoiles.animscroll--go .etoiles--5::before {
    width: 9em;
}
*/
.etoi {
    display: inline-block;
    font-size: 3em;
    line-height: 1;
    color: #fff;
}
.etoi--cont {
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
}
.avis__etoiles.animscroll .etoi {
    transform: scale(0);
    transition: transform ease .3s;
    transition-delay: 0;
}
.avis__etoiles .etoi:nth-child(1) {
    transition-delay: 0;
}
.avis__etoiles .etoi:nth-child(2) {
    transition-delay: 100ms;
}
.avis__etoiles .etoi:nth-child(3) {
    transition-delay: 200ms;
}
.avis__etoiles .etoi:nth-child(4) {
    transition-delay: 300ms;
}
.avis__etoiles .etoi:nth-child(5) {
    transition-delay: 400ms;
}
.avis__etoiles.animscroll--go .etoi {
    transform: scale(1);
}


.rubhead {
    background-color: #000;
    padding-top: 8em;
    padding-bottom: 8em;
    color: #fff;
}
.rubhead a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid;
}
.rubhead__tit {
    font-family: 'Oswald', sans-serif;
    font-size: 1.6em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1.5em 0 1em 0;
    line-height: 1.2;
}
.rubhead__tit--equip {
    color: #fff;
    margin-bottom: 0;
}
.rubhead__tit--home {
    max-width: 1080px;
}
.rubhead__tit span {
    color: #fff;
}
.rubhead__ico {
    width: 9em;
    height: 7.39em;
    background-repeat: no-repeat;
    background-size: 9em 7.39em;
}
.rubhead__ico--2 {
    background-image:url(../img/ico2.svg);
}
.rubhead__ico--3 {
    background-image:url(../img/ico1.svg);
}
.rubhead__ico--4 {
    background-image:url(../img/ico4.svg);
}
.rubhead__ico--5 {
    background-image:url(../img/ico3.svg);
}
.rubhead__ico--6 {
    background-image:url(../img/ico5.svg);
}
@media (min-width: 700px) {
    .rubhead {
        padding-top: 14em;
    }
    .rubhead__tit {
        margin-top: 1em;
        font-size: 2.7em;
    }
}
@media (min-width: 900px) {
    .rubheadmp {
        display: flex;
        display: -ms-flexbox;
    }
    .rubheadmp__1 {
        width : 100%;
    }
    .rubheadmp__2 {
        width : 100%;
    }
    .rubheadmp__1 {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .rubheadmp__11 {
        order: 2;
        width: 100%;
    }
    .rubheadmp__12 {
        order: 1;
        width: 100%;
        padding-right: 3.125vw;
    }
    .rubhead__tit {
        margin-top: 0;
    }
}
@media (min-width: 1600px) {
    .rubheadmp {
        display: flex;
        display: -ms-flexbox;
    }
    .rubheadmp__1 {
        width : 57.69%;
    }
    .rubheadmp__2 {
        width : 42.31%;
    }
    .rubhead__tit {
        font-size: 3em;
    }
    .rubheadmp__11 {
        width: 26.67%;
        order: 1;
    }
    .rubheadmp__12 {
        width: 73.33%;
        order: 2;
    }
}

@media (min-width: 1600px) {
    .rubheadmp__1 {
        width : 57.69%;
    }
    .rubheadmp__2 {
        width : 42.31%;
    }
}
.avistit__cont {
    display: block;
    padding-top: 8em;
}
.avistit {
    color: #fff;
}
.avislist {
    padding-bottom: 4em;
}
.avisformtit {
    text-align: center;
}
@media (min-width: 1200px) {
    .avistit__cont {
        width: 37.5%;
        position: fixed;
        bottom: 4em;
        left: 3.125%;
    }
    .avistit__cont--hide {
        display: none;
    }
    .avislist {
        padding-top: 8em;
        margin-left: 43.75%;
    }
}
.contbloc1 {
    margin-top: 6em;
}
.contbloc1__2 {
    margin-top: 6em;
}
@media (min-width: 900px) {
    .contbloc1 {
        display: flex;
    }
    .contbloc1__1 {
        width: 50%;
    }
    .contbloc1__2 {
        width: 50%;
    }
}
.cache-noir-trans--contact {
    background-color: rgba(0,0,0,.3);
}
@media (min-width: 640px) {
    .cache-noir-trans--contact {
        background-color: rgba(0,0,0,.9);
    }    
}
.contact__coordtit {
    padding: 4.6875%;
}
.contact__coordtxt {
    color: #fff;
    padding-bottom: 6em;
}
.contact__coordtxt a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.contact__coordtxt a:hover {
    border-bottom: 1px solid rgba(255,255,255,1);
}
.contact__coordtxttxt {
    margin-top: .5em;
}
.contact__coordtxttit {
    font-family: 'Oswald', sans-serif;
    font-size: 1.35em;
    font-weight: 900;
    text-transform: uppercase;
}
.contact__coordtxt__2 {
    margin-top: 3em;
}
@media (min-width: 640px) {
    .contact__coordtit {
        padding: 0;
        position: absolute;
        z-index: 150;
        left: 3.125%;
        top: 12em;
        width: 60%;
    }
}
@media (min-width: 1200px) {
    .contact__coordtit {
        width: 37.5%;
        top: 18em;
    }
    .contact__coordtxt {
        padding-bottom: 0;
        position: absolute;
        z-index: 150;
        top: 18em;
        right: 0;
        display: flex;
        display: -ms-flexbox;
    }
    .contact__coordtxt__1 {
        width: 50%;
    }
    .contact__coordtxt__2 {
        margin-top: 0;
        width: 50%;
    }
}
@media (min-width: 1600px) {
    .contact__coordtit {
        top: 22em;
    }
    .contact__coordtxt {
        top: 22em;
    }
}
.modelviewer__cont {
    /*
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    */
}
.mv__1 {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
}


.global--bgblc {
    background-color: #fff;
}
.actu__cont {
    padding: 3.125%;
    padding-top: 4em;
}
.actu__cont--pt {
    padding-top: 4em;
}
.actu__item {
    display: block;
    text-decoration: none;
    color: #000;
    position: relative;
    padding-top: 4em;
}
.actu__item:hover .actu__over {
    opacity: .7;
}
/*
.actu__item:hover .actu__img img {
    filter: blur(4px);
}
*/
.actu__item:hover .actu__plus {
    opacity: 1;
}
.actu__txt1 {
    margin-top: .75em;
    display: block;
    font-size: 1em;
    font-weight: 400;
}
.actu__txt2 {
    margin-top: .25em;
    display: block;
    font-size: 1em;
    line-height: 1.2;
    font-weight: 900;
}
.actu__img {
    position: relative;
    overflow: hidden;
}
/*
.actu__img img {
    transition: filter ease .3s;
}
*/
.actu__over {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='actu__plus' viewBox='0 0 200 200'%3E%3Cline x1='100' x2='100' y2='200' style='fill:none;stroke:%23fff'/%3E%3Cline y1='100' x2='200' y2='100' style='fill:none;stroke:%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10em 10em;
    opacity: 0;
    transition: opacity ease .3s;
}
.actu__over--play {
    background: none;
    background-color: #000;
}
.actu__play {
    position: absolute;
    z-index: 20;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' width='56' height='76' viewBox='0 0 56 76' enable-background='new 0 0 56 76' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='0 0 56 38 0 76 '/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 5em 5em;
}
.actu__plus {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10em;
    height: 10em;
    margin-left: -5em;
    margin-top: -5em;
    opacity: 0;
    transition: opacity ease .3s;
    transition-delay: .2s;
}
@media (min-width: 640px) {
    .actu_titrub {
        position: absolute;
        top: 35%;
        padding-right: .5em;
    }
    .actu__cont {
        padding: 1.5625%;
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .actu__cont--pt {
        padding-top: 8em;
    }
    .actu__item {
        width: 50%;
        padding: 3em 1.5625%;
    }
    .actu__txt2 {
        font-size: 1.15em;
    }
}
@media (min-width: 1100px) {
    .actu__item {
        width: 33.3333%;
        padding: 3em 1.5625%;
    }
}
.actudet__cont {
    padding-top: 6em;
}
.actudet__titcat {
    font-size: 1.35em;
    font-weight: 900;
    color: #000;
    padding-top: 2.63%;
}
.actudet {
    margin-top: 2em;
}
.actudet__2 {
    margin-top: 2em;
}
.actudet__multimg {
    padding-top: 2em;
}
.actudet__avis {
    margin-top: 6em;
}
.actudet__avistxt {
    margin-top: 1em;
}
.actudet__avisnom {
    color: #000;
    margin-top: 1em;
}
.actudet__avisetoiles {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 700px) {
    .actudet__cont {
        padding-top: 8em;
    }
}
@media (min-width: 900px) {
    .actudet__cont {
        padding-top: 8em;
    }
    .actudet {
        margin-top: 3em;
        display: flex;
        display: -ms-flexbox;
    }
    .actudet__1 {
        width: 39.29%;
        padding-right: 3.57%;
    }
    .actudet__2 {
        margin-top: 0;
        width: 60.71%;
    }
    .actudet__1tit {
        padding-top: 6em;
    }
    .actudet__multimg__cont {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        margin-left: -2.94%;
        margin-right: -2.94%;
    }
    .actudet__multimg {
        width: 50%;
        padding: 2.63%;
    }
}
.equip__cont {
    padding-top: 9.375vw;
}
.equip {
    display: flex;
    flex-direction: column;
    color: #fff;
}
.equip__item {
    padding-top: 3em;
}
.equip__txt {
    margin-top: .75em;
}
.equip__nom {
    font-family: 'Oswald', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
}
.equip__desc {
    padding-top: .5em;
}
@media (min-width: 640px) {
    .equip {
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -1.5625vw;
        margin-right: -1.5625vw;
    }
    .equip__item {
        width: 50%;
        padding: 3.125vw 1.5625vw;
    }
}
@media (min-width: 1000px) {
    .equip__item {
        width: 33.3333%;
    }
}



.mt6 {
    margin-top: 6em;
}
.mb6 {
    margin-bottom: 6em;
}
.mw840 {
    max-width: 840px;
}
.centre {
    margin-left: auto;
    margin-right: auto;
}
.mono__cont {
    padding-top: 4em;
}
@media (min-width: 700px) {
    .mono__cont {
        padding-top: 8em;
    }
    .mono__cont--titonly {
        padding-top: 12em;
    }
}
/*PAGINATION
***********/
.pagi {
    margin: 5em 0;
}
.pagi__list {
    text-align: center;
}
.pagi__prec {
    display: inline-block;
    margin-right: 1em;
    line-height: 1.1;
    text-align: right;
}
.pagi__suiv {
    display: inline-block;
    margin-left: 1em;
    line-height: 1.1;
    text-align: left;
}

@media (min-width: 700px) {
    .pagi__prec {
        margin-right: 2em;
        float: left;
    }
    .pagi__suiv {
        margin-left: 2em;
        float: right;
    }
}


/* FOOTER */
.footblc .foot__cont {
    background-color: #fff;
    padding-top: 4em;
    padding-bottom: 4em;
    color: #000;
}
.footblc .foot__cont a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}
.foot__cont {
    background-color: #000;
    padding-top: 4em;
    padding-bottom: 4em;
    color: #fff;
}
@media (min-width: 700px) {
    .foot__cont {
        padding-top: 8em;
    }    
}
.foot__cont a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
a.reso__lien, .footblc a.reso__lien {
    border-bottom: 0;
}
.foot__1 {
    display: none;
}
.foot__2 {
    margin-top: 2em;
}
.foot__3 {
    margin-top: 2em;
}
.foot__4 {
    margin-top: 2em;
}
.foot strong {
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
}
@media (min-width: 640px) {
    .foot {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .foot__2 {
        margin-top: 0;
        width: 50%;
        padding-right: 1em;
    }
    .foot__3 {
        margin-top: 0;
        width: 50%;
        padding-right: 1em;
    }
    .foot__4 {
        width: 100%;
    }
}
@media (min-width: 800px) {
    .foot__2 {
        width: 40%;
        padding-right: 1em;
    }
    .foot__3 {
        width: 40%;
        padding-right: 1em;
    }
    .foot__4 {
        margin-top: 0;
        width: 20%;
    }
}
@media (min-width: 1800px) {
    .foot__1 {
        display: block;
        width: 34.61%;
        padding-right: 6.42%;
    }
    .foot__2 {
        width: 26.92%;
    }
    .foot__3 {
        width: 26.92%;
    }
    .foot__4 {
        width: 11.55%;
    }
}

/*RS*/
a.reso__lien {
    text-decoration: none;
    border: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
a.reso__lien:hover .reso__svg  {
    background-color: #fff;
}
.footblc a.reso__lien:hover .reso__svg  {
    background-color: #000;
} 
a.reso__lien:hover .reso__svg path, a.reso__lien:hover .reso__svg rect {
    fill: #000;
}
.footblc a.reso__lien:hover .reso__svg path, .footblc a.reso__lien:hover .reso__svg rect {
    fill: #fff;
}

a.reso__lien:hover {
    border: none;
}
.reso__svg {
    width: 2.8em;
    height: 2.8em;
    border-radius: 1.4em;
    padding: .2em;
    transition: all ease .3s;
    background: none;
}
.reso__svg path, .reso__svg rect {
    fill: #fff;
    transition: fill ease .3s;
}
.footblc .reso__svg path, .reso__svg rect {
    fill: #fff;
    transition: fill ease .3s;
}
.navopen__reso .reso__svg path, .navopen__reso .reso__svg rect {
    fill: #fff;
    transition: fill ease .3s;
}

@media (min-width: 480px) {
    a.reso__lien:last-child {
        margin-right: 0;
    }
}




/* CONTACT */
.contact {
    margin-top: 3em;
}
@media (min-width: 900px) {
    .contact {
        display: flex;
        display: -ms-flexbox;
    }
    .contact__1 {
        width: 50%;
        padding-right: 3em;
    }
    .contact__2 {
        width: 50%;
        padding-left: 3em;
    }
}
.contact__map {
    position: relative;
    padding-top: 100%;
    margin-top: 3em;
    overflow: hidden;
}
.contact__map iframe {
    position: absolute;
    z-index: 5;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
}

/* FORMULAIRE */
.contact__form {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6em;
}
.form__group {
    position: relative;
	clear: both;
    margin-top: .5em;
}
.form__lab  {
    font-size: 1.3em;
    color: #cb0000;
    line-height: 1.3;
	padding-top: .5em;
	display: block;
	width: 100%;
	margin-bottom: .75em;
    font-weight: 700;
}
.form__labradioline  {
    padding-right: 0;
    display: block;
    font-size: .8em;
    font-weight: 400;
	color: #cb0000;
    margin-top: .5em;
    margin-bottom: .5em;
}
@media (min-width: 800px) {
    .form__lab  {
        font-size: 1.5em;
    }
    .form__labradioline  {
        display: inline-block;
        padding-right: .5em;
    }
}
.form__lab--requis:after {
    content:" *";
}
.form__lab--inline {
    display: inline;
}
.form__lab--block {
    display: block;
    line-height: 1.4;
}
.requis:before {
    content:"*";
}
.form__chp {
    position: relative;
    font-family: 'Roboto', sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #fff;
	border-bottom: 1px solid #000;
    border-radius: 0;
	background-color: #fff;
	width: 100%;
	margin-top: 0;
	margin-bottom: .5em;
    padding: .5em;
    color: #000;
    outline: none;
    transition: border ease .3s;
}
@media (min-width: 800px) {
    .form__chp {
        font-size: 1.35em;
        padding: .75em 1.5em;
    }
}
::placeholder {
    color:#000;
}
.form__chp:focus {
    border-bottom: 1px solid #000;
}
.error .form__chp {
    border-bottom: 2px dotted #cb0000;
}
.error .form__chp::placeholder {
    color: #cb0000;
}
.form__group.error::before {
    content: "⌦";
    position: absolute;
    z-index: 50;
    top: 1.15em;
    left: 0;
    color: #cb0000;
}
.accept__cont.error:before, .form__noteinfo.error:before {
    content: "⌦ merci de cocher la case";
    position:static;
    display:block; 
    color: #cb0000;
    font-weight: 900;
    padding-bottom: .5em;
    font-size: 1em;
}
.form__noteinfo.error:before {
    content: "⌦ merci de donner une note entre 1 et 5";
}
.form__chp--area {
    margin-top: 2.5em;
    height: 10em;
    background-color: #fff;
    border: 1px solid #000;
}
.form__info {
    position:relative;
    max-width: 20em;
    font-size: .85em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #cb0000;
    border-radius: 0;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    animation: .3s shake;
    animation-delay: 1s
}
.form__info::after {
    position: absolute;
    content:'';
    display:block;
    background: #cb0000;
    height: 1em;
    width: 1em;
    transform: rotate(45deg);
    bottom: -.5em;
    left:50%;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 50%, 90% {
    transform: translate3d(-6px, 0, 0);
  }
  20%, 60% {
    transform: translate3d(6px, 0, 0);
  }
}
.accept__cont {
    color: #505050;
    font-size: .85em;
}
.form__mention__cont {
    margin-top: 1.5em;
}
.form__mention {
    color: #9B9B9B;
    font-size: .75em;
    line-height: 1.4;
}
.form__mention a {
    color: #9B9B9B;
}
.form__submit {
    margin-top: 1em;
    font-family: 'Roboto', sans-serif;
    border: 4px solid #000;
    font-size: 1.35em;
    font-weight: 900;
    padding: .35em 1.25em;
    color: #000;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.form__submit:hover {
    color: #fff;
    background-color: #000;
}
.bouton--100pcmob {
    width: 100%;
}
@media (min-width: 480px) {
    .bouton--100pcmob {
        width: auto;
    }
}
.star-rating {
	border: 0;
	display: flex;
	flex-direction: row-reverse;
	font-size: 2.5em;
	justify-content: auto;
	text-align: center;
	width: 5em;
}
.form__note {
    position: relative;
}
.form__notetxt {
    position: absolute;
    left: 12.5em; 
    padding-left: 1em;
    top: 1.25em;
    color: #000;
}
.form__notetxt span {
    font-size: 1em;
}
@media (min-width: 800px) {
    .form__notetxt span {
        font-size: 1.35em;
    }
}
.star-rating input {
	display: none;
}
.star-rating label {
	cursor: pointer;
    color: transparent;
    -webkit-text-stroke: 2px #000;
    text-stroke: 2px #000;
}
.star-rating :checked ~ label {
	color: #000;
}
.star-rating :hover ~ label {
	color: #000;
}


/* EMBED IFRAME */
.embed-container {
    margin: 0 0;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.embed-container--carre {
    padding-bottom: 100%;
}
.embed-container--paysage {
    padding-bottom: 69%;
}
.embed-container--60 {
    padding-bottom: 60%;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.playervideo {
    margin-top: 40px;
}
@media (min-width: 1300px) {
    .playervideo {
        margin-top: 60px;
    }
}
.playerembed {
   position: relative;
   cursor: pointer;
   z-index: 0;
   background: #000;
}
.playerembed.maskplay:before, .playerembed.maskplay:after {
    display: none;
}
.playerembed__play:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 2em;
    margin-top: -.9em;
    margin-left: -.6em;
    z-index: 2;
    border-right-width: 2em;
    border-left-width: 1.8em;
    border-bottom-width: 1em;
    border-top-width: 1em;
    transition: border-left-color ease .3s;
}
.playerembed__play:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: solid transparent;
    height: 4em;
    width: 4em;
    pointer-events: none;
    margin-top: -2em;
    margin-left: -2em;
    z-index: 1;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: rgba(0,0,0,.1);
    transition: border-color ease .3s;
}
.playerembed__play:hover::before {
    border-left-color: #333;
}
.playerembed__play:hover::after {
    border-color:#333;
}

/* PARTAGE */
.partager {
    display: block;
    margin-top: 5em;
    margin-bottom: 6em;
    text-align: center;
}
.partager__txt {
    font-weight: 900;
    font-size: 1em;
    color: #000;
    text-transform: uppercase;
}
.partager__icon {
    width: 2.4em;
    height: 2.4em;
    border: 2px solid #000;
    border-radius: 1.8em;
    padding: .2em;
    transition: background-color .3s ease;
}
.partager__icon path, .partager__icon rect {
    fill: #000;
    transition: fill .3s ease;
}
.partager__icon__link {
    display: inline-block;
    text-decoration: none;
    margin-right: .6em;
}
.partager__icon__link:last-child {
    margin-right: 0;
}
.partager__icon__link:hover .partager__icon {
    background-color: #000;
}
.partager__icon__link:hover .partager__icon path, .partager__icon__link:hover .partager__icon rect {
    fill: #fff;
}

/* EFFET */
.js .animscroll.fade-and-up {
    transform: matrix(1, 0, 0, 1, 0, 60);
    opacity: 0;
    transition: all ease 1s;
}
.js .animscroll--go.fade-and-up {
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
}
.js .animscroll.fade-left {
    transform: translateX(-2em);
    opacity: 0;
    transition: all ease 1s;
}
.js .animscroll--go.fade-left {
    transform: translateX(0);
    opacity: 1;
}


.js .contentbuilder img.animscroll {
    opacity: 0;
    transform: translateY(1em) scale(.9);
    transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}
.js .contentbuilder img.animscroll--go {
    opacity: 1;
    transform: translateY(0) scale(1);
}