/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap');
@font-face {
    font-family: 'BrandonText-Bold';
    src: url('Fonts/BrandonText-Bold.woff2') format('woff2'),
        url('Fonts/BrandonText-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BodoniEgyptianPro-Regular';
    src: url('Fonts/BodoniEgyptianPro-Regular.woff2') format('woff2'),
        url('Fonts/BodoniEgyptianPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  margin: 0;
  padding: 0;
  color: #0f555c;
  font-size: 20px;
  font-family: "Source Sans 3", sans-serif;
  line-height: 30px;
  font-weight: 400;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.page {
  max-width: 1320px;
  margin: 0 auto;
}
.pageflex {display:flex;}

.langpane {
  position: absolute;
  top: 80px;
  right: 0;
  z-index: 9100;
  transform: rotate(-90deg) translate(0, -100%);
  transform-origin: 100% 0;
  background: white;
  padding: 0 16px;
  line-height: 25px;
  overflow: hidden;
  font-family: 'BrandonText-Bold';
  font-size: 12px;
  color: black;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.langpane a:link, .langpane a:visited {color:black;text-decoration:none;}
.langpane a:active, .langpane a:hover, .langpane a.langsel {color:#d0a630;text-decoration:none;}
.header {position:absolute;top:0;width:100%;z-index:9000;background:transparent;padding:15px 0;}
.header.is-sticky {background:black;}
.homepage .header {position:fixed;}
.logopane img {height:68px;margin:11px 0;transition:height 250ms ease-in-out;}
.header.is-sticky .logopane img {height:48px;}
.headerflex {display:flex;align-items:center;justify-content:space-between;}
.menupane {flex-grow:1;}
.menu {display:flex;align-items:center;justify-content:flex-end;}
.toppane {height:120px;background:black;}
.contentpane {padding:80px 0 120px 0;}
.homepage .contentpane {padding:80px 0 0 0;}
.leftpane {flex:1 0 50%;width:50%;padding:80px 50px 120px 0;box-sizing:border-box;}
.rightpane {flex:1 0 50%;width:50%;padding:80px 0 120px 50px;box-sizing:border-box;}
.contentpane4_1 {padding:80px 0 100px 0;}
.contentpane4_2 {background:white;padding:80px 0 0 0;}
.bottom {background:#eef2f1;padding:70px 0;}
.bottomflex {display:flex;align-items:center;}
.bottompane3 {margin:0 0 0 80px;}
.footer {padding:20px 0 60px 0;}
.copyright {font-size:16px;line-height:20px;}
.copyright span {white-space:pre;}
.copyright a:link, .copyright a:visited {color:#0f555c;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#d0a630;text-decoration:none;}

/* Text selection */
::selection {background:#d0a630;}
::-moz-selection {background:#d0a630;}

/* BUTTONS */
a.bigbutton {transition:all .2s ease-in-out 0s;}
a.bigbutton {display:inline-block;font-family:'BrandonText-Bold';font-size:18px;line-height:24px;padding:10px 20px;border-radius:3px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;}
a.bigbutton:link, a.bigbutton:visited {box-shadow:inset 0px 0px 0px 2px #0f555c;color:#0f555c;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px #d0a630;color:#d0a630;text-decoration:none;}
button.bigbutton {background:none;box-shadow:inset 0px 0px 0px 2px #0f555c;color:#0f555c;display:inline-block;font-family:'BrandonText-Bold';font-size:18px;line-height:24px;padding:10px 20px;margin:12px 0 0 0;border-radius:3px;border:none;cursor:pointer;}
button.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px #d0a630;color:#d0a630;}

/* Documents and links */
.documents, .newspaper-link {display:flex;flex-direction:column;align-items:flex-start;margin:30px 0 0 0;}
.documents a {display:inline-block;font-family:'BrandonText-Bold';font-size:18px;line-height:24px;padding:10px 20px;border-radius:3px;margin:0 20px 12px 0;box-sizing:border-box;transition:all 0.3s ease;}
.documents a:link, .documents a:visited {box-shadow:inset 0px 0px 0px 2px #0f555c;color:#0f555c;text-decoration:none;}
.documents a:active, .documents a:hover {box-shadow:inset 0px 0px 0px 2px #d0a630;color:#d0a630;text-decoration:none;}
.documents a:before {font-family:'Material Icons Outlined';content:"\e2c4";font-size:24px;margin-right:6px;vertical-align:text-top;}
.newspaper-link a {display:inline-block;font-family:'BrandonText-Bold';font-size:18px;line-height:24px;padding:10px 20px;border-radius:3px;margin:0 20px 12px 0;box-sizing:border-box;transition:all 0.3s ease;}
.newspaper-link a:link, .newspaper-link a:visited {box-shadow:inset 0px 0px 0px 2px #0f555c;color:#0f555c;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {box-shadow:inset 0px 0px 0px 2px #d0a630;color:#d0a630;text-decoration:none;}

/* HEADLINES */
.h1-headline, .h2-headline, .h3-headline {font-family:'BodoniEgyptianPro-Regular';line-height:normal;}
.h1-headline {font-size:40px;}
.h2-headline {font-size:28px;}
.h3-headline {font-size:24px;}

/* MISC */
.intro {position:relative;display:flex;align-items:center;min-height:400px;}
.intro h1 {max-width:640px;padding:0 0 0 400px;margin:0;z-index:3;}
.introsvg {position:absolute;left:-300px;top:0;z-index:2;}
.herocontent {width:100%;height:100vh;position:relative;overflow:hidden;min-height:320px;display:flex;align-items:center;justify-content:center;}
.herocontent:after {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}
.herocontent .caption {text-align:center;padding:0 8%;position:relative;z-index:1200;}
.herocontent .caption h2, .herocontent .caption h3 {color:white;}
.herocontent .caption .icon svg {fill:white;width:48px;}
/* Sections */
.homepage section#megisserie {background:#f4efe5;overflow:hidden;}
.homepage section#megisserie .leftpane {padding:0 50px 120px 0;margin-top:-40px;position:relative;z-index:3;}
.homepage section#megisserie .rightpane {padding:0 0 120px 50px;margin-top:-40px;position:relative;z-index:3;}
section#savoir-faire {background:#dee6e3;}
section#cuirs {background:#f4e9e5;}
section#engagements {background:#f0f4e5;}
section#actualites .leftpane {padding:80px 50px 0 0;}
section#actualites .rightpane {padding:80px 0 0 50px;}
section#actualites .herocontent {max-height:800px;}
section#sactualites .pageflex {align-items:center;}
section#contact {padding:200px 0 0 0;}
.labelswrapper {font-size:0;}
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.labels img {display:inline-block;margin:0 40px;}
.salons h3 {font-family:'BrandonText-Bold';font-size:20px;letter-spacing:0.18em;text-transform:uppercase;margin:0;}
.salons h4 {font-size:24px;margin:4px 0 0 0;}
.salons p {margin:4px 0 20px 0;}
.socialicons {font-size:0;}
.socialicons a {display:inline-block;font-size:24px;margin-left:16px;text-decoration:none !important;}
.contact-infos {font-size:18px;line-height:24px;}
.contact-infos h4 {font-family:'BrandonText-Bold';font-size:16px;letter-spacing:0.18em;text-transform:uppercase;line-height:1.2;margin:0 0 8px 0;}
.flexcontent-media.fcm-only {margin:30px 0 0 0;}
.fcd-images div:last-child, .fcd-images div:only-child {margin:0;}
.flexcontent-div img {max-width:100%;height:auto;}

/* Accordions */
.flexcontent-accordion {margin:30px 0 0 0;}
.fca-header h3 {margin:0;}
.fca-header h3:before {font-family:'Material Icons Outlined';content:"\e148";font-size:30px;font-weight:normal;margin-right:10px;vertical-align:top;}
.flexcontent-active .fca-header h3:before {content:"\e15d";}
.fca-content p {margin:15px 0 0 0;}

/* Slider */
.slider-container {width:100%;height:100vh;position:relative;overflow:hidden;min-height:320px;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.rslides li {position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides li:after {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}
/* Caption */
.rslides li .caption {position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:white;z-index:1200;}
.rslides li .caption h2 {font-size:80px;line-height:80px;color:white;max-width:540px;}
.rslides li .caption h3 {font-size:36px;line-height:36px;color:white;}
/* Pager */
.rslides_tabs {position:absolute;z-index:8900;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 2px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  background: rgba(255,255,255, .2);
  display: inline-block;
  width: 12px;
  height: 12px;
}
.rslides_tabs .rslides_here a {
  background: white;
  background: rgba(255,255,255, .8);
}

/* Reveal */
.intro h1 {opacity:0;transform:translateX(50px);transition-property:opacity, transform;transition-duration:.4s;transition-delay:.1s;transition-timing-function:ease;}
section.section-reveal .intro h1 {opacity:1;transform:translateX(0px);}
.herocontent .caption h3, .rslides li .caption h3 {opacity:0;transform:translateY(50px);transition-property:opacity, transform;transition-duration:.4s;transition-delay:.1s;transition-timing-function:ease;}
section.section-reveal .herocontent .caption h3, section.section-reveal .rslides li .caption h3 {opacity:1;transform:translateY(0px);}

/* TABLE */
.datatable {margin:20px 0;border:2px solid #eee;font-size:18px;border-collapse:collapse;}
.datatable th {border:2px solid #eee;background-color:#1d1d1d;padding:12px 36px;text-align:right;color:white;font-family:'BrandonText-Bold';font-weight:normal;font-size:18px;text-transform:uppercase;font-style:normal;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:left;}

.Normal, .NormalDisabled, .NormalDeleted {font-size:20px;line-height:30px;}
.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:'BodoniEgyptianPro-Regular';font-weight:normal;margin:0;line-height:1;color:#0f555c;}
h1 {font-size:60px;}
h2 {font-size:60px;}
h3 {font-size:36px;line-height:1.2;}
h4 {font-size:30px;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {text-decoration:none;color:#0f555c;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {text-decoration:none;color:#d0a630;}
strong {font-weight:normal;}
a:link, a:visited {color:#0f555c;text-decoration:underline;}
a:active, a:hover {color:#d0a630;text-decoration:underline;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:30px 0;}
p {margin:15px 0;}
ul {margin:15px 0;padding:0;}
.flexcontent-text ul {padding:0;margin:15px 0 15px 10px;}
.flexcontent-text ul li {list-style-type:none;position:relative;padding:0 0 0 20px;margin:0;}
.flexcontent-text ul li:before {font-family:'Material Icons Outlined';content:"\e5cc";font-size:16px;position:absolute;top:0;left:0;}
hr {border:0;height:2px;background:#0f555c;margin:30px 0;max-width:40px;clear:none;}
blockquote {margin:40px 30px;padding:0 0 0 20px;border-left:#0f555c solid 3px;}
blockquote, blockquote p {font-weight:400;font-style:normal;font-size:20px;line-height:30px;color:#0f555c;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0;padding:0 !important;}
/* Fix */
.dnnModuleManager {
    padding: 0 !important;
}
.LoginPanel {
    width: auto !important;
    padding-right: 0 !important;
    float: none !important;
}
.dnnActions li {list-style-type:none !important;}
.hometoppane .rocketactionmenu {top:120px;}

/* MainMenu */
nav#anchorMenu ul {display:flex;flex-wrap:wrap;list-style:none;margin:0 30px;padding:0;}
nav#anchorMenu ul li {
  display: block;
  margin: 0 24px 0 0;
}
nav#anchorMenu ul li:last-child {margin:0;}
nav#anchorMenu ul li a {
  display: block;
  position: relative;
  height: 30px;
  line-height: 30px;
  font-family: 'BrandonText-Bold';
  font-size: 12px;
  color: white;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
nav#anchorMenu ul li a:hover {color:#d0a630;}
nav#anchorMenu ul li a:after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 2px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  background: #d0a630;
}
nav#anchorMenu ul li a.active:after {
  left: 20%;
  right: 20%;
}

/* Navicon */
a#navicon {
  display: block;
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
}
a#navicon span {
  display: block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  background: white;
}
a#navicon span:nth-child(1) {top:0;}
a#navicon span:nth-child(2), a#navicon span:nth-child(3) {top:10px;}
a#navicon span:nth-child(4) {top:20px;width:50%;}
a#navicon.collapsable span:nth-child(1) {top:11px;width:0%;left:50%;}
a#navicon.collapsable span:nth-child(2) {transform:rotate(45deg);}
a#navicon.collapsable span:nth-child(3) {transform:rotate(-45deg);}
a#navicon.collapsable span:nth-child(4) {top:11px;width:0%;left:50%;}

/* PREQUERIES */
.navicon {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1320px and less */
@media screen and (max-width:1320px) {
.page {padding:0 40px;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
.menupane {display:none;flex-basis:100%;background:black;}
.navicon {display:block;}
.pageflex {display:block;}
.headerflex {flex-wrap:wrap;}
.menu {display:block;}
.menu img {display:none;}
.leftpane {flex:initial;width:auto;padding:80px 0 0 0;}
.rightpane {flex:initial;width:auto;padding:80px 0;}
section#actualites .leftpane {padding:80px 0 0 0;}
section#actualites .rightpane {padding:80px 40px;}
section#contact {padding:120px 0 0 0;}
.bottomflex {display:block;}
.bottompane2 {margin:20px 0;}
.bottompane3 {margin:0;}
.homepage section#megisserie .leftpane {padding:80px 0 0 0;margin-top:0;}
.homepage section#megisserie .rightpane {padding:80px 0;margin-top:0;}
.intro h1 {max-width:none;padding:0;}
.introsvg {opacity:0.2;}
.herocontent .caption {padding:0;}
nav#anchorMenu ul {margin:0;gap:1rem 2rem;justify-content:center;padding:2rem 1rem;}
nav#anchorMenu ul li {margin:0;}
nav#anchorMenu ul li a {height:auto;line-height:auto;font-size:1rem;}
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:block;}
.fcw-2col .flexcontent-div {flex:initial;width:auto;padding:0;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.rslides li .caption h2 {font-size:60px;line-height:1;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.contentpane {padding:40px 0;}
.homepage .contentpane {padding:40px 0 0 0;}
.leftpane {padding:40px 0 0 0;}
.rightpane {padding:40px 0;}
section#actualites .leftpane {padding:40px 0 0 0;}
section#actualites .rightpane {padding:40px;}
section#contact {padding:80px 0 0 0;}
.contentpane4_1 {padding:40px 0;}
.contentpane4_2 {padding:40px 0 0 0;}
.homepage section#megisserie .leftpane {padding:40px 0 0 0;}
.homepage section#megisserie .rightpane {padding:40px 0;}
h1, h2, .rslides li .caption h2 {font-size:48px;}
h3 {font-size:30px;}
.labels img {margin:20px;}
.contact-infos h4 {letter-spacing:0;}
}