/***
*    ##     ##    ###    ########  ####    ###    ########  ##       ########  ######  
*    ##     ##   ## ##   ##     ##  ##    ## ##   ##     ## ##       ##       ##    ## 
*    ##     ##  ##   ##  ##     ##  ##   ##   ##  ##     ## ##       ##       ##       
*    ##     ## ##     ## ########   ##  ##     ## ########  ##       ######    ######  
*     ##   ##  ######### ##   ##    ##  ######### ##     ## ##       ##             ## 
*      ## ##   ##     ## ##    ##   ##  ##     ## ##     ## ##       ##       ##    ## 
*       ###    ##     ## ##     ## #### ##     ## ########  ######## ########  ######  
*/
/***
*    ########  ########  ######  ######## ######## 
*    ##     ## ##       ##    ## ##          ##    
*    ##     ## ##       ##       ##          ##    
*    ########  ######    ######  ######      ##    
*    ##   ##   ##             ## ##          ##    
*    ##    ##  ##       ##    ## ##          ##    
*    ##     ## ########  ######  ########    ##    
*/
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,
font,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a {
  text-decoration: none;
  cursor: pointer;
}
html {
  -webkit-font-smoothing: antialiased;
}
* {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
main,
footer,
header,
aside,
section {
  display: block;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
a,
span,
li {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -o-user-select: text;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}
a,
a *,
input[type="submit"] {
  cursor: pointer;
}
img {
  max-width: 100%;
  height: auto !important;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
select::-ms-expand {
  display: none;
}
.clear {
  clear: both !important;
  display: block !important;
  float: none !important;
  height: 0px !important;
  width: 100% !important;
  min-height: 0px !important;
  padding: 0 !important;
  margin: 0!important;
}
/*a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc { display:none; }
.gmnoprint div { background:none !important; }*/
/***
*    ##      ##  #######  ########  ########  ########  ########  ########  ######   ######  
*    ##  ##  ## ##     ## ##     ## ##     ## ##     ## ##     ## ##       ##    ## ##    ## 
*    ##  ##  ## ##     ## ##     ## ##     ## ##     ## ##     ## ##       ##       ##       
*    ##  ##  ## ##     ## ########  ##     ## ########  ########  ######    ######   ######  
*    ##  ##  ## ##     ## ##   ##   ##     ## ##        ##   ##   ##             ##       ## 
*    ##  ##  ## ##     ## ##    ##  ##     ## ##        ##    ##  ##       ##    ## ##    ## 
*     ###  ###   #######  ##     ## ########  ##        ##     ## ########  ######   ######  
*/
#wp-admin-bar-customize {
  display: none;
}
#wp-admin-bar-comments {
  display: none;
}
#wp-admin-bar-new-content {
  display: none;
}
#wp-admin-bar-search {
  display: none;
}
#user_switching_switch_on {
  display: none;
}
/***
*     ######   ######## ##    ## ######## ########     ###    ##       
*    ##    ##  ##       ###   ## ##       ##     ##   ## ##   ##       
*    ##        ##       ####  ## ##       ##     ##  ##   ##  ##       
*    ##   #### ######   ## ## ## ######   ########  ##     ## ##       
*    ##    ##  ##       ##  #### ##       ##   ##   ######### ##       
*    ##    ##  ##       ##   ### ##       ##    ##  ##     ## ##       
*     ######   ######## ##    ## ######## ##     ## ##     ## ######## 
*/
html {
  color: #565656;
  font-family: 'Lato';
  letter-spacing: 0.01em;
}
body {
  -webkit-text-size-adjust: 100%;
  background-color: #ffffff;
  opacity: 0;
  overflow-x: hidden;
}
::selection {
  background-color: #565656;
  color: #ffffff;
}
.centre {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
h1 {
  font-size: 2.88888889rem;
  font-family: 'Lato';
  font-weight: 300;
  line-height: 1.1875;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-top: 2rem;
}
h2 {
  font-size: 2.88888889rem;
  font-family: 'Lato';
  font-weight: 300;
  line-height: 1.1875;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-top: 2rem;
}
h1 > strong,
h2 > strong {
  font-weight: 900;
}
h3 {
  font-size: 1.44444444rem;
  font-family: 'Lato';
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-top: 2rem;
}
h4 {
  font-size: 1.22222222rem;
  font-family: 'Lato';
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  margin-top: 2rem;
}
p {
  font-size: 1.44444444rem;
  font-family: 'Lato';
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
li {
  font-size: 1.44444444rem;
  font-family: 'Lato';
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
blockquote {
  margin-top: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  width: 55%;
}
blockquote > * {
  margin-top: 0;
  font-family: 'Lato';
  font-weight: 300;
  font-style: italic;
  font-size: 2.2rem;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0.01em;
}
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + p,
blockquote + ul {
  margin-top: 3.5rem;
}
h2 + h1 {
  margin-top: 0;
}
h3 + h1 {
  margin-top: 0;
}
h3 + h2 {
  margin-top: 0;
}
p,
ul,
ol {
  margin-top: 2rem;
}
.valign {
  height: 100%;
  width: 100%;
  display: table;
}
.valign > div {
  display: table-cell;
  vertical-align: middle;
}
.valign > div > *:nth-child(1) {
  margin-top: 0 !important;
}
.valign > div > *:last-child {
  margin-bottom: 0 !important;
}
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 100;
}
#overlay.hidden {
  display: none;
}
#overlay > div {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: white;
  padding: 2rem;
}
#overlay > div h3 {
  color: #565656;
  margin-bottom: 0.5rem;
}
#overlay .message > *:first-child {
  margin-top: 0;
}
#overlay .fermer-overlay {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  z-index: 101;
}
#overlay .fermer-overlay:hover i {
  color: #565656;
}
#overlay .fa-check-circle {
  font-size: 3rem;
  color: #32CD32;
  margin-bottom: 1rem;
}
table {
  table-layout: fixed;
  width: 100%;
  margin: 2rem 0;
  font-size: 1.22222222rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
th,
td {
  padding: 1.38888889rem 1rem 1.38888889rem 0;
  text-align: left;
  vertical-align: middle;
  line-height: 1.2;
}
tr:not(:first-of-type) {
  border-top: solid #565656 2px;
}
td + td {
  font-weight: 300;
}
.cta {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  line-height: 1.4;
  color: #565656;
  padding: 1rem 1.66666667rem;
  font-size: 1.77777778rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: transparent;
  border: 2px #565656 solid;
  cursor: pointer;
  margin-top: 2rem;
}
.cta:after {
  -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-left: 1.44444444rem;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  display: inline-block;
  color: #565656;
  font-weight: 900;
  font-size: 1.77777778rem;
}
.cta:hover {
  color: #ffffff;
  background-color: #565656;
}
.cta:hover:after {
  color: #ffffff;
}
.mini-cta {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  line-height: 1.4;
  color: #565656;
  padding: 0.66666667rem 1.33333333rem;
  font-size: 1.33333333rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: transparent;
  border: 2px #565656 solid;
  cursor: pointer;
  margin-top: 2rem;
}
.mini-cta:after {
  -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-left: 1.11111111rem;
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  display: inline-block;
  color: #565656;
  font-weight: 900;
  font-size: 1.33333333rem;
}
.mini-cta:hover {
  color: #ffffff;
  background-color: #565656;
}
.mini-cta:hover:after {
  color: #ffffff;
}
main ul,
main ol {
  padding-left: 2rem;
  color: #565656;
}
main ul li:before,
main ol li:before {
  content: '-';
  color: #565656;
  position: absolute;
  left: -2rem;
}
main {
  min-height: calc(100vh - 6rem);
  padding-top: 10.55555556rem;
}
section {
  padding: 10rem 12.22222222rem;
}
.padding-centered {
  padding: 10rem 12.22222222rem;
}
.padding-offset-left {
  padding: 10rem 6.11111111rem 10rem 12.22222222rem;
}
.presentation {
  padding: 4.44444444rem 12.22222222rem !important;
}
.presentation > h1 {
  text-align: center !important;
  margin-top: 0;
}
.presentation .wysiwyg > * {
  text-align: center !important;
}
.presentation .wysiwyg > *:not(h1):not(h2) {
  width: 60%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}
.wysiwyg > :first-child {
  margin-top: 0;
}
.wysiwyg a {
  color: #62b1a4 !important;
}
.wysiwyg a:hover {
  color: #53a799 !important;
}
.langue {
  color: #565656;
  letter-spacing: 0.05em;
  font-weight: 400;
  pointer-events: auto;
  font-size: 1rem;
}
.logo-texte,
.logo-texte * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.copyright {
  font-weight: 400;
}
/***
*     ######   #######  ##        #######  ##    ## ##    ## ########  ######  
*    ##    ## ##     ## ##       ##     ## ###   ## ###   ## ##       ##    ## 
*    ##       ##     ## ##       ##     ## ####  ## ####  ## ##       ##       
*    ##       ##     ## ##       ##     ## ## ## ## ## ## ## ######    ######  
*    ##       ##     ## ##       ##     ## ##  #### ##  #### ##             ## 
*    ##    ## ##     ## ##       ##     ## ##   ### ##   ### ##       ##    ## 
*     ######   #######  ########  #######  ##    ## ##    ## ########  ######  
*/
.colonnes > * {
  display: inline-block;
  vertical-align: top;
}
.c-100 {
  width: 100.00%;
}
.c-75 {
  width: 75.00%;
}
.c-50 {
  width: 50.00%;
}
.c-66 {
  width: 66.66%;
}
.c-33 {
  width: 33.33%;
}
.c-25 {
  width: 25.00%;
}
.c-20 {
  width: 20.00%;
}
.colonnes.marge {
  margin-left: -1%;
  margin-right: -1%;
}
.colonnes.marge > * {
  margin-left: 1%;
  margin-right: 1%;
}
.colonnes.marge .c-100 {
  width: 98%;
}
.colonnes.marge .c-75 {
  width: 73%;
}
.colonnes.marge .c-50 {
  width: 48%;
}
.colonnes.marge .c-66 {
  width: 64.66%;
}
.colonnes.marge .c-33 {
  width: 31.33%;
}
.colonnes.marge .c-25 {
  width: 23%;
}
.colonnes.marge .c-20 {
  width: 18%;
}
/***
*    ########  #######  ########  ##     ## ##     ## ##          ###    #### ########  ######## 
*    ##       ##     ## ##     ## ###   ### ##     ## ##         ## ##    ##  ##     ## ##       
*    ##       ##     ## ##     ## #### #### ##     ## ##        ##   ##   ##  ##     ## ##       
*    ######   ##     ## ########  ## ### ## ##     ## ##       ##     ##  ##  ########  ######   
*    ##       ##     ## ##   ##   ##     ## ##     ## ##       #########  ##  ##   ##   ##       
*    ##       ##     ## ##    ##  ##     ## ##     ## ##       ##     ##  ##  ##    ##  ##       
*    ##        #######  ##     ## ##     ##  #######  ######## ##     ## #### ##     ## ######## 
*/
label {
  width: 100%;
  display: block;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  width: auto;
  display: inline-block;
}
select,
input[type="number"],
input[type="password"],
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  border: 1px solid #ffffff;
  padding: 0.7rem;
  font-family: 'Lato';
  font-size: 1rem;
}
textarea {
  resize: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  font-size: 1rem;
  font-family: 'Lato';
  padding-left: 0.25rem;
  margin-right: 1rem;
}
input[type="radio"] + label:last-child,
input[type="checkbox"] + label:last-child {
  margin: 0;
}
select {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23565656%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 0.4rem 50%;
  background-position: center right 0.5rem;
}
input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  width: auto;
  display: inline-block;
  font-weight: normal;
  font-size: 0.66666667rem;
  padding: 0.15rem 0 0 1.25rem;
  min-height: 0.85rem;
  vertical-align: top;
  cursor: pointer!important;
  color: #565656;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 0.16666667rem 0.16666667rem 0.16666667rem 0.11111111rem;
  width: 0.85rem;
  height: 0.85rem;
  display: inline-block;
  background-color: #ffffff;
}
input[type="radio"] + label:before {
  border-radius: 50%;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  font-size: 0.6rem;
  color: #565656;
  line-height: 1;
}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
  color: #565656;
  font-weight: bold;
}
.mce-tinymce.erreur,
select.erreur,
input[type="number"].erreur,
input[type="password"].erreur,
input[type="text"].erreur,
input[type="email"].erreur,
input[type="tel"].erreur,
textarea.erreur {
  border: 1px solid #ac1010;
}
form .message.erreur {
  padding: 1rem;
  margin: 1rem 0;
  border-left: 0.5rem solid #ac1010;
  background: #f5f5f5;
}
form.chargement-en-cours {
  pointer-events: none;
}
.icone-chargement {
  margin-left: 1rem;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
form .colonnes > *[class*="c-"] {
  margin-bottom: 2%;
}
form .colonnes > *[class*="c-"] > select,
form .colonnes > *[class*="c-"] > input[type="number"],
form .colonnes > *[class*="c-"] > input[type="password"],
form .colonnes > *[class*="c-"] > input[type="text"],
form .colonnes > *[class*="c-"] > input[type="email"],
form .colonnes > *[class*="c-"] > input[type="tel"],
form .colonnes > *[class*="c-"] > textarea {
  width: 100%;
}
/***
*    ##     ## ########    ###    ########  ######## ########  
*    ##     ## ##         ## ##   ##     ## ##       ##     ## 
*    ##     ## ##        ##   ##  ##     ## ##       ##     ## 
*    ######### ######   ##     ## ##     ## ######   ########  
*    ##     ## ##       ######### ##     ## ##       ##   ##   
*    ##     ## ##       ##     ## ##     ## ##       ##    ##  
*    ##     ## ######## ##     ## ########  ######## ##     ## 
*/
header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 200;
}
header ul {
  margin-top: 0;
  padding-left: 0;
}
header .burger-mobile {
  display: none;
}
header .langue .language-code {
  display: none;
  text-transform: uppercase;
}
header #haut-page {
  position: absolute;
  width: 100%;
  height: 11.11111111rem;
  top: 0;
  pointer-events: auto;
}
header #haut-page .logo {
  position: absolute;
  top: 1.8rem;
  left: 50%;
  -webkit-transform: rotate(0) scale(1) skew(0) translate(-50%, 0);
  -moz-transform: rotate(0) scale(1) skew(0) translate(-50%, 0);
  -o-transform: rotate(0) scale(1) skew(0) translate(-50%, 0);
  -ms-transform: rotate(0) scale(1) skew(0) translate(-50%, 0);
  transform: rotate(0) scale(1) skew(0) translate(-50%, 0);
}
header #haut-page .logo img {
  width: 4.16666667rem;
}
header #haut-page .langue {
  position: absolute;
  right: 4.16666667rem;
  top: 1.9rem;
}
header #haut-page .langue:hover {
  color: #000000;
}
header .top-bar {
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.72222222rem;
  padding: 0 4.16666667rem;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  align-items: center;
  z-index: 1;
  background-color: #ffffff;
  -webkit-transform: translateY(-120%);
  -moz-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  transform: translateY(-120%);
  -webkit-transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}
header .top-bar a.logo-texte {
  color: #565656;
  font-size: 1.44444444rem;
  font-weight: 300;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
header .top-bar a.logo {
  display: none;
}
header .top-bar a.logo img {
  vertical-align: middle;
}
header .top-bar a.langue:hover {
  color: #000000;
}
.scrolled header > .top-bar {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
header .burger-mobile-container {
  display: none;
}
header .burger {
  position: fixed;
  top: 50%;
  -webkit-transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  -moz-transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  -o-transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  -ms-transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  left: 4.16666667rem;
  pointer-events: auto;
  z-index: 10;
}
header .burger > h3 {
  margin-top: 0;
  position: absolute;
  bottom: calc(100% + 1.5rem);
  left: 50%;
  pointer-events: none;
  white-space: nowrap;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg) scale(1) skew(0) translate(0, -25%);
  -moz-transform: rotate(-90deg) scale(1) skew(0) translate(0, -25%);
  -o-transform: rotate(-90deg) scale(1) skew(0) translate(0, -25%);
  -ms-transform: rotate(-90deg) scale(1) skew(0) translate(0, -25%);
  transform: rotate(-90deg) scale(1) skew(0) translate(0, -25%);
  line-height: 1;
}
header .burger > h3 span {
  font-size: 0.77777778rem;
  letter-spacing: 0.1em;
  margin-right: 2.77777778rem;
}
header .burger > h3 span.produit-single-indication {
  margin-right: 0.25rem;
}
header .burger > span {
  position: absolute;
  padding-right: 1.5rem;
  -webkit-transform: translate(0, -50%) rotate(-90deg) scale(1) skew(0deg);
  -moz-transform: translate(0, -50%) rotate(-90deg) scale(1) skew(0deg);
  -o-transform: translate(0, -50%) rotate(-90deg) scale(1) skew(0deg);
  -ms-transform: translate(0, -50%) rotate(-90deg) scale(1) skew(0deg);
  transform: translate(0, -50%) rotate(-90deg) scale(1) skew(0deg);
  -ms-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  right: 50%;
  top: 100%;
  font-size: 1.11111111rem;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.07em;
  line-height: 1;
}
header .burger div {
  display: inline-block;
  width: 40px;
  height: 23px;
  vertical-align: middle;
  -webkit-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
header .burger div span {
  position: absolute;
  left: 0;
  height: 3px;
  background-color: #565656;
  -webkit-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), top 300ms cubic-bezier(0.215, 0.61, 0.355, 1), width 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), top 300ms cubic-bezier(0.215, 0.61, 0.355, 1), width 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), top 300ms cubic-bezier(0.215, 0.61, 0.355, 1), width 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), top 300ms cubic-bezier(0.215, 0.61, 0.355, 1), width 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), top 300ms cubic-bezier(0.215, 0.61, 0.355, 1), width 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
header .burger:hover div span {
  width: 100% !important;
}
header .burger div span:nth-child(1) {
  top: 0;
  width: 33px;
}
header .burger div span:nth-child(2) {
  top: 10px;
  width: 100%;
}
header .burger div span:nth-child(3) {
  top: 20px;
  width: 27px;
}
.menu-ouvert header .burger div {
  -webkit-transform: rotate(0) scale(0.9) skew(0deg) translate(0px);
  -moz-transform: rotate(0) scale(0.9) skew(0deg) translate(0px);
  -o-transform: rotate(0) scale(0.9) skew(0deg) translate(0px);
  -ms-transform: rotate(0) scale(0.9) skew(0deg) translate(0px);
  transform: rotate(0) scale(0.9) skew(0deg) translate(0px);
}
.menu-ouvert:not(.has-touch) header .burger:hover div {
  -webkit-transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
  -moz-transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
  -o-transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
  -ms-transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
  transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
}
.menu-ouvert header .burger div span:nth-child(1) {
  top: 10px;
  width: 100%;
  -webkit-transform: rotate(-135deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(-135deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(-135deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(-135deg) scale(1) skew(0deg) translate(0px);
  transform: rotate(-135deg) scale(1) skew(0deg) translate(0px);
}
.menu-ouvert header .burger div span:nth-child(2) {
  top: 10px;
  -webkit-transform: rotate(0) scale(0, 1) skew(0deg) translate(0px);
  -moz-transform: rotate(0) scale(0, 1) skew(0deg) translate(0px);
  -o-transform: rotate(0) scale(0, 1) skew(0deg) translate(0px);
  -ms-transform: rotate(0) scale(0, 1) skew(0deg) translate(0px);
  transform: rotate(0) scale(0, 1) skew(0deg) translate(0px);
}
.menu-ouvert header .burger div span:nth-child(3) {
  top: 10px;
  width: 100%;
  -webkit-transform: rotate(135deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(135deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(135deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(135deg) scale(1) skew(0deg) translate(0px);
  transform: rotate(135deg) scale(1) skew(0deg) translate(0px);
}
header #navigation {
  position: fixed;
  padding: 15% 0 10%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ececec;
  color: #565656;
  z-index: 2;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
header #navigation .top-bar {
  position: absolute;
  background-color: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
header #navigation .top-bar .logo {
  display: none;
}
header #navigation .top-bar .langue {
  color: #565656;
}
header #navigation .top-bar .langue:hover {
  color: #000000;
}
header #navigation nav {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
  margin-bottom: 5rem;
}
header #navigation nav ol {
  margin-top: 0;
  counter-reset: li -1;
}
header #navigation nav ol li {
  opacity: 0;
  -webkit-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  line-height: 0.85;
}
header #navigation nav ol li:not(:first-of-type) {
  margin-top: 2.77777778rem;
}
header #navigation nav ol li:before {
  counter-increment: li;
  content: "0" counter(li) ".";
  position: absolute;
  bottom: 0;
  left: -4.16666667rem;
  font-size: 0.77777778rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.1em;
}
header #navigation nav ol li a {
  color: #565656;
  font-size: 1.55555556rem;
  font-weight: 300;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
header #navigation nav ol li:not(.current-menu-item) a:hover {
  color: #000000;
}
header #navigation nav ol li.current-menu-item:before,
header #navigation nav ol li.current-menu-item a {
  font-weight: 400;
}
header #navigation #infos-contact {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: flex-end;
  align-self: flex-end;
  margin-top: 5rem;
  margin-left: 16.66666667rem;
  opacity: 0;
  -webkit-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
header #navigation #infos-contact > span {
  font-size: 1.22222222rem;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #565656;
}
header #navigation #infos-contact ul {
  margin-top: 1.66666667rem;
}
header #navigation #infos-contact ul:after {
  content: "_";
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.3;
}
header #navigation #infos-contact ul li {
  font-size: 1.22222222rem;
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
header #navigation #infos-contact ul li span {
  display: none;
}
header #navigation #infos-contact ul li strong {
  font-weight: 400;
}
header #navigation #infos-contact ul li a {
  font-size: 1.22222222rem;
  color: #565656;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-decoration: underline;
}
header #navigation #infos-contact ul li a:hover {
  color: #000000;
}
header #navigation #infos-contact ul li:not(:first-child) {
  margin-top: 1.66666667rem;
}
header #navigation .reseaux-sociaux {
  position: absolute;
  bottom: 2.22222222rem;
  left: 4.16666667rem;
  z-index: 0;
}
header #navigation .reseaux-sociaux a {
  color: #565656;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
header #navigation .reseaux-sociaux a:hover {
  color: #000000;
}
header #navigation .reseaux-sociaux a:not(:first-of-type) {
  margin-left: 3.05555556rem;
}
header #navigation .copyright {
  position: absolute;
  bottom: 2.22222222rem;
  right: 4.16666667rem;
}
.menu-ouvert header #navigation {
  pointer-events: auto;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
.menu-ouvert header #navigation nav ol li {
  opacity: 1;
}
.menu-ouvert header #navigation nav ol li:nth-child(1) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(2) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(3) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(4) {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(5) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(6) {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(7) {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(8) {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(9) {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(10) {
  -webkit-transition-delay: 1100ms;
  transition-delay: 1100ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(12) {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
.menu-ouvert header #navigation nav ol li:nth-child(13) {
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}
.menu-ouvert header #navigation #infos-contact {
  opacity: 1;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.language-switch-fader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ececec;
  z-index: 250;
}
/***
*       ###     ######   ######  ##     ## ######## #### ##       
*      ## ##   ##    ## ##    ## ##     ## ##        ##  ##       
*     ##   ##  ##       ##       ##     ## ##        ##  ##       
*    ##     ## ##       ##       ##     ## ######    ##  ##       
*    ######### ##       ##       ##     ## ##        ##  ##       
*    ##     ## ##    ## ##    ## ##     ## ##        ##  ##       
*    ##     ##  ######   ######   #######  ######## #### ######## 
*/
.home {
  padding-top: 0;
}
#introduction-accueil {
  min-height: 100vh;
  overflow: hidden;
}
#introduction-accueil .wysiwyg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30%;
}
#introduction-accueil .wysiwyg h1,
#introduction-accueil .wysiwyg h2 {
  font-size: 4.44444444rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
#introduction-accueil .wysiwyg h3 {
  font-size: 2.22222222rem;
  line-height: 1.3;
  letter-spacing: 0.065em;
}
#introduction-accueil .wysiwyg h1 + h3 {
  margin-top: 3.5rem;
}
#introduction-accueil .img-section {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(0) scale(1) skew(0) translate(5%, -50%);
  -moz-transform: rotate(0) scale(1) skew(0) translate(5%, -50%);
  -o-transform: rotate(0) scale(1) skew(0) translate(5%, -50%);
  -ms-transform: rotate(0) scale(1) skew(0) translate(5%, -50%);
  transform: rotate(0) scale(1) skew(0) translate(5%, -50%);
  width: 60%;
  z-index: -1;
  will-change: opacity;
}
#introduction-accueil .call-to-scroll {
  position: absolute;
  bottom: 9.72222222rem;
  left: 50%;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(-90deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(-90deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(-90deg) scale(1) skew(0deg) translate(0px);
  transform: rotate(-90deg) scale(1) skew(0deg) translate(0px);
}
#introduction-accueil .call-to-scroll span:first-child {
  vertical-align: middle;
  font-size: 1.11111111rem;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#introduction-accueil .call-to-scroll span:last-child {
  position: absolute;
  right: calc(100% + 1rem);
  top: 50%;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  width: 8.33333333rem;
  height: 1px;
  background-color: #565656;
  vertical-align: middle;
}
#expertises-produits-accueil {
  background-color: #f1fbfa;
  padding: 10rem 6.11111111rem 10rem 12.22222222rem;
  overflow: hidden;
}
#expertises-produits-accueil > div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  opacity: 0.25;
}
#expertises-produits-accueil article {
  z-index: 1;
}
#expertises-produits-accueil article:not(:first-of-type) {
  margin-top: 12.77777778rem;
}
#expertises-produits-accueil article > div {
  width: 50%;
}
#expertises-produits-accueil article > div > .cta {
  margin-top: 4rem;
}
#expertises-produits-accueil #produits-accueil {
  z-index: 1;
}
#expertises-produits-accueil #produits-accueil > div {
  margin-left: 50%;
}
#valeurs-accueil {
  padding: 10rem 6.11111111rem 10rem 12.22222222rem;
}
#valeurs-accueil .texte-haut-gauche {
  display: inline-block;
  width: 30%;
}
#valeurs-accueil .texte-haut-droite {
  display: inline-block;
  width: 50%;
  margin-left: 20%;
}
#valeurs-accueil .valeurs {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-top: 6.38888889rem;
}
#valeurs-accueil .valeurs .valeur {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 50%;
}
#valeurs-accueil .valeurs .valeur:not(:first-of-type) {
  margin-left: 5.55555556rem;
}
#valeurs-accueil .valeurs .valeur > h3 {
  margin-top: 0;
  font-weight: 900;
}
#valeurs-accueil .valeurs .valeur .wysiwyg {
  margin-top: 1.75rem;
}
#valeurs-accueil > .cta {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 5.55555556rem;
}
/***
*    ########     ###     ######   ########    ########  ########   #######  ########  ##     ## #### ########  ######  
*    ##     ##   ## ##   ##    ##  ##          ##     ## ##     ## ##     ## ##     ## ##     ##  ##     ##    ##    ## 
*    ##     ##  ##   ##  ##        ##          ##     ## ##     ## ##     ## ##     ## ##     ##  ##     ##    ##       
*    ########  ##     ## ##   #### ######      ########  ########  ##     ## ##     ## ##     ##  ##     ##     ######  
*    ##        ######### ##    ##  ##          ##        ##   ##   ##     ## ##     ## ##     ##  ##     ##          ## 
*    ##        ##     ## ##    ##  ##          ##        ##    ##  ##     ## ##     ## ##     ##  ##     ##    ##    ## 
*    ##        ##     ##  ######   ########    ##        ##     ##  #######  ########   #######  ####    ##     ######  
*/
#produits {
  padding: 10rem 6.11111111rem 10rem 12.22222222rem;
  padding-top: 0;
}
#produits .categorie:not(:first-of-type) {
  margin-top: 3.61111111rem;
}
#produits .categorie > h3 {
  margin-top: 0;
  line-height: 1;
  margin-bottom: 2.22222222rem;
  font-weight: 700;
}
.colonnes .produit {
  background-color: #ececec;
  padding-bottom: 33.33333333%;
}
.colonnes .produit:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid rgba(86, 86, 86, 0.1);
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.colonnes .produit:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #f1fbfa;
  -ms-transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  pointer-events: none;
  -webkit-transform: rotate(0) scale(1, 0) skew(0deg) translate(0px);
  -moz-transform: rotate(0) scale(1, 0) skew(0deg) translate(0px);
  -o-transform: rotate(0) scale(1, 0) skew(0deg) translate(0px);
  -ms-transform: rotate(0) scale(1, 0) skew(0deg) translate(0px);
  transform: rotate(0) scale(1, 0) skew(0deg) translate(0px);
  -webkit-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.colonnes .produit span {
  position: absolute;
  opacity: 0;
  color: #565656;
  -webkit-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
  z-index: 1;
}
.colonnes .produit span:first-of-type {
  top: 2.22222222rem;
  right: 2.22222222rem;
  -ms-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-90deg) scale(1) skew(0) translate(0, -50%);
  -moz-transform: rotate(-90deg) scale(1) skew(0) translate(0, -50%);
  -o-transform: rotate(-90deg) scale(1) skew(0) translate(0, -50%);
  -ms-transform: rotate(-90deg) scale(1) skew(0) translate(0, -50%);
  transform: rotate(-90deg) scale(1) skew(0) translate(0, -50%);
  font-size: 1.44444444rem;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}
.colonnes .produit span.plus {
  width: 2.5rem;
  height: 2.5rem;
  bottom: 1.38888889rem;
  right: 1.38888889rem;
  -webkit-transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: rotate(0) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(0) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(0) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(0) scale(1) skew(0deg) translate(0px);
  transform: rotate(0) scale(1) skew(0deg) translate(0px);
}
.colonnes .produit span.plus:hover {
  -webkit-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
}
.colonnes .produit span.plus:before,
.colonnes .produit span.plus:after {
  content: "";
  position: absolute;
  width: 0.22222222rem;
  height: 100%;
  background-color: #565656;
  left: 50%;
  top: 50%;
  -webkit-transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
  -moz-transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
  -o-transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
  -ms-transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
  transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
}
.colonnes .produit span.plus:after {
  width: 100%;
  height: 0.22222222rem;
}
.colonnes .produit div {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 80%;
  -webkit-transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: transform;
}
.colonnes .produit:hover:before {
  opacity: 0;
}
.colonnes .produit:hover:after {
  -webkit-transform: rotate(0) scale(1, 1) skew(0deg) translate(0px);
  -moz-transform: rotate(0) scale(1, 1) skew(0deg) translate(0px);
  -o-transform: rotate(0) scale(1, 1) skew(0deg) translate(0px);
  -ms-transform: rotate(0) scale(1, 1) skew(0deg) translate(0px);
  transform: rotate(0) scale(1, 1) skew(0deg) translate(0px);
}
.colonnes .produit:hover span {
  opacity: 1;
}
.colonnes .produit:hover div {
  -webkit-transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
  -moz-transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
  -o-transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
  -ms-transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
  transform: rotate(0) scale(1.1) skew(0deg) translate(0px);
}
/***
*     ######  #### ##    ##  ######   ##       ########    ########  ########   #######  ########  ##     ## #### ######## 
*    ##    ##  ##  ###   ## ##    ##  ##       ##          ##     ## ##     ## ##     ## ##     ## ##     ##  ##     ##    
*    ##        ##  ####  ## ##        ##       ##          ##     ## ##     ## ##     ## ##     ## ##     ##  ##     ##    
*     ######   ##  ## ## ## ##   #### ##       ######      ########  ########  ##     ## ##     ## ##     ##  ##     ##    
*          ##  ##  ##  #### ##    ##  ##       ##          ##        ##   ##   ##     ## ##     ## ##     ##  ##     ##    
*    ##    ##  ##  ##   ### ##    ##  ##       ##          ##        ##    ##  ##     ## ##     ## ##     ##  ##     ##    
*     ######  #### ##    ##  ######   ######## ########    ##        ##     ##  #######  ########   #######  ####    ##    
*/
.produit-anime .presentation {
  padding-bottom: 0 !important;
}
.contenu-principal {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding-top: 6.66666667rem;
}
.contenu-principal .col {
  /* Calcul des marge entre les éléments dans le width */
  width: calc(35% - 2.9629629629629632rem);
}
.contenu-principal .col .bloc-texte {
  position: absolute;
}
.contenu-principal .col .bloc-texte.premier-bloc {
  padding-top: 11.11111111rem;
}
.contenu-principal .container-image {
  /* Calcul des marge entre les éléments dans le width */
  width: calc(30% - 2.9629629629629632rem);
  text-align: center;
}
.contenu-principal .blocs-texte-mobile {
  display: none;
}
.produit-statique .contenu-principal > :not(:first-child) {
  margin-left: 4.44444444rem;
}
.produit-anime .contenu-principal {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}
.produit-anime .contenu-principal .ref-video {
  position: absolute;
  height: calc(100% - 200vh - 9.444444444444445rem);
  top: 100vh;
}
.produit-anime .contenu-principal .col {
  display: inline-block;
  position: absolute;
  width: 25%;
  top: 6.66666667rem;
  bottom: 10rem;
  z-index: 2;
}
.produit-anime .contenu-principal div.col-droite {
  right: 12.22222222rem;
}
.produit-anime .contenu-principal .container-video {
  display: inline-block;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: -webkit-sticky;
  position: sticky;
  top: 4.72222222rem;
  height: calc(100vh - 4.722222222222222rem);
  z-index: -1;
  overflow: hidden;
}
.produit-anime .contenu-principal .container-video:after {
  content: "";
  position: absolute;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(80% + 6px);
  top: 50%;
  -ms-transform-origin: top center;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  -moz-transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  -o-transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  -ms-transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  transform: rotate(0) scale(1) skew(0) translate(0, -50%);
  z-index: 1;
  -webkit-box-shadow: inset 0 0 30px 50px #ffffff;
  -moz-box-shadow: inset 0 0 30px 50px #ffffff;
  box-shadow: inset 0 0 30px 50px #ffffff;
  pointer-events: none;
}
.produit-anime .contenu-principal .container-video video {
  width: auto !important;
  height: 80% !important;
  left: 50%;
  top: 50%;
  -webkit-transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
  -moz-transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
  -o-transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
  -ms-transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
  transform: rotate(0) scale(1) skew(0) translate(-50%, -50%);
}
.infos-produit {
  background-color: #f1fbfa;
  padding: 7.22222222rem 8.33333333rem;
  margin: 0 6.11111111rem 0 12.22222222rem;
}
.infos-produit .specifications > div:first-of-type {
  display: inline-block;
  width: 55%;
  vertical-align: middle;
}
.infos-produit .specifications > div:first-of-type h4 {
  font-weight: 700;
  font-style: italic;
  margin-top: 0;
}
.infos-produit .specifications > div:last-of-type {
  display: inline-block;
  width: 35%;
  vertical-align: middle;
  margin-left: 10%;
  text-align: center;
}
.infos-produit .specifications > div:last-of-type img {
  max-height: 33rem;
}
.infos-produit .cas-commerciaux {
  width: 100%;
  margin-top: 4rem;
}
.infos-produit .cas-commerciaux > h4 {
  font-weight: 700;
  font-style: italic;
  margin-top: 0;
}
.infos-produit .cas-commerciaux p {
  font-size: 1.22222222rem;
  letter-spacing: 0.05em;
  line-height: 2.45454545;
  font-weight: 300;
}
.produits-connexes {
  padding: 10rem 6.11111111rem 10rem 12.22222222rem;
}
.produits-connexes h3 {
  font-weight: 700;
}
.produits-connexes .colonnes {
  margin-top: 1.5rem;
}
.retour-produits {
  padding: 8rem 0;
}
.retour-produits > a {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: column;
  -webkit-box-direction: column;
  -moz-box-orient: column;
  -moz-box-direction: column;
  flex-direction: column;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  color: #565656;
}
.retour-produits > a div {
  display: block;
  margin: 0 auto;
  width: 3rem;
  height: 3rem;
  text-align: center;
}
.retour-produits > a div span {
  display: inline-block;
  width: calc(1rem - 2px);
  height: calc(1rem - 2px);
  background-color: #565656;
}
.retour-produits > a div span:not(:nth-of-type(3n - 2)) {
  margin-left: 2px;
}
.retour-produits > a > span {
  margin-top: 1.75rem;
  font-size: 1.22222222rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.retour-produits > a > span:after {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  right: 0;
  height: 1px;
  background-color: #565656;
  width: 100%;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.retour-produits > a:hover span:after {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
/***
*    ########  ##        #######   ######   ######     ##     ##  #######  ########  ##     ## ##          ###    #### ########  ########  ######  
*    ##     ## ##       ##     ## ##    ## ##    ##    ###   ### ##     ## ##     ## ##     ## ##         ## ##    ##  ##     ## ##       ##    ## 
*    ##     ## ##       ##     ## ##       ##          #### #### ##     ## ##     ## ##     ## ##        ##   ##   ##  ##     ## ##       ##       
*    ########  ##       ##     ## ##        ######     ## ### ## ##     ## ##     ## ##     ## ##       ##     ##  ##  ########  ######    ######  
*    ##     ## ##       ##     ## ##             ##    ##     ## ##     ## ##     ## ##     ## ##       #########  ##  ##   ##   ##             ## 
*    ##     ## ##       ##     ## ##    ## ##    ##    ##     ## ##     ## ##     ## ##     ## ##       ##     ##  ##  ##    ##  ##       ##    ## 
*    ########  ########  #######   ######   ######     ##     ##  #######  ########   #######  ######## ##     ## #### ##     ## ########  ######  
*/
[data-transition-namespace="default-page"] section:not(.presentation) {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
section.bloc-texte-simple {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
section.bloc-texte-simple .wysiwyg > *:not(h1):not(h2) {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
section.bloc-texte-double > div {
  width: 45%;
  display: inline-block;
  vertical-align: top;
}
section.bloc-texte-double > div:last-of-type {
  margin-left: 10%;
}
section.bloc-texte-images {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  align-items: center;
  padding-right: 0;
}
section.bloc-texte-images.fond-vert:after {
  content: "";
  position: absolute;
  left: 15.22222222rem;
  top: 0;
  bottom: 0;
  right: 3.22222222rem;
  z-index: -2;
  background-color: #f1fbfa;
  opacity: 0;
  -webkit-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.page-load-animations-started section.bloc-texte-images.fond-vert:after {
  opacity: 1;
}
section.bloc-texte-images.fond-vert .texte-container .wysiwyg {
  padding-left: 6.11111111rem;
  padding-right: 9.11111111rem;
}
section.bloc-texte-images.inverse.fond-vert .texte-container .wysiwyg {
  padding-left: 9.11111111rem;
  padding-right: 6.11111111rem;
}
section.bloc-texte-images.espace-supp {
  padding-left: 20rem;
  padding-right: 14.44444444rem;
}
section.bloc-texte-images.espace-supp .image-container {
  width: 45%;
}
section.bloc-texte-images.espace-supp .texte-container .wysiwyg {
  padding-right: 0;
}
section.bloc-texte-images.image-bg-active {
  padding-top: 20rem;
}
section.bloc-texte-images.image-bg-active .image-bg {
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
  bottom: -2rem;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.15;
}
section.bloc-texte-images.image-bg-active.fond-vert {
  padding-top: 5rem;
}
section.bloc-texte-images.image-bg-active.fond-vert .image-bg {
  top: 0;
  left: 15.22222222rem;
  right: 3.22222222rem;
  bottom: 0;
}
section.bloc-texte-images .texte-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
section.bloc-texte-images .texte-container .wysiwyg {
  padding-left: 6.11111111rem;
  padding-right: 6.11111111rem;
}
section.bloc-texte-images .texte-container > img {
  margin-top: 3rem;
  padding-left: 3rem;
}
section.bloc-texte-images .image-container {
  width: 50%;
}
section.bloc-texte-images.inverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: row-reverse;
  -webkit-box-direction: row-reverse;
  -moz-box-orient: row-reverse;
  -moz-box-direction: row-reverse;
  flex-direction: row-reverse;
}
section.bloc-texte-images.inverse .texte-container .wysiwyg {
  padding-left: 0;
  padding-right: 6.11111111rem;
}
section.bloc-texte-images.inverse .texte-container > img {
  padding-left: 0;
  padding-right: 3rem;
}
section.bloc-logos {
  padding: 10rem 6.11111111rem 10rem 12.22222222rem;
}
section.bloc-logos .wysiwyg {
  margin-bottom: 5.5rem;
}
section.bloc-logos .wysiwyg > *:not(h1):not(h2) {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
section.bloc-logos .wysiwyg > * {
  text-align: center !important;
}
section.bloc-logos .logos {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  align-items: center;
}
section.bloc-logos .logos a {
  width: calc(20% - 5rem);
  margin: 0 2.5rem;
}
section.bloc-equipe {
  padding: 10rem 6.11111111rem 10rem 12.22222222rem;
}
section.bloc-equipe .wysiwyg {
  margin-bottom: 5.5rem;
}
section.bloc-equipe .wysiwyg > *:not(h1):not(h2) {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
section.bloc-equipe .wysiwyg > * {
  text-align: center !important;
}
section.bloc-equipe .membres .membre {
  display: inline-block;
  width: 33.33333333%;
  vertical-align: top;
}
section.bloc-equipe .membres .membre:nth-of-type(1n + 4) {
  margin-top: 2rem;
}
section.bloc-equipe .membres .membre > div:first-of-type {
  padding-bottom: 145%;
  background-size: auto 90%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #ececec;
}
section.bloc-equipe .membres .membre > div:last-of-type {
  padding: 3.5rem 3rem;
}
section.bloc-equipe .membres .membre > div:last-of-type h3 {
  margin-top: 0;
  line-height: 1.4;
  font-weight: 400;
}
section.bloc-equipe .membres .membre > div:last-of-type span {
  display: block;
  margin-top: 1rem;
  font-size: 1.22222222rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-transform: uppercase;
  font-weight: 300;
}
section.bloc-equipe .membres .membre > div:last-of-type a {
  display: inline-block;
  margin-right: 1.25rem;
  margin-top: 1rem;
  font-size: 0.94444444rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 300;
  color: #565656;
  text-decoration: underline;
}
section.bloc-equipe .membres .membre > div:last-of-type a:hover {
  color: #000000;
}
/***
*    ########  ########  ######   #######  ##     ## ########   ######  ########  ######  
*    ##     ## ##       ##    ## ##     ## ##     ## ##     ## ##    ## ##       ##    ## 
*    ##     ## ##       ##       ##     ## ##     ## ##     ## ##       ##       ##       
*    ########  ######    ######  ##     ## ##     ## ########  ##       ######    ######  
*    ##   ##   ##             ## ##     ## ##     ## ##   ##   ##       ##             ## 
*    ##    ##  ##       ##    ## ##     ## ##     ## ##    ##  ##    ## ##       ##    ## 
*    ##     ## ########  ######   #######   #######  ##     ##  ######  ########  ######  
*/
.single-ressource .presentation {
  padding: 2.77777778rem 12.22222222rem 3.61111111rem 12.22222222rem !important;
}
.auteur {
  padding: 2rem 12.22222222rem;
  text-align: center;
}
.auteur > span:first-child {
  display: inline-block;
  height: 7rem;
  width: 7rem;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.auteur > span:first-child + p {
  display: block;
  font-size: 2rem;
  line-height: 1;
  font-weight: 400;
  margin-top: 0.5rem;
}
.auteur > span:first-child + p + p {
  display: block;
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.5rem;
}
.texte-principal {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.texte-principal img {
  width: 100%;
}
.appel-action {
  text-align: center;
}
.ressource {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5rem !important;
}
.ressource:nth-child(3n) {
  margin-right: 0;
}
.ressource > span:first-child {
  display: inline-block;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.ressource > span:first-child:before {
  content: "";
  display: inline-block;
  padding-top: 66%;
}
/***
*    ##          #####   ##        
*    ##    ##   ##   ##  ##    ##  
*    ##    ##  ##     ## ##    ##  
*    ##    ##  ##     ## ##    ##  
*    ######### ##     ## ######### 
*          ##   ##   ##        ##  
*          ##    #####         ##  
*/
[data-transition-namespace="404"] {
  padding-top: 0;
}
[data-transition-namespace="404"] section {
  height: calc(100vh - 6rem);
  text-align: center;
}
[data-transition-namespace="404"] section > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 3rem;
}
[data-transition-namespace="404"] section > div > :first-child {
  margin-top: 0;
}
[data-transition-namespace="404"] section > div .cta {
  margin-top: 2.5rem;
}
/***
*    ########  #######   #######  ######## ######## ########  
*    ##       ##     ## ##     ##    ##    ##       ##     ## 
*    ##       ##     ## ##     ##    ##    ##       ##     ## 
*    ######   ##     ## ##     ##    ##    ######   ########  
*    ##       ##     ## ##     ##    ##    ##       ##   ##   
*    ##       ##     ## ##     ##    ##    ##       ##    ##  
*    ##        #######   #######     ##    ######## ##     ## 
*/
footer {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  align-items: center;
  height: 6rem;
  padding: 0 4.16666667rem;
}
footer .reseaux-sociaux a {
  display: inline-block;
  color: #565656;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
footer .reseaux-sociaux a:hover {
  color: #000000;
}
footer .reseaux-sociaux a:not(:first-of-type) {
  margin-left: 3.05555556rem;
}
/***
*    ##     ## ######## ########  ####    ###        #######  ##     ## ######## ########  ##    ## 
*    ###   ### ##       ##     ##  ##    ## ##      ##     ## ##     ## ##       ##     ##  ##  ##  
*    #### #### ##       ##     ##  ##   ##   ##     ##     ## ##     ## ##       ##     ##   ####   
*    ## ### ## ######   ##     ##  ##  ##     ##    ##     ## ##     ## ######   ########     ##    
*    ##     ## ##       ##     ##  ##  #########    ##  ## ## ##     ## ##       ##   ##      ##    
*    ##     ## ##       ##     ##  ##  ##     ##    ##    ##  ##     ## ##       ##    ##     ##    
*    ##     ## ######## ########  #### ##     ##     ##### ##  #######  ######## ##     ##    ##    
*/
@media screen and (min-width: 1400px) {
  .texte-principal {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding: 5.55555556rem 0rem 2rem 0rem;
    width: 700px;
    margin: auto;
  }
  .appel-action {
    padding: 2rem 12.22222222rem 10rem 12.22222222rem;
  }
  #ressources {
    padding: 2rem 12.22222222rem;
  }
}
/***
  *     #####  ###### ##### # #####    #####  ######  ####  #    # #####  ####  #####  
  *     #    # #        #   #   #      #    # #      #      #   #    #   #    # #    # 
  *     #    # #####    #   #   #      #    # #####   ####  ####     #   #    # #    # 
  *     #####  #        #   #   #      #    # #           # #  #     #   #    # #####  
  *     #      ######   #   #   #      #####  ######  ####  #    #   #    ####  #      
  */
@media screen and (max-width: 1400px) {
  #introduction-accueil .wysiwyg {
    width: 40%;
  }
  #introduction-accueil .img-section {
    width: 50%;
  }
  section.bloc-texte-simple .wysiwyg > *:not(h1):not(h2) {
    width: 60%;
  }
  .texte-principal {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding: 5.55555556rem 0rem 2rem 0rem;
    width: 650px;
    margin: auto;
  }
  .appel-action {
    padding: 2rem 12.22222222rem 10rem 12.22222222rem;
  }
  #ressources {
    padding: 2rem 12.22222222rem;
  }
}
/***
  *     #####   ##   #####  #      ###### ##### ##### ######  ####  
  *       #    #  #  #    # #      #        #     #   #      #      
  *       #   #    # #####  #      #####    #     #   #####   ####  
  *       #   ###### #    # #      #        #     #   #           # 
  *       #   #    # #####  ###### ######   #     #   ######  ####  
  */
@media screen and (max-width: 1199px) {
  .texte-principal {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding: 5.55555556rem 0rem 2rem 0rem;
    width: 600px;
    margin: auto;
  }
  .ressource {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin: 0;
    margin-right: 5%;
  }
  .ressource:nth-child(2n) {
    margin-right: 0;
  }
}
/***
  *     #####   ##   #####  #      ###### ##### ##### ######    #####    ##   #   #  ####    ##    ####  ###### 
  *       #    #  #  #    # #      #        #     #   #         #    #  #  #   # #  #       #  #  #    # #      
  *       #   #    # #####  #      #####    #     #   #####     #    # #    #   #    ####  #    # #      #####  
  *       #   ###### #    # #      #        #     #   #         #####  ######   #        # ###### #  ### #      
  *       #   #    # #####  ###### ######   #     #   ######    #      #    #   #    ####  #    #  ####  ###### 
  */
@media screen and (max-width: 1199px) and (min-width: 750px) and (orientation: landscape) {
  h1 {
    font-size: 1.875rem;
  }
  h2 {
    font-size: 1.875rem;
  }
  h3 {
    font-size: 1rem;
  }
  h4 {
    font-size: 0.875rem;
  }
  p {
    font-size: 1rem;
  }
  li {
    font-size: 1rem;
  }
  blockquote > * {
    font-size: 1.7rem;
  }
  p,
  ul,
  ol {
    margin-top: 2rem;
  }
  table {
    font-size: 0.85714286rem;
  }
  th,
  td {
    padding: 1.25rem 1rem 1.25rem 0;
  }
  .cta {
    padding: 0.7rem 1.2rem;
    font-size: 1.25rem;
  }
  .cta:after {
    margin-left: 1.2rem;
    font-size: 1.25rem;
  }
  .mini-cta {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
  .mini-cta:after {
    margin-left: 1rem;
    font-size: 1rem;
  }
  main ul,
  main ol {
    padding-left: 1.75rem;
  }
  main ul li:before,
  main ol li:before {
    left: -1.75rem;
  }
  main {
    padding-top: 8rem;
  }
  section {
    padding: 9rem 8.5rem;
  }
  .padding-centered {
    padding: 9rem 8.5rem;
  }
  .padding-offset-left {
    padding: 9rem 4.25rem 9rem 8.5rem;
  }
  .presentation {
    padding: 9rem 8.5rem !important;
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .single-ressource .presentation {
    padding: 2.3125rem 8.5rem 3.16666667rem 8.5rem !important;
  }
  .presentation .wysiwyg > *:not(h1):not(h2) {
    width: 100%;
  }
  header #haut-page {
    height: 8rem;
  }
  header #haut-page .logo {
    top: 1.5rem;
    width: 3.25rem;
  }
  header #haut-page .logo img {
    width: 3.25rem;
  }
  header #haut-page .langue {
    top: 1.5rem;
    right: 2.5rem;
    font-size: 1rem;
  }
  header .top-bar {
    height: 4rem;
    padding: 0 2.5rem;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  }
  header .top-bar a.logo-texte {
    font-size: 1.25rem;
  }
  header .top-bar a.langue {
    font-size: 1rem;
  }
  header .burger {
    left: 2.5rem;
  }
  header .burger > h3 {
    font-size: 1.1rem;
  }
  header .burger > h3 span {
    font-size: 0.625rem;
    margin-right: 2.25rem;
  }
  header .burger > h3 span.produit-single-indication {
    display: none;
  }
  header .burger > span {
    font-size: 1rem;
  }
  header #navigation {
    padding: 9rem 0 7rem 5.5rem;
  }
  header #navigation nav ol li:not(:first-of-type) {
    margin-top: 2.5rem;
  }
  header #navigation nav ol li:before {
    left: -2.5rem;
    font-size: 0.75rem;
  }
  header #navigation nav ol li a {
    font-size: 1.25rem;
  }
  header #navigation #infos-contact {
    margin-top: 5rem;
    margin-left: 11rem;
  }
  header #navigation #infos-contact > span {
    font-size: 1rem;
  }
  header #navigation #infos-contact ul {
    margin-top: 1.5rem;
  }
  header #navigation #infos-contact ul li {
    font-size: 0.875rem;
  }
  header #navigation #infos-contact ul li a {
    font-size: 0.875rem;
  }
  header #navigation #infos-contact ul li:not(:first-child) {
    margin-top: 1.5rem;
  }
  header #navigation .reseaux-sociaux {
    bottom: 2.1rem;
    left: 2.5rem;
  }
  header #navigation .reseaux-sociaux a {
    font-size: 0.875rem;
  }
  header #navigation .reseaux-sociaux a:not(:first-of-type) {
    margin-left: 2.5rem;
  }
  header #navigation .copyright {
    font-size: 0.875rem;
    bottom: 2.1rem;
    right: 2.5rem;
  }
  #introduction-accueil .wysiwyg {
    width: 40%;
  }
  #introduction-accueil .wysiwyg h1,
  #introduction-accueil .wysiwyg h2 {
    font-size: 2.75rem;
  }
  #introduction-accueil .wysiwyg h3 {
    font-size: 1.375rem;
  }
  #introduction-accueil .wysiwyg h1 + h3 {
    margin-top: 3rem;
  }
  #introduction-accueil .img-section {
    width: 50%;
  }
  #introduction-accueil .call-to-scroll {
    bottom: 8rem;
  }
  #introduction-accueil .call-to-scroll span:first-child {
    font-size: 1rem;
  }
  #introduction-accueil .call-to-scroll span:last-child {
    width: 7rem;
  }
  #expertises-produits-accueil {
    padding: 9rem 4.25rem 9rem 8.5rem;
  }
  #expertises-produits-accueil article:not(:first-of-type) {
    margin-top: 11.5rem;
  }
  #expertises-produits-accueil article > div {
    width: 70%;
  }
  #expertises-produits-accueil article > div > .cta {
    margin-top: 3.5rem;
  }
  #expertises-produits-accueil #produits-accueil > div {
    margin-left: 30%;
  }
  #valeurs-accueil {
    padding: 9rem 4.25rem 9rem 8.5rem;
  }
  #valeurs-accueil .texte-haut-gauche {
    width: 40%;
  }
  #valeurs-accueil .texte-haut-droite {
    width: 50%;
    margin-left: 10%;
  }
  #valeurs-accueil .valeurs {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-top: 4.5rem;
  }
  #valeurs-accueil .valeurs .valeur {
    max-width: inherit;
    width: calc(50% - 2rem);
    flex-grow: inherit;
    flex-basis: inherit;
  }
  #valeurs-accueil .valeurs .valeur:not(:first-of-type) {
    margin-left: 0;
  }
  #valeurs-accueil .valeurs .valeur:nth-of-type(even) {
    margin-left: 4rem;
  }
  #valeurs-accueil .valeurs .valeur:nth-of-type(3) {
    margin-top: 3rem;
  }
  #valeurs-accueil .valeurs .valeur .wysiwyg {
    margin-top: 1rem;
  }
  #valeurs-accueil > .cta {
    margin-top: 4rem;
  }
  #produits {
    padding: 9rem 4.25rem 9rem 8.5rem;
    padding-top: 0;
  }
  #produits .categorie:not(:first-of-type) {
    margin-top: 3rem;
  }
  #produits .categorie > h3 {
    margin-top: 0;
    line-height: 1;
    margin-bottom: 2rem;
  }
  .colonnes .produit {
    padding-bottom: 33.33333333%;
  }
  .colonnes .produit span:first-of-type {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1rem;
    opacity: 1;
  }
  .colonnes .produit span.plus {
    width: 1.75rem;
    height: 1.75rem;
    bottom: 1rem;
    right: 1rem;
    opacity: 1;
  }
  .colonnes .produit span.plus:before,
  .colonnes .produit span.plus:after {
    width: 0.16666667rem;
    height: 100%;
  }
  .colonnes .produit span.plus:after {
    width: 100%;
    height: 0.16666667rem;
  }
  .produit-anime .presentation {
    padding-bottom: 4rem !important;
  }
  .contenu-principal {
    padding-top: 5rem;
  }
  .contenu-principal .col {
    /* Calcul des marge entre les éléments dans le width */
    width: calc(35% - 1.6666666666666667rem);
  }
  .contenu-principal .container-image {
    /* Calcul des marge entre les éléments dans le width */
    width: calc(30% - 1.6666666666666667rem);
  }
  .contenu-principal .wysiwyg h1 {
    font-size: 1.625rem;
  }
  .contenu-principal .wysiwyg h2 {
    font-size: 1.625rem;
  }
  .contenu-principal .wysiwyg h3 {
    font-size: 0.875rem;
  }
  .contenu-principal .wysiwyg h4 {
    font-size: 0.75rem;
  }
  .contenu-principal .wysiwyg p {
    font-size: 0.875rem;
  }
  .contenu-principal .wysiwyg li {
    font-size: 0.875rem;
  }
  .produit-statique .contenu-principal > :not(:first-child) {
    margin-left: 2.5rem;
  }
  .produit-anime .contenu-principal {
    padding-bottom: 9rem;
  }
  /*
    .produit-anime .contenu-principal { .justify-content(space-between); @value: 85/18; height: calc(~"100vh - @{value}rem"); }
    .produit-anime .contenu-principal .col { width: 20%; top: 5rem; bottom: 9rem; }
    .produit-anime .contenu-principal div.col-droite { right: 8.5rem; }
    .produit-anime .contenu-principal video { position: absolute; top: 0; left: 50%; .translateX(-50%); height: 100%; width: auto !important; }
    .produit-anime .contenu-principal .container-video:after { .box-shadow-inset(0, 0, 25px, 30px, @couleur_blanc); }
    */
  .produit-anime .contenu-principal {
    height: auto!important;
    overflow: hidden;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile {
    width: 100%!important;
    text-align: center;
    display: block;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte {
    padding-right: 0!important;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 8rem;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte .container-video-fixed {
    width: 50%;
    -webkit-transform: rotate(0deg) scale(1.5) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.5) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.5) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.5) skew(0deg) translate(0px);
    transform: rotate(0deg) scale(1.5) skew(0deg) translate(0px);
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte .container-video-fixed:after {
    content: "";
    position: absolute;
    top: -2%;
    left: -2%;
    -webkit-box-shadow: inset 0 0 30px 35px #ffffff;
    -moz-box-shadow: inset 0 0 30px 35px #ffffff;
    box-shadow: inset 0 0 30px 35px #ffffff;
    width: 104%;
    height: 104%;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte .container-video-fixed video {
    pointer-events: none;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte .container-texte {
    z-index: 1;
    width: 50%;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte .container-texte h2 {
    font-size: 2.5rem;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte .container-texte h3 {
    font-size: 2rem;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte .container-texte p {
    font-size: 1.5rem;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte .container-texte > *:first-child {
    margin-top: 0;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte:nth-child(2n) {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: row-reverse;
    -webkit-box-direction: row-reverse;
    -moz-box-orient: row-reverse;
    -moz-box-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte:nth-child(2n) .container-texte > * {
    text-align: right!important;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte:nth-child(2n) .container-video-fixed {
    left: 3rem;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte:nth-child(2n+1) .container-texte > * {
    text-align: left!important;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte:nth-child(2n+1) .container-video-fixed {
    left: -3rem;
  }
  .produit-anime .contenu-principal .col {
    display: none;
  }
  .produit-anime .contenu-principal .container-video {
    display: none;
  }
  .produit-anime .contenu-principal .container-video:after {
    -webkit-box-shadow: inset 0 0 20px 25px #ffffff;
    -moz-box-shadow: inset 0 0 20px 25px #ffffff;
    box-shadow: inset 0 0 20px 25px #ffffff;
  }
  .produit-anime .contenu-principal .ref-video {
    display: none;
  }
  .infos-produit {
    padding: 5.25rem 6rem 5.25rem;
    margin: 0 4.25rem 0 8.5rem;
  }
  .infos-produit .specifications > div:first-of-type {
    width: 60%;
  }
  .infos-produit .specifications > div:last-of-type {
    width: 30%;
  }
  .infos-produit .specifications > div:last-of-type img {
    max-height: 30rem;
  }
  .infos-produit .cas-commerciaux p {
    font-size: 1rem;
  }
  .produits-connexes {
    padding: 9rem 4.25rem 9rem 8.5rem;
  }
  .produits-connexes .colonnes {
    margin-top: 1rem;
  }
  .retour-produits {
    padding: 7rem 0;
  }
  .retour-produits > a i {
    font-size: 2.5rem;
  }
  .retour-produits > a > span {
    margin-top: 1.5rem;
    font-size: 1rem;
  }
  [data-transition-namespace="default-page"] section:not(.presentation) {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  section.bloc-texte-simple {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  section.bloc-texte-simple .wysiwyg > *:not(h1):not(h2) {
    width: 70%;
  }
  section.bloc-texte-images {
    padding-right: 0;
  }
  section.bloc-texte-images .texte-container .wysiwyg {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  section.bloc-texte-images.inverse .texte-container .wysiwyg {
    padding-right: 3rem;
  }
  section.bloc-texte-images.inverse .texte-container > img {
    padding-right: 3rem;
  }
  section.bloc-texte-images .image-container {
    overflow: hidden;
    width: 40%;
  }
  section.bloc-texte-images .image-container img {
    max-width: 130%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  section.bloc-texte-images.espace-supp {
    padding-left: 10.5rem;
    padding-right: 6.25rem;
  }
  section.bloc-texte-images.image-bg-active {
    padding-top: 12rem;
  }
  section.bloc-texte-images.image-bg-active .image-bg {
    top: 2rem;
  }
  section.bloc-texte-images.image-bg-active.fond-vert {
    padding-top: 4.5rem;
  }
  section.bloc-texte-images.image-bg-active.fond-vert .image-bg {
    left: 10rem;
    right: 2.5rem;
  }
  section.bloc-texte-images.fond-vert:after {
    left: 10rem;
    right: 2.5rem;
  }
  section.bloc-texte-images.fond-vert .texte-container .wysiwyg {
    padding-left: 3rem;
    padding-right: 5rem;
  }
  section.bloc-texte-images.inverse.fond-vert .texte-container .wysiwyg {
    padding-left: 5rem;
    padding-right: 3rem;
  }
  section.bloc-logos {
    padding: 9rem 4.25rem 9rem 8.5rem;
  }
  section.bloc-logos .wysiwyg {
    margin-bottom: 5rem;
  }
  section.bloc-logos .wysiwyg > *:not(h1):not(h2) {
    width: 80%;
  }
  section.bloc-logos .logos a {
    width: calc(20% - 3rem);
    margin: 0 1.5rem;
  }
  section.bloc-equipe {
    padding: 9rem 4.25rem 9rem 8.5rem;
  }
  section.bloc-equipe .wysiwyg {
    margin-bottom: 5rem;
  }
  section.bloc-equipe .wysiwyg > *:not(h1):not(h2) {
    width: 80%;
  }
  section.bloc-equipe .membres .membre {
    width: 50%;
  }
  section.bloc-equipe .membres .membre:nth-of-type(1n + 4) {
    margin-top: 0;
  }
  section.bloc-equipe .membres .membre:nth-of-type(1n + 3) {
    margin-top: 1.5rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type {
    padding: 3rem 2.5rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type span {
    font-size: 0.875rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type a {
    font-size: 0.75rem;
  }
  footer {
    height: 5rem;
    padding: 0 2.5rem;
  }
  footer .reseaux-sociaux a {
    font-size: 0.875rem;
  }
  footer .copyright {
    font-size: 0.875rem;
  }
}
/***
  *     #####   ##   #####  #      ###### ##### ##### ######    #####   ####  #####  ##### #####    ##   # ##### 
  *       #    #  #  #    # #      #        #     #   #         #    # #    # #    #   #   #    #  #  #  #   #   
  *       #   #    # #####  #      #####    #     #   #####     #    # #    # #    #   #   #    # #    # #   #   
  *       #   ###### #    # #      #        #     #   #         #####  #    # #####    #   #####  ###### #   #   
  *       #   #    # #####  ###### ######   #     #   ######    #       ####  #    #   #   #    # #    # #   #   
  */
@media screen and (max-width: 1199px) and (orientation: portrait), screen and (max-width: 750px) {
  h1 {
    font-size: 2.28571429rem;
  }
  h2 {
    font-size: 2.28571429rem;
  }
  h3 {
    font-size: 1.28571429rem;
  }
  h4 {
    font-size: 1rem;
  }
  p {
    font-size: 1.28571429rem;
  }
  li {
    font-size: 1.28571429rem;
  }
  blockquote > * {
    font-size: 1.9rem;
  }
  p,
  ul,
  ol {
    margin-top: 2rem;
  }
  table {
    font-size: 1rem;
  }
  th,
  td {
    padding: 1.25rem 1rem 1.25rem 0;
  }
  .cta {
    padding: 0.75rem 1.5rem;
    font-size: 1.57142857rem;
    border: 1px #565656 solid;
  }
  .cta:after {
    margin-left: 1.5rem;
    font-size: 1.57142857rem;
  }
  .mini-cta {
    padding: 0.5rem 1rem;
    font-size: 0.85714286rem;
  }
  .mini-cta:after {
    margin-left: 1rem;
    font-size: 0.85714286rem;
  }
  main ul,
  main ol {
    padding-left: 1.5rem;
  }
  main ul li:before,
  main ol li:before {
    left: -1.5rem;
  }
  main {
    padding-top: 8rem;
  }
  section {
    padding: 7rem 5rem;
  }
  .padding-centered {
    padding: 7rem 5rem;
  }
  .padding-goutiere {
    padding: 7rem 3rem;
  }
  .presentation {
    padding: 5rem 3rem !important;
  }
  .single-ressource .presentation {
    padding: 2.3125rem 5rem 3.16666667rem 5rem !important;
  }
  .presentation .wysiwyg > *:not(h1):not(h2) {
    width: 100%;
  }
  header #haut-page {
    height: 8rem;
  }
  header #haut-page .logo {
    top: 2rem;
    width: 3.25rem;
  }
  header #haut-page .logo img {
    width: 3.25rem;
  }
  header #haut-page .langue {
    top: 2rem;
    right: 3rem;
    font-size: 1rem;
  }
  header #haut-page .burger-mobile {
    top: 2rem;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: block;
    position: absolute;
    left: 3rem;
  }
  header .top-bar {
    height: 5rem;
    padding: 0 3rem;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  }
  header .top-bar a.logo-texte {
    display: none;
  }
  header .top-bar a.logo {
    width: 5rem;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: rotate(0) scale(1) skew(0) translate(-50%,-50%);
    -moz-transform: rotate(0) scale(1) skew(0) translate(-50%,-50%);
    -o-transform: rotate(0) scale(1) skew(0) translate(-50%,-50%);
    -ms-transform: rotate(0) scale(1) skew(0) translate(-50%,-50%);
    transform: rotate(0) scale(1) skew(0) translate(-50%,-50%);
  }
  header .top-bar a.langue {
    font-size: 1rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: rotate(0) scale(1) skew(0) translate(0,-50%);
    -moz-transform: rotate(0) scale(1) skew(0) translate(0,-50%);
    -o-transform: rotate(0) scale(1) skew(0) translate(0,-50%);
    -ms-transform: rotate(0) scale(1) skew(0) translate(0,-50%);
    transform: rotate(0) scale(1) skew(0) translate(0,-50%);
  }
  header .burger-mobile-container {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    pointer-events: none;
    z-index: 3;
    background-color: transparent;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  header .burger-mobile-container .burger-mobile {
    display: block;
    left: 0;
    position: relative;
    top: inherit;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    pointer-events: auto;
  }
  header > .burger {
    display: none;
  }
  header #navigation {
    padding: 30% 0 25%;
  }
  header #navigation .top-bar a.langue {
    position: absolute;
    right: 3rem;
  }
  header #navigation .top-bar .logo {
    display: block;
  }
  header #navigation nav ol li:not(:first-of-type) {
    margin-top: 2.5rem;
  }
  header #navigation nav ol li:before {
    left: -3rem;
    font-size: 0.71428571rem;
  }
  header #navigation nav ol li a {
    font-size: 1.42857143rem;
  }
  header #navigation #infos-contact {
    margin-top: 5rem;
    margin-left: 9rem;
  }
  header #navigation #infos-contact > span {
    font-size: 1rem;
  }
  header #navigation #infos-contact ul {
    margin-top: 1.5rem;
  }
  header #navigation #infos-contact ul li {
    font-size: 1rem;
  }
  header #navigation #infos-contact ul li a {
    font-size: 1rem;
  }
  header #navigation #infos-contact ul li:not(:first-child) {
    margin-top: 1.5rem;
  }
  header #navigation .reseaux-sociaux {
    bottom: 2rem;
    left: 3rem;
  }
  header #navigation .reseaux-sociaux a:not(:first-of-type) {
    margin-left: 2.5rem;
  }
  header #navigation .copyright {
    bottom: 2rem;
    right: 3rem;
  }
  #introduction-accueil {
    padding: 7rem 3rem;
  }
  #introduction-accueil .wysiwyg {
    width: 50%;
  }
  #introduction-accueil .wysiwyg h1,
  #introduction-accueil .wysiwyg h2 {
    font-size: 3.28571429rem;
  }
  #introduction-accueil .wysiwyg h3 {
    font-size: 1.57142857rem;
  }
  #introduction-accueil .wysiwyg h1 + h3 {
    margin-top: 3.5rem;
  }
  #introduction-accueil .img-section {
    width: 50%;
  }
  #introduction-accueil .call-to-scroll {
    bottom: 8rem;
  }
  #introduction-accueil .call-to-scroll span:first-child {
    font-size: 1rem;
  }
  #introduction-accueil .call-to-scroll span:last-child {
    width: 7rem;
  }
  #expertises-produits-accueil {
    padding: 7rem 5rem;
  }
  #expertises-produits-accueil article:not(:first-of-type) {
    margin-top: 9rem;
  }
  #expertises-produits-accueil article > div {
    width: 100%;
  }
  #expertises-produits-accueil article > div > .cta {
    margin-top: 3.5rem;
  }
  #expertises-produits-accueil #produits-accueil > div {
    margin-left: 0;
  }
  #valeurs-accueil {
    padding: 7rem 5rem;
  }
  #valeurs-accueil .texte-haut-gauche {
    display: block;
    width: 50%;
  }
  #valeurs-accueil .texte-haut-droite {
    display: block;
    width: 70%;
    margin-left: 0;
    margin-top: 4.5rem;
  }
  #valeurs-accueil .valeurs {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-top: 4.5rem;
  }
  #valeurs-accueil .valeurs .valeur {
    max-width: inherit;
    width: calc(50% - 2rem);
    flex-grow: inherit;
    flex-basis: inherit;
  }
  #valeurs-accueil .valeurs .valeur:not(:first-of-type) {
    margin-left: 0;
  }
  #valeurs-accueil .valeurs .valeur:nth-of-type(even) {
    margin-left: 4rem;
  }
  #valeurs-accueil .valeurs .valeur:nth-of-type(3) {
    width: 100%;
    margin-top: 3rem;
  }
  #valeurs-accueil .valeurs .valeur .wysiwyg {
    margin-top: 1rem;
  }
  #valeurs-accueil > .cta {
    margin-top: 4rem;
  }
  #produits {
    padding: 7rem 3rem;
    padding-top: 0;
  }
  #produits .categorie:not(:first-of-type) {
    margin-top: 3.5rem;
  }
  #produits .categorie > h3 {
    margin-top: 0;
    line-height: 1;
    margin-bottom: 2rem;
  }
  .colonnes .produit {
    width: 50%;
    padding-bottom: 50%;
  }
  .colonnes .produit span:first-of-type {
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.28571429rem;
    opacity: 1;
  }
  .colonnes .produit span.plus {
    width: 2rem;
    height: 2rem;
    bottom: 1rem;
    right: 1rem;
    opacity: 1;
  }
  .colonnes .produit span.plus:before,
  .colonnes .produit span.plus:after {
    width: 0.16666667rem;
    height: 100%;
  }
  .colonnes .produit span.plus:after {
    width: 100%;
    height: 0.16666667rem;
  }
  .produit-anime .presentation {
    padding-bottom: 5rem !important;
  }
  .contenu-principal {
    position: relative;
    padding: 7rem 3rem;
    padding-top: 5rem;
  }
  .contenu-principal .col {
    display: none;
  }
  .contenu-principal .blocs-texte-mobile {
    display: inline-block;
    width: 60%;
  }
  .contenu-principal .blocs-texte-mobile > div {
    position: relative;
  }
  .contenu-principal .blocs-texte-mobile > div > * {
    text-align: left !important;
  }
  .contenu-principal .blocs-texte-mobile > div:not(:first-of-type) {
    margin-top: 15rem;
  }
  .produit-statique .contenu-principal > :not(:first-child) {
    margin-left: 0;
  }
  .contenu-principal .container-image {
    display: inline-block;
    text-align: right;
    top: calc(5vh + 5rem) !important;
    left: 100%;
    width: calc(40% - 5rem);
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
  }
  .contenu-principal .container-image img {
    max-height: calc(90vh - 5rem);
  }
  .produit-anime .contenu-principal {
    height: auto!important;
    overflow: hidden;
    padding-bottom: 7rem;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile {
    width: 100%!important;
    text-align: center;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .bloc-texte {
    padding-right: 0!important;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .container-video-fixed {
    width: calc(100% + 6rem);
    left: -3rem;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .container-video-fixed:before {
    content: "";
    position: absolute;
    bottom: -0.5%;
    left: -1%;
    width: 102%;
    height: 20%;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 95%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 95%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 95%);
    z-index: 1;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .container-video-fixed:after {
    content: "";
    position: absolute;
    top: -0.5%;
    left: -1%;
    width: 102%;
    height: 20%;
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
    z-index: 1;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .container-video-fixed video {
    opacity: 0;
    -webkit-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
    pointer-events: none;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile .container-video-fixed video.video-loaded {
    opacity: 1;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile > div .container-texte {
    z-index: 1;
  }
  .produit-anime .contenu-principal .blocs-texte-mobile > div .container-texte > * {
    text-align: center!important;
  }
  .produit-anime .contenu-principal .col {
    display: none;
  }
  .produit-anime .contenu-principal .container-video {
    display: none;
  }
  .produit-anime .contenu-principal .container-video:after {
    -webkit-box-shadow: inset 0 0 20px 25px #ffffff;
    -moz-box-shadow: inset 0 0 20px 25px #ffffff;
    box-shadow: inset 0 0 20px 25px #ffffff;
  }
  .produit-anime .contenu-principal .ref-video {
    display: none;
  }
  .infos-produit {
    padding: 5rem 3rem;
    margin: 0 3rem;
  }
  .infos-produit .specifications > div:first-of-type {
    width: 60%;
  }
  .infos-produit .specifications > div:last-of-type {
    width: 30%;
    margin-left: 10%;
  }
  .infos-produit .cas-commerciaux p {
    font-size: 1rem;
  }
  .produits-connexes {
    padding: 7rem 3rem;
  }
  .produits-connexes .colonnes {
    margin-top: 1rem;
  }
  .retour-produits {
    padding: 5rem 0;
  }
  .retour-produits > a i {
    font-size: 2.5rem;
  }
  .retour-produits > a > span {
    margin-top: 1.5rem;
    font-size: 1rem;
  }
  [data-transition-namespace="default-page"] section:not(.presentation) {
    padding: 7rem 5rem;
  }
  section.bloc-texte-simple .wysiwyg > *:not(h1):not(h2) {
    width: 100%;
  }
  section.bloc-texte-double > div {
    display: block;
    width: 100%;
  }
  section.bloc-texte-double > div:last-of-type {
    margin-left: 0;
    margin-top: 5rem;
  }
  section.bloc-texte-images,
  section.bloc-texte-images.inverse {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    flex-direction: column;
  }
  section.bloc-texte-images .image-container {
    width: 100%;
  }
  section.bloc-texte-images .texte-container {
    margin-top: 3rem;
  }
  section.bloc-texte-images .texte-container .wysiwyg {
    padding: 0;
  }
  section.bloc-texte-images.fond-vert:after {
    left: 0;
    right: 0;
  }
  section.bloc-texte-images.fond-vert .texte-container .wysiwyg {
    padding-left: 0;
    padding-right: 0;
  }
  section.bloc-texte-images.image-bg-active {
    padding-top: 12rem;
  }
  section.bloc-texte-images.image-bg-active .image-bg {
    top: 2rem;
  }
  section.bloc-texte-images.image-bg-active.fond-vert {
    padding-top: 5rem;
  }
  section.bloc-texte-images.image-bg-active.fond-vert .image-bg {
    left: 0;
    right: 0;
  }
  section.bloc-texte-images.espace-supp {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  section.bloc-texte-images.espace-supp .image-container {
    width: 100%;
  }
  section.bloc-texte-images.inverse.fond-vert .texte-container .wysiwyg {
    padding-left: 0;
    padding-right: 0;
  }
  section.bloc-texte-images.inverse .texte-container .wysiwyg {
    padding-right: 0;
  }
  section.bloc-texte-images.inverse .texte-container > img {
    display: none;
  }
  section.bloc-logos .wysiwyg {
    margin-bottom: 5rem;
  }
  section.bloc-logos .wysiwyg > *:not(h1):not(h2) {
    width: 80%;
  }
  section.bloc-logos .logos a {
    width: calc(20% - 1.5rem);
    margin: 0 1.5rem;
  }
  section.bloc-equipe .wysiwyg {
    margin-bottom: 5rem;
  }
  section.bloc-equipe .wysiwyg > *:not(h1):not(h2) {
    width: 80%;
  }
  section.bloc-equipe .membres .membre {
    width: 50%;
  }
  section.bloc-equipe .membres .membre:nth-of-type(1n + 4) {
    margin-top: 0;
  }
  section.bloc-equipe .membres .membre:nth-of-type(1n + 3) {
    margin-top: 1.5rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type {
    padding: 3rem 2.5rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type span {
    font-size: 1.125rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type a {
    font-size: 0.875rem;
  }
  footer {
    padding: 0 3rem;
  }
  #ressources {
    padding: 2rem 2rem;
  }
}
/***                          
  *     #    #  ####  #####  # #      ###### 
  *     ##  ## #    # #    # # #      #      
  *     # ## # #    # #####  # #      #####  
  *     #    # #    # #    # # #      #      
  *     #    #  ####  #####  # ###### ###### 
  */
@media screen and (max-width: 750px) {
  select,
  input[type="number"],
  input[type="password"],
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea {
    font-size: 16px!important;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.14285714rem;
  }
  h4 {
    font-size: 0.85714286rem;
  }
  p {
    font-size: 1.14285714rem;
  }
  li {
    font-size: 1.14285714rem;
  }
  blockquote {
    width: 100%;
    padding: 0 2.5rem;
  }
  blockquote > * {
    font-size: 1.6rem;
  }
  p,
  ul,
  ol {
    margin-top: 2rem;
  }
  table {
    font-size: 0.71428571rem;
  }
  th,
  td {
    padding: 1rem 0.75rem 1rem 0;
  }
  tr:not(:first-of-type) {
    border-top: 1px solid #565656;
  }
  .cta {
    padding: 0.75rem 1.25rem;
    font-size: 1.14285714rem;
  }
  .cta:after {
    margin-left: 1.25rem;
    font-size: 1.14285714rem;
  }
  .mini-cta {
    padding: 0.5rem 1rem;
    font-size: 0.85714286rem;
  }
  .mini-cta:after {
    margin-left: 1rem;
    font-size: 0.85714286rem;
  }
  main ul,
  main ol {
    padding-left: 1.25rem;
  }
  main ul li:before,
  main ol li:before {
    left: -1.25rem;
  }
  main {
    padding-top: 8rem;
  }
  section {
    padding: 5rem 2rem;
  }
  .padding-goutiere {
    padding: 5rem 2rem;
  }
  .presentation {
    padding: 5rem 2rem !important;
  }
  header .burger {
    -webkit-transform: rotate(0) scale(0.8) skew(0deg) translate(0px) !important;
    -moz-transform: rotate(0) scale(0.8) skew(0deg) translate(0px) !important;
    -o-transform: rotate(0) scale(0.8) skew(0deg) translate(0px) !important;
    -ms-transform: rotate(0) scale(0.8) skew(0deg) translate(0px) !important;
    transform: rotate(0) scale(0.8) skew(0deg) translate(0px) !important;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  header .langue .language-code {
    display: inline-block;
  }
  header .langue span:not(.language-code) {
    display: none;
  }
  header #haut-page .langue {
    right: 2rem;
  }
  header #haut-page .burger-mobile {
    left: 2rem;
  }
  header .top-bar {
    padding: 0 2rem;
    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
  }
  header .top-bar a.logo {
    width: 4.5rem;
  }
  header .top-bar a.langue {
    right: 2rem;
  }
  header #navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    padding: 5rem 2rem;
  }
  header #navigation .top-bar a.langue {
    right: 2rem;
  }
  header #navigation nav {
    margin-bottom: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  header #navigation nav ol li {
    margin-left: 2rem;
  }
  header #navigation nav ol li:not(:first-of-type) {
    margin-top: 2rem;
  }
  header #navigation nav ol li:before {
    left: -2rem;
    font-size: 0.71428571rem;
  }
  header #navigation nav ol li a {
    font-size: 1.28571429rem;
  }
  header #navigation #infos-contact {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin: 0;
  }
  header #navigation #infos-contact > span {
    display: none;
  }
  header #navigation #infos-contact ul {
    margin-top: 0;
  }
  header #navigation #infos-contact ul:after {
    display: none;
  }
  header #navigation #infos-contact ul li,
  header #navigation #infos-contact ul li a {
    font-size: 0.85714286rem;
  }
  header #navigation #infos-contact ul li:not(:first-child) {
    margin-top: 1rem;
  }
  header #navigation #infos-contact ul li br {
    display: none;
  }
  header #navigation #infos-contact ul li span {
    display: inline-block;
  }
  header #navigation .reseaux-sociaux {
    bottom: 2rem;
    left: 2rem;
  }
  header #navigation .reseaux-sociaux a {
    font-size: 0.85714286rem;
  }
  header #navigation .reseaux-sociaux a:not(:first-of-type) {
    margin-left: 2rem;
  }
  header #navigation .copyright {
    display: none;
  }
  #introduction-accueil {
    padding: 5rem 2rem;
  }
  #introduction-accueil .wysiwyg {
    width: 100%;
  }
  #introduction-accueil .wysiwyg h1,
  #introduction-accueil .wysiwyg h2 {
    font-size: 2.85714286rem;
  }
  #introduction-accueil .wysiwyg h3 {
    font-size: 1.42857143rem;
  }
  #introduction-accueil .wysiwyg h1 + h3 {
    margin-top: 3.5rem;
  }
  #introduction-accueil .img-section {
    width: 100%;
    -webkit-transform: rotate(0) scale(1) skew(0) translate(50%, -50%);
    -moz-transform: rotate(0) scale(1) skew(0) translate(50%, -50%);
    -o-transform: rotate(0) scale(1) skew(0) translate(50%, -50%);
    -ms-transform: rotate(0) scale(1) skew(0) translate(50%, -50%);
    transform: rotate(0) scale(1) skew(0) translate(50%, -50%);
    opacity: 0.25;
  }
  #introduction-accueil .call-to-scroll {
    bottom: 3rem;
  }
  #introduction-accueil .call-to-scroll span:first-child {
    font-size: 0.85714286rem;
  }
  #introduction-accueil .call-to-scroll span:last-child {
    width: 2rem;
  }
  #expertises-produits-accueil {
    padding: 5rem 2rem;
  }
  #expertises-produits-accueil > div {
    opacity: 0.15;
  }
  #expertises-produits-accueil article:not(:first-of-type) {
    margin-top: 5rem;
  }
  #expertises-produits-accueil article > div > .cta {
    margin-top: 3rem;
  }
  #valeurs-accueil {
    padding: 5rem 2rem;
  }
  #valeurs-accueil .texte-haut-gauche {
    width: 100%;
  }
  #valeurs-accueil .texte-haut-droite {
    width: 100%;
    margin-top: 3.5rem;
  }
  #valeurs-accueil .valeurs {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    flex-direction: column;
    margin-top: 3.5rem;
  }
  #valeurs-accueil .valeurs .valeur {
    width: 100%;
  }
  #valeurs-accueil .valeurs .valeur .wysiwyg {
    margin-top: 0.5rem;
  }
  #valeurs-accueil .valeurs .valeur:not(:first-of-type) {
    margin-left: 0;
  }
  #valeurs-accueil .valeurs .valeur:nth-of-type(even) {
    margin-left: 0;
  }
  #valeurs-accueil .valeurs .valeur:nth-of-type(3) {
    margin-top: 0;
  }
  #valeurs-accueil .valeurs .valeur:not(:first-of-type) {
    margin-top: 2.5rem;
  }
  #valeurs-accueil > .cta {
    margin-top: 4rem;
  }
  #produits {
    padding: 5rem 2rem;
    padding-top: 0;
  }
  .colonnes .produit {
    width: 100%;
    padding-bottom: 100%;
  }
  .contenu-principal {
    padding: 5rem 2rem;
    padding-bottom: 9rem;
  }
  .contenu-principal .blocs-texte-mobile {
    display: inline-block;
    width: 70%;
  }
  .contenu-principal .blocs-texte-mobile > div:not(:first-of-type) {
    margin-top: 8rem;
  }
  .contenu-principal .blocs-texte-mobile .bloc-texte {
    padding-right: 1rem;
  }
  .contenu-principal .container-image {
    top: calc(10vh + 5rem) !important;
    width: calc(30% - 1rem);
  }
  .contenu-principal .container-image img {
    max-height: calc(80vh - 5rem) !important;
  }
  .contenu-principal .wysiwyg h1 {
    font-size: 1.42857143rem;
  }
  .contenu-principal .wysiwyg h2 {
    font-size: 1.42857143rem;
  }
  .contenu-principal .wysiwyg h3 {
    font-size: 1rem;
  }
  .contenu-principal .wysiwyg h4 {
    font-size: 0.85714286rem;
  }
  .contenu-principal .wysiwyg p {
    font-size: 1rem;
  }
  .contenu-principal .wysiwyg li {
    font-size: 1rem;
  }
  .produit-anime .contenu-principal {
    padding-bottom: 5rem;
  }
  .infos-produit {
    padding: 3rem 2rem;
    margin: 0 2rem;
  }
  .infos-produit .specifications > div:first-of-type {
    width: 100%;
  }
  .infos-produit .specifications > div:first-of-type table {
    margin-bottom: 0;
  }
  .infos-produit .specifications > div:last-of-type {
    margin-left: 0;
    margin-top: 2.5rem;
    width: 100%;
    padding: 0 10%;
  }
  .infos-produit .specifications > div:last-of-type img {
    max-height: 20rem;
  }
  .infos-produit .cas-commerciaux p {
    font-size: 0.85714286rem;
  }
  .produits-connexes {
    padding: 5rem 2rem;
  }
  .retour-produits {
    padding: 3rem 0;
  }
  .retour-produits > a i {
    font-size: 2.25rem;
  }
  .retour-produits > a > span {
    font-size: 0.85714286rem;
  }
  [data-transition-namespace="default-page"] section:not(.presentation) {
    padding: 5rem 2rem;
  }
  section.bloc-texte-images.image-bg-active {
    padding-top: 10rem;
  }
  section.bloc-texte-images.image-bg-active .image-bg {
    top: 0;
  }
  section.bloc-logos .wysiwyg {
    margin-bottom: 3rem;
  }
  section.bloc-logos .wysiwyg > *:not(h1):not(h2) {
    width: 100%;
  }
  section.bloc-logos .logos {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    flex-direction: column;
  }
  section.bloc-logos .logos a {
    display: block;
    width: 50%;
    margin: 0;
  }
  section.bloc-logos .logos a:not(:first-of-type) {
    margin-top: 3rem;
  }
  section.bloc-equipe .wysiwyg {
    margin-bottom: 3rem;
  }
  section.bloc-equipe .wysiwyg > *:not(h1):not(h2) {
    width: 100%;
  }
  section.bloc-equipe .membres .membre {
    width: 100%;
  }
  section.bloc-equipe .membres .membre:nth-of-type(1n + 3) {
    margin-top: 0;
  }
  section.bloc-equipe .membres .membre:not(:first-of-type) {
    margin-top: 2.5rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type {
    padding: 2.5rem 2rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type span {
    font-size: 0.85714286rem;
  }
  section.bloc-equipe .membres .membre > div:last-of-type a {
    font-size: 0.85714286rem;
  }
  .texte-principal {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding: 5.55555556rem 2rem 2rem 2rem;
    width: auto;
    margin: auto;
  }
  .ressource {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0;
  }
  .auteur {
    padding: 2rem;
  }
  .appel-action {
    padding: 2rem 2rem 10rem 2rem;
  }
  #ressources {
    padding: 2rem 2rem;
  }
  footer {
    height: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-align-items: center;
    align-items: center;
    padding: 1.5rem 2rem;
  }
  footer .reseaux-sociaux {
    text-align: center;
  }
  footer .reseaux-sociaux a {
    font-size: 0.85714286rem;
    margin: 0.5rem 1.5rem !important;
  }
  footer .copyright {
    font-size: 0.85714286rem;
    margin-top: 1.5rem;
  }
}
/***
*    ########  #######  ##    ##  ######  ######## ####  #######  ##    ##  ######     ##       ########  ######   ######  
*    ##       ##     ## ###   ## ##    ##    ##     ##  ##     ## ###   ## ##    ##    ##       ##       ##    ## ##    ## 
*    ##       ##     ## ####  ## ##          ##     ##  ##     ## ####  ## ##          ##       ##       ##       ##       
*    ######   ##     ## ## ## ## ##          ##     ##  ##     ## ## ## ##  ######     ##       ######    ######   ######  
*    ##       ##     ## ##  #### ##          ##     ##  ##     ## ##  ####       ##    ##       ##             ##       ## 
*    ##       ##     ## ##   ### ##    ##    ##     ##  ##     ## ##   ### ##    ##    ##       ##       ##    ## ##    ## 
*    ##        #######  ##    ##  ######     ##    ####  #######  ##    ##  ######     ######## ########  ######   ######  
*/
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.background-grayscale {
  filter: gray;
  -webkit-filter: grayscale(20%);
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cancel-vertical-align {
  position: relative;
  top: inherit;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.inline-flex {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.flex-height {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}