@font-face {
  font-family: 'proxima-nova';
  src: url('../fonts/proxima_nova_alt_bold-webfont.woff2') format('woff2'), url('../fonts/proxima_nova_alt_bold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'proxima-nova';
  src: url('../fonts/proxima_nova_alt_extrabold-webfont.woff2') format('woff2'), url('../fonts/proxima_nova_alt_extrabold-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'proxima-nova';
  src: url('../fonts/proxima_nova_alt_light-webfont.woff2') format('woff2'), url('../fonts/proxima_nova_alt_light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'proxima-nova';
  src: url('../fonts/proxima_nova_alt_semibold-webfont.woff2') format('woff2'), url('../fonts/proxima_nova_alt_semibold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'proxima-nova';
  src: url('../fonts/proxima_nova_regular-webfont.woff2') format('woff2'), url('../fonts/proxima_nova_regular-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Light.eot');
  src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow';
  src: url('../fonts/GothamNarrow-LightItalic.eot');
  src: url('../fonts/GothamNarrow-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-LightItalic.woff') format('woff'), url('../fonts/GothamNarrow-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Narrow';
  src: url('../fonts/GothamNarrow-Light.eot');
  src: url('../fonts/GothamNarrow-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-Light.woff') format('woff'), url('../fonts/GothamNarrow-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow';
  src: url('../fonts/GothamNarrow-Thin.eot');
  src: url('../fonts/GothamNarrow-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-Thin.woff') format('woff'), url('../fonts/GothamNarrow-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Thin.eot');
  src: url('../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Thin.woff') format('woff'), url('../fonts/Gotham-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-ThinItalic.eot');
  src: url('../fonts/Gotham-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-ThinItalic.woff') format('woff'), url('../fonts/Gotham-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.eot');
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham XNarrow';
  src: url('../fonts/GothamXNarrow-MediumItalic.eot');
  src: url('../fonts/GothamXNarrow-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamXNarrow-MediumItalic.woff') format('woff'), url('../fonts/GothamXNarrow-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-BlackItalic.eot');
  src: url('../fonts/Gotham-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-BlackItalic.woff') format('woff'), url('../fonts/Gotham-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Ultra';
  src: url('../fonts/Gotham-Ultra.eot');
  src: url('../fonts/Gotham-Ultra.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Ultra.woff') format('woff'), url('../fonts/Gotham-Ultra.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Extra';
  src: url('../fonts/Gotham-ExtraLight.eot');
  src: url('../fonts/Gotham-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-ExtraLight.woff') format('woff'), url('../fonts/Gotham-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Ultra';
  src: url('../fonts/Gotham-UltraItalic.eot');
  src: url('../fonts/Gotham-UltraItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-UltraItalic.woff') format('woff'), url('../fonts/Gotham-UltraItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.eot');
  src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('../fonts/GothamRounded-MediumItalic.eot');
  src: url('../fonts/GothamRounded-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-MediumItalic.woff') format('woff'), url('../fonts/GothamRounded-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham XNarrow';
  src: url('../fonts/GothamXNarrow-Medium.eot');
  src: url('../fonts/GothamXNarrow-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamXNarrow-Medium.woff') format('woff'), url('../fonts/GothamXNarrow-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Extra';
  src: url('../fonts/Gotham-ExtraLightItalic.eot');
  src: url('../fonts/Gotham-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-ExtraLightItalic.woff') format('woff'), url('../fonts/Gotham-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Black.eot');
  src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow';
  src: url('../fonts/GothamNarrow-MediumItalic.eot');
  src: url('../fonts/GothamNarrow-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-MediumItalic.woff') format('woff'), url('../fonts/GothamNarrow-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Narrow Book';
  src: url('../fonts/GothamNarrow-BookItalic.eot');
  src: url('../fonts/GothamNarrow-BookItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-BookItalic.woff') format('woff'), url('../fonts/GothamNarrow-BookItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Narrow';
  src: url('../fonts/GothamNarrow-Medium.eot');
  src: url('../fonts/GothamNarrow-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-Medium.woff') format('woff'), url('../fonts/GothamNarrow-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham XNarrow';
  src: url('../fonts/GothamXNarrow-Bold.eot');
  src: url('../fonts/GothamXNarrow-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamXNarrow-Bold.woff') format('woff'), url('../fonts/GothamXNarrow-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('../fonts/GothamRounded-Medium.eot');
  src: url('../fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-Medium.woff') format('woff'), url('../fonts/GothamRounded-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow Ultra';
  src: url('../fonts/GothamNarrow-Ultra.eot');
  src: url('../fonts/GothamNarrow-Ultra.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-Ultra.woff') format('woff'), url('../fonts/GothamNarrow-Ultra.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Book';
  src: url('../fonts/Gotham-BookItalic.eot');
  src: url('../fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-BookItalic.woff') format('woff'), url('../fonts/Gotham-BookItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham XNarrow';
  src: url('../fonts/GothamXNarrow-BoldItalic.eot');
  src: url('../fonts/GothamXNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamXNarrow-BoldItalic.woff') format('woff'), url('../fonts/GothamXNarrow-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('../fonts/GothamRounded-Bold.eot');
  src: url('../fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-Bold.woff') format('woff'), url('../fonts/GothamRounded-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow';
  src: url('../fonts/GothamNarrow-Bold.eot');
  src: url('../fonts/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-Bold.woff') format('woff'), url('../fonts/GothamNarrow-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow';
  src: url('../fonts/GothamNarrow-BoldItalic.eot');
  src: url('../fonts/GothamNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamNarrow-BoldItalic.woff') format('woff'), url('../fonts/GothamNarrow-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-MediumItalic.eot');
  src: url('../fonts/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-MediumItalic.woff') format('woff'), url('../fonts/Gotham-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
/*--------------------------------------------------------------
 # Colors
 --------------------------------------------------------------*/
/*--------------------------------------------------------------
 # Mixins
 --------------------------------------------------------------*/
@media screen and (max-width: 450px) {
  .page .texte-vignette-accueil {
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 980px) {
  .site-branding {
    width: 100%;
    padding: 1.5rem;
  }
  .site-branding p {
    display: inline-block;
  }
  .site-branding .menu-toggle {
    display: block;
  }
  .top-nav {
    display: none;
  }
  .top-nav li {
    display: inline;
  }
  .main-navigation {
    width: 100%;
    display: none;
  }
  .site-footer .primary-footer .primary-container .primary-content .btn-rounded-blue {
    padding: 1.5rem 3rem;
  }
  .page .texte-formes-categories-cosmetique {
    background-color: #1d4b5c;
    max-width: 54rem;
    margin: 0 auto;
  }
  .page .texte-formes-categories-cosmetique a {
    padding: 1.5rem;
  }
  .page .texte-formes-categories-sur-mesure {
    background-color: #0c0c0c;
    max-width: 54rem;
    margin: 0 auto;
  }
  .page .texte-formes-categories-sur-mesure a {
    padding: 1.5rem 1.5rem 3.5rem;
  }
  .page .texte-detail-forme-categories {
    background-color: #000;
    max-width: 35rem;
    margin: 0 auto;
  }
  .page .texte-detail-forme-categories a {
    padding: 0.5rem;
  }
  .page .content-formes .image-formes {
    top: -25%;
    -moz-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
}
@media screen and (min-width: 980px) {
  .site-branding {
    width: 30%;
    padding: 0;
  }
  .site-branding .menu-toggle {
    display: none;
  }
  .top-nav {
    display: block;
  }
  .main-navigation {
    display: inline-block;
    width: 70%;
    text-align: right;
  }
  .main-navigation ul {
    font-size: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .main-navigation ul li {
    display: flex;
    display: -webkit-flex;
    position: relative;
  }
  .main-navigation ul li a {
    text-align: center;
    margin: auto;
  }
  .main-navigation ul li:not(:first-child):not(.menu-cosmetique):not(.menu-premium)::before {
    content: '';
    height: 1rem;
    border-left: 0.1rem solid #999;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page .texte-vignette-accueil {
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page .image-formes-categories figure, .page .image-detail-forme-categories figure {
    position: relative;
  }
  .page .texte-formes-categories-cosmetique {
    position: absolute;
    right: 10%;
    top: 65%;
    -moz-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
    transform: translateY(-65%);
    max-width: 28rem;
  }
  .page .texte-formes-categories-sur-mesure {
    position: absolute;
    left: 10%;
    top: 60%;
    -moz-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
  }
  .page .texte-detail-forme-categories {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 1.5rem;
  }
  .page .descriptif-autres-formes {
    min-height: 400px;
  }
  .page .slider-page .texte-slider-page {
    display: inline-block;
  }
  .page .slider-page .texte-slider-page-cosmetique {
    display: inline-block;
  }
  .page .content-formes .image-formes {
    top: -50%;
    -moz-transform: translateY(25%);
    -o-transform: translateY(25%);
    -ms-transform: translateY(25%);
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
  }
  .page-id-30 .thumb {
    opacity: 0.6;
  }
  .page-id-30 .thumb:hover {
    opacity: 1;
  }
  .site-footer .secondary-footer .row .engagement-container .engagement-content {
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .site-footer .primary-footer .primary-container .primary-content:first-child {
    border-right: 0.1rem solid #51b5e7;
  }
  .site-footer .primary-footer .primary-container .primary-content .btn-rounded-blue {
    padding: 1.5rem 3rem 1.5rem 10rem;
  }
}
@media screen and (min-width: 450px) and (max-height: 980px) {
  .page .texte-vignette-accueil {
    -moz-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%);
  }
}
/*--------------------------------------------------------------
 # General
 --------------------------------------------------------------*/
html {
  font-size: 62.5%;
}
/* =10px */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: Gotham;
  color: #666;
  background: #fff;
  min-height: 100%;
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
a {
  display: block;
  color: #51b5e7;
  outline: none !important;
}
a:hover, a:focus {
  text-decoration: none;
  color: #333;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  text-transform: uppercase;
}
h5 {
  letter-spacing: 0.8rem;
}
h6 {
  letter-spacing: 0.5rem;
}
img {
  max-width: 100%;
  display: block;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
strong {
  font-weight: 500;
}
.table thead {
  color: #51b5e7;
  font-weight: 500;
}
.table td {
  text-align: center;
  vertical-align: middle !important;
}
.btn-rounded-blue a {
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border-radius: 5rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  background: #51b5e7 !important;
  background-image: none !important;
}
.btn-rounded-blue a:hover {
  background: #1d4b5c !important;
}
.font-blue {
  color: #51b5e7;
}
.font-bold {
  font-weight: 500;
}
.text-justify {
  text-align: justify;
}
/*--------------------------------------------------------------
 # Header
 --------------------------------------------------------------*/
.site-header {
  font-size: 0;
}
#secondary-menu {
  list-style: none;
  width: 100%;
  border-bottom: 0.1rem solid #e5e5e5;
  text-align: right;
}
#secondary-menu li {
  display: inline-block;
}
#secondary-menu li.social-link {
  vertical-align: bottom;
}
#secondary-menu li.social-link a {
  padding: 0.5rem;
}
#secondary-menu li.social-link img {
  width: 3rem;
}
#secondary-menu li:nth-child(3) {
  margin-right: 5rem;
}
#secondary-menu li a {
  padding: 1rem;
  font-size: 1.4rem;
}
#secondary-menu .top-menu-contact a {
  background-color: #51b5e7;
  color: #fff;
  font-weight: 500;
}
#secondary-menu .top-menu-contact a:hover, #secondary-menu .top-menu-contact a:focus {
  text-decoration: underline;
}
#secondary-menu .top-menu-telephone {
  position: relative;
}
#secondary-menu .top-menu-telephone::before {
  position: absolute;
  content: '';
  left: -3rem;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/wp-content/uploads/2017/01/icone-telephone.png) no-repeat center center;
  background-size: 100%;
  height: 2rem;
  width: 1.5rem;
}
#secondary-menu .top-menu-telephone::after {
  position: absolute;
  content: '';
  height: 1rem;
  border-right: 0.1rem solid #999;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.site-branding {
  display: inline-block;
  vertical-align: middle;
}
.site-branding p {
  margin: 0;
}
.site-branding a {
  display: inline-block;
}
.site-branding .menu-toggle {
  position: relative;
  float: right;
  width: 5rem;
  height: 4rem;
  background: transparent;
  border: 0;
}
.site-branding .menu-toggle::after {
  content: '';
  position: absolute;
  display: block;
  width: 2rem;
  height: 0;
  top: 0.5rem;
  right: 1.5rem;
  box-shadow: 0 1rem 0 0.1rem #999, 0 1.6rem 0 0.1rem #999, 0 2.2rem 0 0.1rem #999;
}
#page #masthead > .site-branding > a > img {
  width: 50%;
}
.main-navigation {
  vertical-align: middle;
}
.main-navigation #primary-menu li {
  position: relative;
}
.main-navigation #primary-menu li a {
  font-size: 1.4rem;
  padding: 1.5rem;
  text-transform: uppercase;
  font-family: Gotham;
  font-weight: 500;
  color: #999;
}
.main-navigation #primary-menu li a:hover, .main-navigation #primary-menu li a:focus {
  color: #51b5e7;
  text-decoration: underline;
}
.main-navigation #primary-menu li.active a {
  color: #51b5e7;
}
.main-navigation #primary-menu li.current-page-ancestor a {
  color: #51b5e7;
}
.main-navigation #primary-menu .menu-cosmetique {
  background: url('/wp-content/uploads/2017/01/visuel-menu-prenium-alu-cosmetique.jpg') no-repeat center center;
  background-size: cover;
}
.main-navigation #primary-menu .menu-cosmetique a {
  color: #fff;
}
.main-navigation #primary-menu .menu-cosmetique a:hover, .main-navigation #primary-menu .menu-cosmetique a:focus {
  color: #fff;
}
.main-navigation #primary-menu .menu-cosmetique.active a {
  color: #fff;
  text-decoration: underline;
}
.main-navigation #primary-menu .menu-premium {
  background: url('/wp-content/uploads/2017/01/visuel-menu-prenium.jpg') no-repeat center center;
  background-size: cover;
}
.main-navigation #primary-menu .menu-premium a {
  color: #fff;
}
.main-navigation #primary-menu .menu-premium a:hover, .main-navigation #primary-menu .menu-premium a:focus {
  color: #fff;
}
.main-navigation #primary-menu .menu-premium.active a {
  color: #fff;
  text-decoration: underline;
}
/*--------------------------------------------------------------
 # Page
 --------------------------------------------------------------*/
.page .entry-content, .single .entry-content, .page .site-header, .single .site-header {
  max-width: 128rem;
  margin: 0 auto;
}
.page .entry-content, .single .entry-content {
  padding: 0 1.5rem;
  font-size: 1.6rem;
}
.page h1, .single h1 {
  font-size: 3.5rem;
  font-weight: 300;
  padding: 1.5rem;
}
.page h2, .single h2 {
  font-size: 2.5rem;
  font-weight: 300;
  letter-spacing: 0.15rem;
  line-height: 1.8em;
  margin-bottom: 15px;
}
.page h3, .single h3 {
  letter-spacing: 0.4rem;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.6em;
}
.page .bouton-accueil, .single .bouton-accueil, .page .bouton-en-savoir-plus, .single .bouton-en-savoir-plus {
  background: transparent;
  position: relative;
}
.page .bouton-accueil a, .single .bouton-accueil a, .page .bouton-en-savoir-plus a, .single .bouton-en-savoir-plus a {
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
  text-transform: uppercase;
  background: #fff;
}
.page .bouton-accueil a:hover, .single .bouton-accueil a:hover, .page .bouton-en-savoir-plus a:hover, .single .bouton-en-savoir-plus a:hover, .page .bouton-accueil a:focus, .single .bouton-accueil a:focus, .page .bouton-en-savoir-plus a:focus, .single .bouton-en-savoir-plus a:focus {
  border-color: #51b5e7;
  color: #51b5e7;
}
.page .bouton-accueil::before, .single .bouton-accueil::before, .page .bouton-en-savoir-plus::before, .single .bouton-en-savoir-plus::before {
  content: '';
  border-top: 0.1rem solid #e5e5e5;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  padding: 0 1.5rem;
  z-index: -1;
}
.page .bouton-accueil::before, .single .bouton-accueil::before {
  width: calc(100% - 3rem);
  left: 1.5rem;
}
.page .bouton-en-savoir-plus::before, .single .bouton-en-savoir-plus::before {
  width: calc(100% - 16.3rem);
  left: 0;
}
.page .image-vignette-accueil, .single .image-vignette-accueil {
  position: relative;
}
.page .texte-vignette-accueil, .single .texte-vignette-accueil {
  position: absolute;
  top: 50%;
  left: 3rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.8rem;
}
.page .texte-vignette-accueil .nom-vignette-accueil, .single .texte-vignette-accueil .nom-vignette-accueil {
  font-size: 2.5rem;
  font-weight: 500;
}
.page .texte-vignette-accueil .border-bottom-white, .single .texte-vignette-accueil .border-bottom-white {
  border-bottom: 0.3rem solid #fff;
  display: block;
}
.page .slider-page, .single .slider-page {
  min-height: 23rem;
}
.page .slider-page .texte-slider-page, .single .slider-page .texte-slider-page {
  min-width: 20rem;
  text-align: center;
}
.page .slider-page .texte-slider-page h1, .single .slider-page .texte-slider-page h1 {
  color: #fff;
  font-weight: 500;
  padding: 0;
}
.page .slider-page .texte-slider-page h1 .subtitle, .single .slider-page .texte-slider-page h1 .subtitle {
  padding: 0 1.5rem;
  color: #51b5e7;
  font-size: 2rem;
  font-weight: 300;
}
.page .slider-page .texte-slider-page-cosmetique, .single .slider-page .texte-slider-page-cosmetique {
  min-width: 20rem;
  text-align: center;
  padding-left: 1rem;
}
.page .slider-page .texte-slider-page-cosmetique h1, .single .slider-page .texte-slider-page-cosmetique h1 {
  color: #51b5e7;
  font-weight: 500;
  padding: 0;
}
.page .slider-page .texte-slider-page-cosmetique h1 .subtitle, .single .slider-page .texte-slider-page-cosmetique h1 .subtitle {
  padding: 0 1.5rem;
  font-size: 2rem;
  font-weight: 300;
  color: #666;
}
.page .slider-page .texte-slider-page-cosmetique p, .single .slider-page .texte-slider-page-cosmetique p {
  padding: 0 1.5rem;
  font-size: 2rem;
}
.page .content-formes, .single .content-formes {
  padding: 1.5rem;
  margin: 6rem 0;
  min-height: 25rem;
}
.page .content-formes > div, .single .content-formes > div {
  border-top: 0.1rem solid #1e4553;
  border-bottom: 0.1rem solid #51b5e7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e4553), to(#51b5e7));
  background-image: -webkit-linear-gradient(#1e4553, #51b5e7);
  background-image: -moz-linear-gradient(#1e4553, #51b5e7), -moz-linear-gradient(#1e4553, #51b5e7);
  background-image: -o-linear-gradient(#1e4553, #51b5e7), -o-linear-gradient(#1e4553, #51b5e7);
  background-image: linear-gradient(#1e4553, #51b5e7), linear-gradient(#1e4553, #51b5e7);
  -moz-background-size: 0.1rem 100%;
  background-size: 0.1rem 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  position: relative;
}
.page .content-formes .image-formes, .single .content-formes .image-formes {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}
.page .content-formes .bouton-formes, .single .content-formes .bouton-formes {
  background: #1e4553;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border-radius: 5rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
  position: absolute;
  top: 125%;
  -moz-transform: translateY(-165%);
  -o-transform: translateY(-165%);
  -ms-transform: translateY(-165%);
  -webkit-transform: translateY(-165%);
  transform: translateY(-165%);
  left: 10%;
  right: 10%;
}
.page .content-formes .bouton-formes a, .single .content-formes .bouton-formes a {
  text-transform: uppercase;
  background: transparent;
}
.page .content-formes .bouton-formes:hover, .single .content-formes .bouton-formes:hover {
  background: #51b5e7;
}
.page .content-formes .nom-formes, .single .content-formes .nom-formes {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%);
  -o-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  background-color: #fff;
}
.page .content-formes .nom-formes h3, .single .content-formes .nom-formes h3 {
  font-size: 1.6rem;
}
.page .content-autres-formes, .single .content-autres-formes {
  padding: 1.5rem;
  border-top: 0.1rem solid #1e4553;
  border-bottom: 0.1rem solid #51b5e7;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e4553), to(#51b5e7));
  background-image: -webkit-linear-gradient(#1e4553, #51b5e7);
  background-image: -moz-linear-gradient(#1e4553, #51b5e7), -moz-linear-gradient(#1e4553, #51b5e7);
  background-image: -o-linear-gradient(#1e4553, #51b5e7), -o-linear-gradient(#1e4553, #51b5e7);
  background-image: linear-gradient(#1e4553, #51b5e7), linear-gradient(#1e4553, #51b5e7);
  -moz-background-size: 0.1rem 100%;
  background-size: 0.1rem 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  position: relative;
}
.page .content-autres-formes h3, .single .content-autres-formes h3 {
  font-weight: 500;
}
.page .content-autres-formes ul, .single .content-autres-formes ul {
  font-size: 0;
  list-style-type: circle;
  font-weight: 500;
}
.page .content-autres-formes ul li, .single .content-autres-formes ul li {
  width: 50%;
  display: inline-block;
  font-size: 1.4rem;
  padding: 1rem;
}
.page .content-autres-formes ul li img, .single .content-autres-formes ul li img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  display: inline;
  margin-right: 1rem;
}
.page .content-autres-formes .bouton-autres-formes, .single .content-autres-formes .bouton-autres-formes {
  background: #1d4b5c !important;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border-radius: 5rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
  position: absolute;
  top: 0;
  -moz-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  right: 5%;
  width: 28rem;
  text-align: center;
}
.page .content-autres-formes .bouton-autres-formes a, .single .content-autres-formes .bouton-autres-formes a {
  text-transform: uppercase;
  background: transparent;
  padding: 1.5rem;
}
.page .content-autres-formes .bouton-autres-formes:hover, .single .content-autres-formes .bouton-autres-formes:hover {
  background: #51b5e7 !important;
}
.page .texte-formes-categories-cosmetique a, .single .texte-formes-categories-cosmetique a {
  color: #fff;
  cursor: pointer;
}
.page .texte-formes-categories-cosmetique a:hover h3, .single .texte-formes-categories-cosmetique a:hover h3 {
  text-decoration: underline;
}
.page .texte-formes-categories-cosmetique a h3, .single .texte-formes-categories-cosmetique a h3 {
  font-size: 1.4rem;
  line-height: 3rem;
}
.page .texte-formes-categories-cosmetique a h3 .formes-nom-categorie, .single .texte-formes-categories-cosmetique a h3 .formes-nom-categorie {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.5rem;
}
.page .texte-formes-categories-cosmetique a .border-bottom-cosmetique, .single .texte-formes-categories-cosmetique a .border-bottom-cosmetique {
  width: 20%;
  margin: 1rem auto;
  border-bottom: 0.3rem solid;
  display: block;
}
.page .texte-formes-categories-cosmetique a p, .single .texte-formes-categories-cosmetique a p {
  margin: 0;
}
.page .texte-formes-categories-sur-mesure a, .single .texte-formes-categories-sur-mesure a {
  color: #fff;
  cursor: pointer;
}
.page .texte-formes-categories-sur-mesure a:hover h3, .single .texte-formes-categories-sur-mesure a:hover h3 {
  text-decoration: underline;
}
.page .texte-formes-categories-sur-mesure a h3, .single .texte-formes-categories-sur-mesure a h3 {
  font-size: 1.4rem;
  line-height: 3rem;
}
.page .texte-formes-categories-sur-mesure a h3 .formes-nom-categorie, .single .texte-formes-categories-sur-mesure a h3 .formes-nom-categorie {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.5rem;
}
.page .texte-formes-categories-sur-mesure a .border-bottom-sur-mesure, .single .texte-formes-categories-sur-mesure a .border-bottom-sur-mesure {
  width: 20%;
  margin: 1rem auto;
  border-bottom: 0.3rem solid #51b5e7;
  display: block;
}
.page .texte-formes-categories-sur-mesure a p, .single .texte-formes-categories-sur-mesure a p {
  margin: 0;
}
.page .formes-slider, .single .formes-slider {
  text-align: center;
}
.page .formes-slider .slick-slide img, .single .formes-slider .slick-slide img {
  margin: 0 auto 1rem;
}
.page .formes-slider a, .single .formes-slider a {
  color: #666;
}
.page .formes-slider a:hover, .single .formes-slider a:hover {
  color: #51b5e7;
}
.page .formes-slider .slick-prev, .single .formes-slider .slick-prev {
  left: -1.5rem;
}
.page .formes-slider .slick-next, .single .formes-slider .slick-next {
  right: -1.5rem;
}
.page .formes-slider .slick-prev::before, .single .formes-slider .slick-prev::before, .page .formes-slider .slick-next::before, .single .formes-slider .slick-next::before {
  color: #51b5e7;
}
.page .btn-devis a, .single .btn-devis a {
  margin-left: 6rem;
  padding: 1.5rem 7.5rem;
  position: relative;
}
.page .btn-devis a::before, .single .btn-devis a::before {
  content: url(/wp-content/uploads/2017/01/icone-devis.png);
  position: absolute;
  left: -6rem;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
}
.page .btn-devis a::after, .single .btn-devis a::after {
  content: '';
  position: absolute;
  left: -0.1rem;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10rem 10rem 0 0;
  border-color: #fff transparent transparent transparent;
}
.page .caracteristique-content .image-caracteristique, .single .caracteristique-content .image-caracteristique {
  position: relative;
}
.page .caracteristique-content p, .single .caracteristique-content p {
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.3rem;
}
.page .caracteristique-content .texte-caracteristique, .single .caracteristique-content .texte-caracteristique, .page .caracteristique-content .texte-finition, .single .caracteristique-content .texte-finition {
  position: absolute;
  bottom: 6.7rem;
  left: 1.5rem;
  right: 1.5rem;
  margin-bottom: 0;
}
.page .caracteristique-content .texte-caracteristique p, .single .caracteristique-content .texte-caracteristique p, .page .caracteristique-content .texte-finition p, .single .caracteristique-content .texte-finition p {
  color: #fff;
  font-weight: 500;
  text-transform: inherit;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5rem 0;
}
.page .caracteristique-content .texte-finition, .single .caracteristique-content .texte-finition {
  bottom: 1.5rem;
}
.page .texte-detail-forme-categories a, .single .texte-detail-forme-categories a {
  color: #fff;
  cursor: pointer;
}
.page .texte-detail-forme-categories a:hover h3, .single .texte-detail-forme-categories a:hover h3 {
  text-decoration: underline;
}
.page .texte-detail-forme-categories a h3, .single .texte-detail-forme-categories a h3 {
  font-size: 1.4rem;
  line-height: 3rem;
}
.page .texte-detail-forme-categories a h3 .detail-forme-nom-categorie, .single .texte-detail-forme-categories a h3 .detail-forme-nom-categorie {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.5rem;
}
.page .texte-detail-forme-categories a .border-bottom, .single .texte-detail-forme-categories a .border-bottom {
  width: 20%;
  margin: 1rem auto;
  border-bottom: 0.3rem solid #51b5e7;
  display: block;
}
.page .texte-detail-forme-categories a p, .single .texte-detail-forme-categories a p {
  margin: 0;
}
.page .descriptif-autres-formes li, .single .descriptif-autres-formes li {
  margin-bottom: 10px;
}
.page .sur-mesure-etapes, .single .sur-mesure-etapes {
  text-align: center;
}
.page .sur-mesure-etapes .texte-sur-mesure-etape1, .single .sur-mesure-etapes .texte-sur-mesure-etape1, .page .sur-mesure-etapes .texte-sur-mesure-etape2, .single .sur-mesure-etapes .texte-sur-mesure-etape2, .page .sur-mesure-etapes .texte-sur-mesure-etape3, .single .sur-mesure-etapes .texte-sur-mesure-etape3, .page .sur-mesure-etapes .texte-sur-mesure-etape4, .single .sur-mesure-etapes .texte-sur-mesure-etape4, .page .sur-mesure-etapes .texte-sur-mesure-etape5, .single .sur-mesure-etapes .texte-sur-mesure-etape5, .page .sur-mesure-etapes .texte-sur-mesure-etape6, .single .sur-mesure-etapes .texte-sur-mesure-etape6 {
  min-height: 4rem;
  position: relative;
  text-align: left;
  font-size: 1.6rem;
}
.page .sur-mesure-etapes .texte-sur-mesure-etape1::after, .single .sur-mesure-etapes .texte-sur-mesure-etape1::after, .page .sur-mesure-etapes .texte-sur-mesure-etape2::after, .single .sur-mesure-etapes .texte-sur-mesure-etape2::after, .page .sur-mesure-etapes .texte-sur-mesure-etape3::after, .single .sur-mesure-etapes .texte-sur-mesure-etape3::after, .page .sur-mesure-etapes .texte-sur-mesure-etape4::after, .single .sur-mesure-etapes .texte-sur-mesure-etape4::after, .page .sur-mesure-etapes .texte-sur-mesure-etape5::after, .single .sur-mesure-etapes .texte-sur-mesure-etape5::after, .page .sur-mesure-etapes .texte-sur-mesure-etape6::after, .single .sur-mesure-etapes .texte-sur-mesure-etape6::after {
  content: '';
  position: absolute;
  left: 2.5rem;
  top: 0;
  height: 100%;
  border-right: 0.3rem solid #51b5e7;
}
.page .sur-mesure-etapes .texte-sur-mesure-etape1::before, .single .sur-mesure-etapes .texte-sur-mesure-etape1::before, .page .sur-mesure-etapes .texte-sur-mesure-etape2::before, .single .sur-mesure-etapes .texte-sur-mesure-etape2::before, .page .sur-mesure-etapes .texte-sur-mesure-etape3::before, .single .sur-mesure-etapes .texte-sur-mesure-etape3::before, .page .sur-mesure-etapes .texte-sur-mesure-etape4::before, .single .sur-mesure-etapes .texte-sur-mesure-etape4::before, .page .sur-mesure-etapes .texte-sur-mesure-etape5::before, .single .sur-mesure-etapes .texte-sur-mesure-etape5::before, .page .sur-mesure-etapes .texte-sur-mesure-etape6::before, .single .sur-mesure-etapes .texte-sur-mesure-etape6::before {
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: 500;
  color: #51b5e7;
}
.page .sur-mesure-etapes .texte-sur-mesure-etape1 > div, .single .sur-mesure-etapes .texte-sur-mesure-etape1 > div, .page .sur-mesure-etapes .texte-sur-mesure-etape2 > div, .single .sur-mesure-etapes .texte-sur-mesure-etape2 > div, .page .sur-mesure-etapes .texte-sur-mesure-etape3 > div, .single .sur-mesure-etapes .texte-sur-mesure-etape3 > div, .page .sur-mesure-etapes .texte-sur-mesure-etape4 > div, .single .sur-mesure-etapes .texte-sur-mesure-etape4 > div, .page .sur-mesure-etapes .texte-sur-mesure-etape5 > div, .single .sur-mesure-etapes .texte-sur-mesure-etape5 > div, .page .sur-mesure-etapes .texte-sur-mesure-etape6 > div, .single .sur-mesure-etapes .texte-sur-mesure-etape6 > div {
  display: flex;
  display: -webkit-flex;
  min-height: 4rem;
}
.page .sur-mesure-etapes .texte-sur-mesure-etape1 > div p, .single .sur-mesure-etapes .texte-sur-mesure-etape1 > div p, .page .sur-mesure-etapes .texte-sur-mesure-etape2 > div p, .single .sur-mesure-etapes .texte-sur-mesure-etape2 > div p, .page .sur-mesure-etapes .texte-sur-mesure-etape3 > div p, .single .sur-mesure-etapes .texte-sur-mesure-etape3 > div p, .page .sur-mesure-etapes .texte-sur-mesure-etape4 > div p, .single .sur-mesure-etapes .texte-sur-mesure-etape4 > div p, .page .sur-mesure-etapes .texte-sur-mesure-etape5 > div p, .single .sur-mesure-etapes .texte-sur-mesure-etape5 > div p, .page .sur-mesure-etapes .texte-sur-mesure-etape6 > div p, .single .sur-mesure-etapes .texte-sur-mesure-etape6 > div p {
  margin: auto 0 !important;
}
.page .sur-mesure-etapes .texte-sur-mesure-etape1::before, .single .sur-mesure-etapes .texte-sur-mesure-etape1::before {
  content: '1';
}
.page .sur-mesure-etapes .texte-sur-mesure-etape2::before, .single .sur-mesure-etapes .texte-sur-mesure-etape2::before {
  content: '2';
}
.page .sur-mesure-etapes .texte-sur-mesure-etape3::before, .single .sur-mesure-etapes .texte-sur-mesure-etape3::before {
  content: '3';
}
.page .sur-mesure-etapes .texte-sur-mesure-etape4::before, .single .sur-mesure-etapes .texte-sur-mesure-etape4::before {
  content: '4';
}
.page .sur-mesure-etapes .texte-sur-mesure-etape5::before, .single .sur-mesure-etapes .texte-sur-mesure-etape5::before {
  content: '5';
}
.page .sur-mesure-etapes .texte-sur-mesure-etape6::before, .single .sur-mesure-etapes .texte-sur-mesure-etape6::before {
  content: '6';
}
.page .sur-mesure-etapes .image-sur-mesure img, .single .sur-mesure-etapes .image-sur-mesure img {
  max-height: 25rem;
  width: auto;
}
.post a {
  display: inline-block;
}
.post p {
  margin: 0;
}
.post img {
  width: 30rem;
  height: auto;
}
.post .listing-articles a {
  text-align: center;
  display: block;
}
.post .listing-articles a img {
  margin: auto;
}
.post .logo img {
  max-width: 100%;
  height: auto;
}
.post h1 {
  font-size: 3rem;
  padding: 1.5rem 0;
  color: #51b5e7;
  font-weight: 500;
}
.post h2 {
  font-size: 2rem;
  margin: 0;
  font-weight: 500;
}
.page-id-30 #content {
  background-color: #000;
}
.page-id-30 #content #slide-10-layer-1.texte-slider-home {
  letter-spacing: 0.5rem;
}
.page-id-30 #content .premium-container {
  padding: 3rem 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.page-id-30 #content .premium-container .thumb {
  display: flex;
  display: -webkit-flex;
  padding: 0.5rem;
}
.page-id-30 #content .premium-container .thumb .thumbnail, .page-id-30 #content .premium-container .thumb .thumbnail-effets {
  margin: auto;
  padding: 1.5rem;
  border: 0.1rem solid #999;
  border-radius: 0;
  background: transparent;
  background-size: 100% !important;
  height: 25rem;
  width: 100%;
  position: relative;
  -webkit-transition: background-size 0.3s ease-in-out;
  -moz-transition: background-size 0.3s ease-in-out;
  transition: background-size 0.3s ease-in-out;
}
.page-id-30 #content .premium-container .thumb .thumbnail p, .page-id-30 #content .premium-container .thumb .thumbnail-effets p {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  font-size: 1.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.page-id-30 #content .premium-container .thumb .thumbnail:hover, .page-id-30 #content .premium-container .thumb .thumbnail-effets:hover {
  border: 0.1rem solid #51b5e7;
  background-size: 125% !important;
}
.page-id-30 #content .premium-container .thumb .thumbnail:hover p, .page-id-30 #content .premium-container .thumb .thumbnail-effets:hover p {
  display: block;
}
.page-id-30 #content .premium-container .thumb .thumbnail img, .page-id-30 #content .premium-container .thumb .thumbnail-effets img {
  display: none;
}
.page-id-30 #content .fade.in {
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: 0 !important;
}
.page-id-30 #content .fade.in:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.4rem;
}
.page-id-30 #content .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.page-id-30 #content .modal-dialog .modal-content {
  background: #000;
  border: transparent;
  box-shadow: none;
}
.page-id-30 #content .modal-dialog .modal-content .modal-header {
  border-bottom: transparent;
}
.page-id-30 #content .modal-dialog .modal-content .modal-header h4 {
  color: #fff;
  letter-spacing: 0.4rem;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.6rem;
}
.page-id-30 #content .modal-dialog .modal-content .modal-header .close {
  color: #666;
  opacity: 1;
  text-shadow: none;
}
.page-id-30 #content .modal-dialog .modal-content .modal-body {
  text-align: center;
  padding: 0;
  position: relative;
}
.page-id-30 #content .modal-dialog .modal-content .modal-body img {
  display: inline-block;
}
.page-id-30 #content .modal-dialog .modal-content .modal-body .btn-default {
  background: #000;
  border: 0.1rem solid #fff;
  color: #fff;
  opacity: 0.5;
}
.page-id-30 #content .modal-dialog .modal-content .modal-body .btn-default:hover {
  border: 0.1rem solid #51b5e7;
  opacity: 1;
}
.page-id-30 #content .modal-dialog .modal-content .modal-body #show-previous-image {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}
.page-id-30 #content .modal-dialog .modal-content .modal-body #show-next-image {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
.page-id-30 #content .modal-dialog .modal-content .modal-footer {
  text-align: center;
  color: #fff;
  border-top: transparent;
}
/*--------------------------------------------------------------
 # Logo Slider
 --------------------------------------------------------------*/
.logo-slider .slick-prev::before, .logo-slider .slick-next::before {
  color: #51b5e7;
}
.slick-slide ul {
  font-size: 0;
}
.slick-slide ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5rem;
}
.slick-slide ul li a {
  padding: 1.5rem;
  background-color: #fff;
  position: relative;
  min-height: 15rem;
}
.slick-slide ul li a img {
  max-height: 10rem;
  max-width: 20rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 1.5rem;
}
/*--------------------------------------------------------------
 # Footer
 --------------------------------------------------------------*/
.site-footer {
  background-color: #51b5e7;
}
.site-footer .primary-footer {
  background: url('/wp-content/uploads/2017/01/visuel-devis.jpg') no-repeat center center;
  background-size: cover;
  padding: 1.5rem;
}
.site-footer .primary-footer .row {
  max-width: 128rem;
  margin: 0 auto;
}
.site-footer .primary-footer .row .primary-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
}
.site-footer .primary-footer .row .primary-container .primary-content h3 {
  color: #51b5e7;
  font-weight: 500;
  padding: 1.5rem 0;
  display: inline-block;
}
.site-footer .primary-footer .row .primary-container .primary-content .border-bottom {
  width: 20%;
  border-top: 0.3rem solid #51b5e7;
  display: block;
}
.site-footer .primary-footer .row .primary-container .primary-content p {
  padding: 1.5rem 0;
  font-weight: 500;
  text-align: justify;
}
.site-footer .primary-footer .row .primary-container .primary-content .btn-rounded-blue {
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border-radius: 5rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}
.site-footer .primary-footer .row .primary-container .primary-content .btn-rounded-blue:first-child {
  margin-bottom: 1.5rem;
  background: #51b5e7 url('/wp-content/uploads/2017/01/icone-devis-mail.png') no-repeat 1.5rem bottom;
  background-size: 15%;
}
.site-footer .primary-footer .row .primary-container .primary-content .btn-rounded-blue:last-child {
  background: #51b5e7 url('/wp-content/uploads/2017/01/icone-devis-telephone.png') no-repeat 1.5rem bottom;
  background-size: 15%;
}
.site-footer .primary-footer .row .primary-container .primary-content .btn-rounded-blue:hover {
  background-color: #1d4b5c;
}
.site-footer .primary-footer .row .primary-container .primary-content:last-child {
  display: flex;
  display: -webkit-flex;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.site-footer .primary-footer .row .primary-container .primary-content:last-child > div {
  margin: auto 0;
}
.site-footer .secondary-footer {
  background-color: #051821;
  padding: 1.5rem;
}
.site-footer .secondary-footer .row {
  max-width: 128rem;
  margin: 0 auto;
}
.site-footer .secondary-footer .row .col h4 {
  color: #fff;
  padding: 1.5rem 0;
}
.site-footer .secondary-footer .row .col .border-bottom-footer-1 {
  display: block;
  border-top: 0.3rem solid #fff;
}
.site-footer .secondary-footer .row .col .border-bottom-footer-2 {
  display: block;
  margin: 0.1rem 0;
  border-bottom: 0.1rem solid #999;
}
.site-footer .secondary-footer .row .col p {
  padding: 1.5rem 0;
  color: #fff;
  text-align: justify;
  margin: 0;
}
.site-footer .secondary-footer .row .col p a {
  display: inline;
  color: #fff;
  font-weight: 500;
}
.site-footer .secondary-footer .row .col p a:hover, .site-footer .secondary-footer .row .col p a:focus {
  color: #51b5e7;
}
.site-footer .secondary-footer .row .col ul {
  padding: 1.5rem 0;
}
.site-footer .secondary-footer .row .col ul li {
  color: #fff;
  padding: 0.5rem 0;
}
.site-footer .secondary-footer .row .col ul li img {
  max-width: 2rem;
  max-height: 2rem;
  margin-right: 1rem;
  display: inline-block;
}
.site-footer .secondary-footer .row .col ul li a {
  display: inline-block;
  color: #fff;
}
.site-footer .secondary-footer .row .col ul li a:hover, .site-footer .secondary-footer .row .col ul li a:focus {
  color: #51b5e7;
}
.site-footer .secondary-footer .row .engagement-container {
  padding: 1.5rem;
}
.site-footer .secondary-footer .row .engagement-container .engagement-content {
  background: url('/wp-content/uploads/2017/01/visuel-notre-engagement-footer.jpg') no-repeat center center;
  background-size: cover;
  padding: 1.5rem;
  height: 20rem;
  width: 20rem;
  text-align: center;
}
.site-footer .secondary-footer .row .engagement-container .engagement-content h4 {
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.2rem;
}
.site-footer .secondary-footer .row .engagement-container .engagement-content h4 p {
  margin-bottom: 0;
  padding: 0.5rem;
}
.site-footer .secondary-footer .row .engagement-container .engagement-content .border-bottom-footer-3 {
  display: inline-block;
  width: 5rem;
  border-bottom: 0.3rem solid #fff;
  margin: 0 auto;
}
.site-footer .secondary-footer .row .engagement-container .engagement-content .bouton-footer {
  padding: 1.5rem 0;
}
.site-footer .secondary-footer .row .engagement-container .engagement-content .bouton-footer .btn-footer {
  display: inline-block;
  padding: 0.5rem 2rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border-radius: 5rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
  background-color: #51b5e7;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}
.site-footer .secondary-footer .row .footer-nav .footer-navigation #footer-menu li {
  display: inline-block;
}
.site-footer .secondary-footer .row .footer-nav .footer-navigation #footer-menu li a {
  color: #fff;
  padding: 1.5rem 0.5rem;
  text-transform: uppercase;
}
.site-footer .secondary-footer .row .footer-nav .footer-navigation #footer-menu li a:hover, .site-footer .secondary-footer .row .footer-nav .footer-navigation #footer-menu li a:focus {
  color: #51b5e7;
}
.site-footer .site-info .row {
  max-width: 128rem;
  margin: 0 auto;
  text-align: right;
  color: #fff;
}
.site-footer .site-info .row a {
  display: inline-block;
  color: #fff;
  padding: 0.5rem 1.5rem;
  position: relative;
}
.site-footer .site-info .row a:not(:first-child)::before {
  content: '';
  height: 1rem;
  border-left: 0.1rem solid #fff;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.site-footer .site-info .row a:hover {
  text-decoration: underline;
}
.site-footer .site-info .row p {
  display: inline-block;
  margin: 0;
  padding-left: 1.5rem;
  position: relative;
}
.site-footer .site-info .row p a {
  display: inline-block;
  padding: 0.5rem 4.5rem 0.5rem 0;
  background: url(/wp-content/uploads/2017/03/Picto-Definima.png) no-repeat right center;
  background-size: 4rem;
}
.site-footer .site-info .row p::before {
  content: '';
  height: 1rem;
  border-left: 0.1rem solid #fff;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.site-footer .secondary-footer .contactez-nous #social-link-block {
  display: flex;
  padding: 0;
}
.site-footer .secondary-footer .contactez-nous #social-link-block .social-link {
  margin: 0.5rem;
}
.site-footer .secondary-footer .contactez-nous #social-link-block .social-link img {
  max-width: 2.5rem;
  max-height: 2.5rem;
}
/*--------------------------------------------------------------
 # Formulaire de contact & devis
 --------------------------------------------------------------*/
.informations-contact-devis {
  color: #fff;
}
.informations-contact-devis a {
  color: #fff;
  font-weight: 500;
}
.informations-contact-devis a:hover {
  color: #666;
}
.contact-form input, .contact-form select, .contact-form textarea {
  border: 1px solid #dadada;
  padding: 10px 15px;
  color: #999;
  background-color: #fdfdfd;
}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
  color: #51b5e7;
}
.contact-form label {
  font-weight: 300;
  color: #51b5e7;
}
.contact-form h3 {
  padding: 1.5rem 0 0.5rem;
}
.contact-form .border-bottom {
  width: 20%;
  margin: 0 0 1.5rem;
  border-bottom: 0.2rem solid #51b5e7;
  display: block;
}
.contact-form p, .contact-form #MarquageImprimee, .contact-form #MarquageMetal {
  margin-bottom: 2rem;
}
.contact-form p.note-contact-form {
  font-size: 1.4rem;
  padding: 0 0 1.5rem;
}
.btn-submit {
  padding: 1.5rem;
  text-align: center;
}
.btn-submit input.btn-rounded-blue {
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border-radius: 5rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
  color: #fff;
  font-weight: 500;
  background: #51b5e7;
  padding: 1.5rem;
  border: none;
  margin: auto;
}
.btn-submit input.btn-rounded-blue:hover {
  background: #1d4b5c;
}
/*--------------------------------------------------------------
 # Page 404
 --------------------------------------------------------------*/
.error404 .site-main {
  display: flex;
  min-height: 50rem;
  border-top: 0.1rem solid #e5e5e5;
  border-bottom: 0.1rem solid #e5e5e5;
}
.error404 .site-main .error-404 {
  margin: auto;
  text-align: center;
  display: inline-block;
}
.error404 .site-main .error-404 .page-header {
  border: none;
}
.error404 .site-main .error-404 .page-header .page-title {
  font-size: 3rem;
  text-transform: none;
  font-weight: 300;
}
.error404 .site-main .error-404 .page-header .page-title .error-code {
  color: #51b5e7;
  padding: 3rem 0;
  font-size: 20rem;
  font-style: italic;
  font-weight: 500;
}
.error404 .site-main .error-404 .btn-rounded-blue {
  display: inline-block;
}
.error404 .site-main .error-404 .btn-rounded-blue a {
  padding: 1rem 5rem;
}
/*--------------------------------------------------------------
 # Cookie Bar
 --------------------------------------------------------------*/
.cookie-message {
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
}
.cookie-message a {
  color: #fff;
}
.cookie-message #cookie-btn {
  background: #51b5e7;
  color: #fff;
}
#masthead > .site-branding > a > img{
  width: 60%; 
}

/*--------------------------------------------------------------
 # Responsive
 --------------------------------------------------------------*/
@media screen and (min-width: 992px)
{
  .contactez-nous {
    margin: 0 100px;
  }
}