html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
   }

body {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #313233;
  text-align: left;
  background: #F9F9F9; }

html,body {
  height: 100%;
}

/*::-webkit-scrollbar { 
    display: none; 
}*/

@media only screen and (max-width: 599px){
}
@media only screen and (min-width: 600px) and (max-width: 767px){
}
@media only screen and (min-width: 768) and (max-width: 1023px){
}

/**
DEFAULT CLASS
**/
.response-green{ background:#B7EE95; border:1px solid #25aa2b; color: #25aa2b; font-size: 18px; padding:7px; padding-bottom: 11px; margin-bottom:11px; text-align:center; }
.response-red{ background:#FFC1C1; border:1px solid #df1b19; color: #df1b19; font-size: 18px; padding:7px; padding-bottom: 11px; margin-bottom:11px; text-align:center; }
button{  -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; }
a{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; text-decoration: none; }
a:hover{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; text-decoration: none; }
.mymaxwidth{ max-width: 1280px; }
.myminwidth{ max-width: 980px; }
.containerPage{ background: #fff; padding-top: 37px; padding-bottom: 37px; text-align: center; }

/**
GLOBAL HEADER PC
**/
.headerMenu{ position: fixed; top: 87px; right: 137px; padding: 0px; z-index: 17; }
	.headerMenu span{ font-size: 18px; color: #f7f8f9; text-transform: uppercase; font-weight: 500; }

@media only screen and (max-width: 599px){
  .headerMenu{ 
    top: 40px; left: 43px; 
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px){
  .headerMenu{ 
    top: 40px; right: 91px; 
  }
}
/**
MAIN MENU
**/
.flex-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.mainPageMenu {
  position: fixed;
  top: 10vh;
  left: 0;
  z-index: 21;
}
.mainPageMenu .checkbox-toggle {
  position: fixed;
  top: 74px;
  right: 67px;
  z-index: 22;
  cursor: pointer;
  width: 47px;
  height: 47px;
  opacity: 0;
}
.mainPageMenu .mainPageMenuIcon {
  position: fixed;
  top: 74px;
  right: 67px;
  z-index: 21;
  width: 47px;
  height: 47px;
  padding: 0px;
  cursor: pointer;
  -webkit-transition: box-shadow 0.7s ease;
  transition: box-shadow 0.7s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 599px){
  .mainPageMenu .checkbox-toggle{ 
    top: 27px; right: 43px; 
  }
  .mainPageMenu .mainPageMenuIcon{ 
    top: 27px; right: 43px; 
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px){
  .mainPageMenu .checkbox-toggle{ 
    top: 27px; right: 37px;
  }
  .mainPageMenu .mainPageMenuIcon{ 
    top: 27px; right: 37px;
  }
}

.mainPageMenu .mainPageMenuIcon > div {
  position: relative;
  -webkit-box-flex: 0;
          flex: none;
  width: 100%;
  height: 2px;
  background: #e7e7e7;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.mainPageMenu .mainPageMenuIcon > div:after {
  content: '';
  position: absolute;
  z-index: 21;
  left: 0;
  width: 100%;
  height: 2px;
  background: inherit;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  top: 5px;
}
.mainPageMenu .mainPageMenuContent {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  outline: 1px solid transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.mainPageMenu .checkbox-toggle:checked + .mainPageMenuIcon > div {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.mainPageMenu .checkbox-toggle:checked + .mainPageMenuIcon > div:after {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mainPageMenu .checkbox-toggle:checked ~ .mainPageMenuContent {
  pointer-events: auto;
  visibility: visible;
  padding: 37px;
}
@media only screen and (max-width: 1023px){
.mainPageMenu .checkbox-toggle:checked ~ .mainPageMenuContent {
  pointer-events: auto;
  visibility: visible;
  padding: 0px;
}
}
.mainPageMenu .checkbox-toggle:checked ~ .mainPageMenuContent > div {
  background: #172422;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
}

.mainPageMenu .checkbox-toggle:checked:hover + .mainPageMenuIcon > div {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

/**
MAIN MENU CONTENT
**/
.menuCatalog{ padding: 37px; padding-top: 57px; padding-bottom: 57px; }
    .menuCatalog a{ font-size: 21px; color: #fff; font-weight: 400; text-decoration: none; text-transform: uppercase; 
    display: inline-block; padding-bottom: 7px; }
    .menuCatalog a:hover{ color: #9a730e; }

.menuSite{ padding: 37px; padding-top: 57px; padding-bottom: 57px; }
    .menuSite a{ font-size: 15px; color: #535f5d; font-weight: 300; text-decoration: none; display: inline-block; padding-bottom: 7px; }
    .menuSite a:hover{ color: #9a730e; }


/**
GLOBAL Footer
**/
.footerSection{ background: #172422; color: #6f7775; font-size: 14px; }

.footerSectionLeft{ padding: 37px; color: #c1c2c3; }
	.footerSectionLeft a{ font-size: 15px; text-decoration: none; color: #c1c2c3; }
	.footerSectionLeft a:hover{ font-size: 15px; text-decoration: none; color: #9a730e; }
	.footerSectionLeft span{ font-size: 15px; text-decoration: none; color: #9a730e; }
.footerSectionRight{ padding: 37px; background: #000; text-transform: uppercase; font-size: 13px; padding-bottom: 67px; }
.footerSectionBottom{ background: #101112; color: #919293; font-size: 11px; font-weight: 300; padding: 11px; text-transform: uppercase; }
.footerSectionBottom a{ color: #a88847; text-decoration: none; }
@media only screen and (max-width: 599px) and (max-width: 767px){
.footerSectionRight{ padding-bottom: 37px; }
.footerSectionBottom{  padding-bottom: 67px; }
}


    .footerSection img{ max-height:14px; cursor:pointer;  opacity: 0.45;/* l'opacite que vous voulez au depart */
    border: none;/* enlever les border d'une image en lien */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=45)"; /* Hack IE8 */
    filter: alpha(opacity = 45); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; }
    .footerSection img:hover{ max-height:14px; cursor:pointer;  opacity: 1;/* l'opacite que vous voulez au depart */
    border: none;/* enlever les border d'une image en lien */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; }

/**
GLOBAL CLASS
**/
.containerBanner{ height: 357px; text-align: left; color: #fff; }
  .containerh1 { padding-bottom: 37px; padding-top: 137px; font-size: 16px; text-shadow: 1px 3px #333; font-weight: 300; }
    .containerh1 h1{ font-size: 32px; text-transform: uppercase; font-weight: 400; }
  @media only screen and (max-width: 1023px){
    .containerh1 { padding-bottom: 37px; padding-top: 147px; font-size: 18px; }
  }
div.h2line{ display: block; margin-left: calc(50% - 49px); margin-top: -17px; width: 98px; height: 5px; background: #e53138; }

/**
HOME
**/
.containerhomeBanner{ 
    background: #333;
    height: auto;
    height: 100%;
    min-height: 627px;
    position: relative;
}
@media only screen and (max-width: 767px){
.containerhomeBanner{ 
    background: #333;
    height: auto;
    height: 60%;
    min-height: 287px;
    position: relative;
}
}

.logohome{ position: absolute; top: 37px; left: 97px; z-index: 4; }
  .logohome img{ max-width: 127px; }

.precommandhome{ position: fixed; bottom: 0px; right: 0px; z-index: 5; }
	.precommandhome a{ display: inline-block; background: #ffb100; padding: 17px; padding-bottom: 18px; padding-left: 107px; padding-right: 107px; color: #43371b; font-size: 14px; font-weight: 400; text-transform: uppercase; }
	.precommandhome a:hover{ background: #eaeaea; }
@media only screen and (max-width: 767px){
.precommandhome{ position: fixed; width: 100% }
	.precommandhome a{ display: inline-block; width: 100%; text-align: center; padding: 15px; }
}

.welcomehome{ position: absolute; bottom: 147px; left: 97px; z-index: 4; font-size: 31px; font-weight: 300; 
  color: #fff; max-width: 387px; }
  .welcomehome h1{ font-weight: 300; }
  .welcomehome span{ font-size: 14px; text-transform: uppercase; }

.welcomehomemobile{ font-size: 17px; font-weight: 300; 
  color: #333; padding: 37px; text-align: left; background: #fff; }
  .welcomehomemobile h2{ font-weight: 300; font-size: 27px; }
  .welcomehomemobile span{ font-size: 14px; }

.itemshome{ position: absolute; bottom: 0px; left: calc( 50% + 97px); z-index: 4; font-size: 19px; 
  font-weight: 300; color: #fff; max-width: 20%; }
  .itemshome span{ font-size: 27px; color: #ffb100; font-weight: 400; }
  div.itemline{ display: block; margin-top: -53px; margin-left: -27px; width: 1px; height: 187px; background: #fff; }

.itemshomemobile{ font-size: 17px; text-align: center;
  font-weight: 300; color: #333; background: #fafbfc; padding: 37px; }
  .itemshomemobile span{ font-size: 21px; color: #ffb100; font-weight: 400; }

.scrollhome{ position: absolute; bottom: 157px; right: 127px; z-index: 4; font-size: 11px; 
  font-weight: 300; color: #fff; text-transform: uppercase; }
  div.scrollline{ display: block; margin-left: calc(50% - 2px); margin-top: 7px; width: 1px; height: 87px; background: #fff; }
@media only screen and (max-width: 599px){
.scrollhome{ position: absolute; bottom: 0px; right: calc(50% - 31px); z-index: 4; font-size: 11px; 
  font-weight: 300; color: #fff; text-transform: uppercase; }
  div.scrollline{ display: block; margin-left: calc(50% - 2px); margin-top: 7px; width: 1px; height: 87px; background: #fff; }
}
@media only screen and (min-width: 600px) and (max-width: 767px){
.scrollhome{ position: absolute; bottom: 0px; right: calc(50% - 31px); z-index: 4; font-size: 11px; 
  font-weight: 300; color: #fff; text-transform: uppercase; }
  div.scrollline{ display: block; margin-left: calc(50% - 2px); margin-top: 7px; width: 1px; height: 37px; background: #fff; }
}
/**
BEGIN HERE
**/

.containerPageCatalog{ background: #f7f8f9; padding-top: 47px; padding-bottom: 47px; text-align: left; }
.containerPageCatalogItems{ background: #fff; padding-top: 47px; padding-bottom: 47px; text-align: left; }
  .CatalogCategoryItems{ background: #f7f8f9; border: 13px solid #fff; padding: 13px; }
  .CatalogCategoryItemsTitle{ background: #f7f8f9; border: 13px solid #fff; padding: 21px; }
  .CatalogCategoryItemsTitle b{ text-transform: uppercase; font-weight: 400; font-size: 21px; }

.CatalogFamily{ background: #fff; border: 13px solid #f7f8f9; padding: 0px; }
  .CatalogFamily b{ color: #111; font-size: 27px; font-weight: 700; display: inline-block; padding: 27px; padding-left: 37px; padding-bottom: 0px; 
   -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; text-transform: uppercase; }
  .CatalogFamily span{ color: #111; font-size: 17px; font-weight: 300; display: inline-block; padding: 37px; padding-top: 0px; 
   -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.CatalogFamily a:hover b{ color: #9a730e; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.CatalogFamily a:hover span{ color: #9a730e; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.CatalogCategoryOther{ text-align: center; padding-bottom: 34px; } /* page category */
  .CatalogCategoryOther h2{ color: #9a730e; text-transform: uppercase; font-size: 27px; font-weight: 400; }

.CatalogCategory{ background: #fff; border: 13px solid #f7f8f9; padding: 0px; }
  .CatalogCategory b{ color: #111; font-size: 19px; font-weight: 700; display: inline-block; padding: 19px; padding-left: 27px; padding-bottom: 0px; 
   -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; text-transform: uppercase; }
  .CatalogCategory span{ color: #111; font-size: 14px; font-weight: 300; display: inline-block; padding: 27px; padding-top: 0px; 
   -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

.CatalogCategory a:hover b{ color: #9a730e; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.CatalogCategory a:hover span{ color: #9a730e; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }


/**
INPUT AND FORM
**/
	h2.requestTitle{ font-size: 23px; text-transform: uppercase; color: #9a730e; }
    input.register{ background: none; border: 1px solid #e1e2e3; font-size: 15px; padding: 9px; padding-bottom: 10px; 
      margin-bottom: 27px; width: 100%; font-size: 16px; font-weight: 300; }
    textarea.register{ background: none; border: 1px solid #e1e2e3; font-size: 15px; padding: 9px; padding-bottom: 10px; 
      margin-bottom: 27px; width: 100%; font-size: 16px; font-weight: 300; resize: none; }
    input.register-submit{ cursor: pointer; background: #172422; border: 0px; text-transform: uppercase; 
        padding-top:8px; padding-bottom: 10px; font-size: 16px; font-weight: 400px; 
        color: #fff; width: 100%; max-width: 227px; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
    input.register-submit:hover{ cursor: pointer; background: #9a730e; border: 0px; text-transform: uppercase; 
        padding-top:8px; padding-bottom: 10px; font-size: 16px; font-weight: 400px; 
        color: #fff; width: 100%; max-width: 227px; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }