/* FADE IN FADE OUT ON PAGE SCROLL */
.hideme { opacity:0; transition: 1s ease-out;}
.in { opacity: 1;}

html {margin: 0 ;height: 100%;font-size: 16px; font-family: Verdana, Geneva, sans-serif; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;	 } 
body { background-color: #000; margin: 0; max-width: 100%; height: 100%;}

/*ANIMATION ALL WEBSITE FADE IN*/
body { animation: fadeInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards;}
@keyframes fadeInAnimation { 0% { opacity: 0; } 100% {  opacity: 1; }}

/*CARROUSEL IMAGES SLIDER ALL PAGES*/
.delayslide  {animation-delay:4s  !important;}
@keyframes slidy {
0%  { left: 0%; } 10% { left: 0%; } 10% { left: 0%; } 15% { left: -100%; } 30% { left: -100%; } 35% { left: -200%; } 55% { left: -200%; } 60% { left: -300%; } 80% { left: -300%; } 85% { left: -400%; } 95% { left: -400%; } 100% { left: -400%; } 100% { left: 0%; } }
body { margin: 0; } div#slider1 { overflow: hidden; }div#slider1 figure img {width: 20%; float: left; }div#slider1 figure {  position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 12s slidy infinite; }

@keyframes slidy {
0%  { left: 0%; } 10% { left: 0%; } 10% { left: 0%; } 15% { left: -100%; } 30% { left: -100%; } 35% { left: -200%; } 55% { left: -200%; } 60% { left: -300%; } 80% { left: -300%; } 85% { left: -400%; } 95% { left: -400%; } 100% { left: -400%; } 100% { left: 0%; } }
body { margin: 0; } div#slider2 { overflow: hidden; }div#slider2 figure img { width: 20%; float: left; }div#slider2 figure {  position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 12s slidy infinite; }

@keyframes slidy {
0%  { left: 0%; } 10% { left: 0%; } 10% { left: 0%; } 15% { left: -100%; } 30% { left: -100%; } 35% { left: -200%; } 55% { left: -200%; } 60% { left: -300%; } 80% { left: -300%; } 85% { left: -400%; } 95% { left: -400%; } 100% { left: -400%; } 100% { left: 0%; } }
body { margin: 0; } div#slider3 { overflow: hidden; }div#slider3 figure img { width: 20%; float: left; }div#slider3 figure {  position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 12s slidy infinite; }

@keyframes slidy {
0%  { left: 0%; } 10% { left: 0%; } 10% { left: 0%; } 15% { left: -100%; } 30% { left: -100%; } 35% { left: -200%; } 55% { left: -200%; } 60% { left: -300%; } 80% { left: -300%; } 85% { left: -400%; } 95% { left: -400%; } 100% { left: -400%; } 100% { left: 0%; } }
body { margin: 0; } div#slider4 { overflow: hidden; }div#slider4 figure img { width: 20%; float: left; }div#slider4 figure {  position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 12s slidy infinite; }

@keyframes slidy {
0%  { left: 0%; } 10% { left: 0%; } 10% { left: 0%; } 15% { left: -100%; } 30% { left: -100%; } 35% { left: -200%; } 55% { left: -200%; } 60% { left: -300%; } 80% { left: -300%; } 85% { left: -400%; } 95% { left: -400%; } 100% { left: -400%; } 100% { left: 0%; } }
body { margin: 0; } div#slider5 { overflow: hidden; }div#slider5 figure img { width: 20%; float: left; }div#slider5 figure {  position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 12s slidy infinite; }

/* CHANGE BUTTONS NAVBAR*/
#menu {font-weight: 400; font-style: normal; color: #fff ; padding-top: 0px; font-family: inherit;font-size: 20px;text-align: center}
button {  margin: 0;  border-radius: 0}[hidden] { display: none !important}

.btn               { outline: 0; border: none; text-decoration: none; background-image: url("../images/social/boutons/e.webp");font-family: Verdana,Geneva,sans-serif;white-space: nowrap; display: inline-block;text-align: center; vertical-align: middle; cursor: pointer; margin-bottom: 5px; letter-spacing: 2px; font-size: 12px; line-height: 15px ; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out}
.btn               { width: 120px; padding: 15px 12px; font-size: 12px; line-height: 17px ;  text-decoration: none;  font-weight: 600;}
.btn:active        { outline: 0; border: none; background-image: url("../images/social/boutons/e.webp")}
.btn-primary       { color: #fff;    text-decoration: none}
.btn-primary:hover { color: #150D04; text-decoration: none ; background-image: url("../images/social/boutons/ea.webp"); outline: 0; border: none; font-weight: 800; -webkit-transform:scale(1.25);  -moz-transform:scale(1.25);  -ms-transform:scale(1.25);  -o-transform:scale(1.25);  transform:scale(1.25); }

/* CHANGE BUTTONS SMALL FRENCH NAVBAR*/
.fbtn               { outline: 0; border: none; text-decoration: none; background-image: url("../images/social/boutons/fe.webp");font-family: Verdana,Geneva,sans-serif;white-space: nowrap; display: inline-block;text-align: center; vertical-align: middle; cursor: pointer; margin-bottom: 5px; letter-spacing: 2px; font-size: 12px; line-height: 15px ; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out}
.fbtn               { width: 25px; padding: 15px 12px; font-size: 14px; line-height: 23px ;  text-decoration: none;  font-weight: 600;}
.fbtn:active        { outline: 0; border: none; background-image: url("../images/social/boutons/fe.webp")}
.fbtn-primary       { color: #fff;    text-decoration: none}
.fbtn-primary:hover { color: #150D04; text-decoration: none ; background-image: url("../images/social/boutons/fea.webp"); outline: 0; border: none; font-weight: 800; -webkit-transform:scale(1.25);  -moz-transform:scale(1.25);  -ms-transform:scale(1.25);  -o-transform:scale(1.25);  transform:scale(1.25); }

/* ON SITE BUTTONS */
.btn-lg            { width: 120px; padding: 15px 12px; font-size: 12px; line-height: 17px ; text-decoration: none; font-weight: 600;}
.boutonstop { height: 100px ; display: table-cell; float: none; padding-bottom: 0; padding-top: 3px; position: relative; vertical-align: middle}/* BUTTONS ALIGMENTS*/

/* BOUTONS NAVBAR TOP LINKS */
.nav { list-style: none ; padding-left: 0; margin-bottom: 0}
.nav-link { display: inline-block ; padding-top: 8px}
.nav-link:focus {outline: 0}
.nav-link:hover { text-decoration: 0}
.navbar-nav { float: left}
/* NAVBAR TOP MOVE THE BUTTON FURTHER RIGHT*/
.nav-item {float: left; margin-left: 0px; margin-right: 0px; display: table-cell;  float: none; vertical-align: middle}
.navbar-top {color: #fff ; top: 0; position: fixed; width: 100%;}
/* BOUTONS ON NAVBAR TOP */
.nav-btn { padding-left: 5px}
.navbar-drop .btn { width: 120px; padding: 15px 12px; font-size: 12px; line-height: 17px ; text-decoration: none; font-weight: 600;}
.navbar-drop { font-family: Verdana,Geneva,sans-serif; font-size: 16px; font-weight: 600; white-space: nowrap; float: none; color: inherit; text-decoration: none ;  padding: 0px 0 ; height: 100px; left: 0px; right: 0px; position: fixed;  top: 0px; z-index: 1030 ; background: none !important ; height: auto !important}
.navbar-drop :before { display: inline-block; height: 100%; vertical-align: middle}
.navbar-drop :hover  { text-decoration: none}

/* COMMUNICATIONS DISPLAY BOUTONS CALL ME / MESSAGE ME AND MENU TOP */
@media (min-width:845px) {#com { display: none;}}
.but-com {display: flex;}
/* CONTAINERS FOR SECTIONS */
@media print { img { page-break-inside: avoid }*,::after, ::before { text-shadow: none !important; box-shadow: none !important}a, a:visited { text-decoration: none }img {  max-width: 100% !important}}
@media (min-width: 768px)  { .container   {  max-width: 1200px }.col-md-12 { float: left}.col-md-12 {  width: 100%; height: auto; }.col-md-offset-0 { margin-left: 0}}
@media (min-width: 768px)  { .hidden-md-up{display: none !important}}
/* NEW HAMBURGER MENU TOP */
@media only screen and (max-width: 845px) { .menu__btn { display: block; }}
@media only screen and (min-width: 846px) { .menu__btn { display: none; }}

#menu__toggle { opacity: 1;}
#menu__toggle:checked + .menu__btn > span                  {transform: rotate(45deg);}
#menu__toggle:checked + .menu__btn > span::before { top: 0; transform: rotate(0deg) ;}
#menu__toggle:checked + .menu__btn > span::after  { top: 0; transform: rotate(90deg);}
#menu__toggle:checked ~ .menu__box { left: 0 !important;}
/* BOUTONS MENU TOP */
.menu__btn  { position: fixed; right:20px; top: 100px; width: 40px; height: 100%; cursor: pointer; z-index: 10000;}
/* BOUTONS HAMBURGER */
.menu__box  { position: fixed; left:-100%; top:  63px; width:100px; height:100% ; cursor: pointer; z-index: 10000; display : block; padding:  0px  0px;  margin: 0;  transition-duration: .75s; }
.menu__item { display : block; padding: 12px 60px; text-decoration: none; transition-duration: .75s;}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after  { display: block; position: absolute; width: 100%; height: 10px; background-color: #ffffff; transition-duration: .25s;}
.menu__btn > span::before { content: 'ＭＥＮＵ ＩＣＩ'; vertical-align: middle ; text-align: center; font-size: 9px;font-weight: bold; top: -13px;}
.menu__btn > span::after  { content: ''; top:  13px;}

/* SIDE BAR PAGES BUTTONS */
@media (min-width: 845px)  { .navbar-top   {border-radius:0 }}
@media (min-width: 845px)  { .navbar-on    { display: block !important }}
@media (max-width: 844px)  { .navbar-off   { display: none; bottom: 0;  left: 0; overflow-x: hidden; position: fixed; top: 0; transform: translateX(-100%); -ms-transform: translateX(-100%);  -webkit-transform: translateX(-100%);  z-index: 999 }}
@media (max-width: 845px)  { .btn          { white-space: normal}}
@media (max-width: 845px)  { .nav-section  { padding-top: 0; padding-bottom: 0}}


img { border: 0 ; vertical-align: middle; max-width: 100%; height: auto}
script { display: none;}
ul { margin-top:0 ; margin-bottom: 0.5rem  }
p,h1,h2,h3,h4,h5,h6 {font-family: Verdana, Geneva, sans-serif;font-style: normal; font-variant: normal; margin-bottom: 1rem; margin-top: 1rem}
p  { font-size: 16px; font-weight: 400; line-height: 18px }
h1 { font-size: 18px; font-weight: 100; line-height: 20px; color: white; padding-top: 10px; padding-bottom: 10px; padding-right:10px; padding-left:10px; background-color: #3f260d}
h2 { font-size: 18px; font-weight: 100; line-height: 20px; color: black; padding-top: 10px; padding-bottom: 10px; padding-right:10px; padding-left:10px; background-color: #fff}
h3 { font-size: 18px; font-weight: 400; line-height: 19px }
h4 { font-size: 16px; font-weight: 400; line-height: 17px }
h5 { font-size: 16px; font-weight: 400; line-height: 17px }
h6 { font-size: 12px; font-weight: 400; line-height: 13px }
b,strong {font-weight: 700} 
nav,section { display: block}[hidden] { display: none}
a {  background-color: transparent ; color: #fff; text-decoration: none}
a:hover { outline: 0; color: #D9924D; text-decoration: none ; outline: 0}
a:active,
a:focus,
area {touch-action: manipulation}
sup {font-size: 75%;  line-height: 0; position: relative; vertical-align: baseline}
sup {top: -.5em}
button { margin: 0 ; touch-action: manipulation ; overflow: visible ; text-transform: none ; -webkit-appearance: button; cursor: pointer}
button::-moz-focus-inner { border: 0;  padding: 0}
*,::after,::before { box-sizing: inherit}

.row { margin-left: -.9375rem; margin-right: -.9375rem}
.row::after { content: ""; clear: both; display: table;}
.col-md-12 {  position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px}
.container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; position: relative}
.container::after { display: table; clear: both}
.nav-section { position: relative; padding-top: 120px; padding-bottom: 120px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; text-align: center}
.nice { box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;}
.blackshadowwhite{text-shadow: 1px 1px #000;}
.top { position: absolute; top: 0em; right: 3em; padding: 1px; font-weight: lighter; font-size: 14px; }
.text { position: absolute; top: 2em; right: 3em; padding: 1px; font-weight: lighter; font-size: 14px; }
.textshadow{text-shadow: 2px 2px 2px black;}

.border{border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px;}
.border2{border-top-left-radius: 50px; border-top-right-radius: 50px;}
.border3{border-bottom-right-radius: 50px; border-bottom-left-radius: 50px;}

.box6{transform: translateY(5px);box-shadow: inset 0px 10px 20px 2px rgba(0, 0, 0, 0.25);}
.whitearound2 { box-shadow: 0 0 10px 5px #fff; padding-right: 20px; padding-left: 20px; border:1px solid #000  }
.whitearound  { box-shadow: 0 0 10px 5px #fff;}
.eb { color:#e9e9e9 }	
.ek { font-size: .75rem; color:#fff }
.eka{ font-size: .75rem; color:#39ff14 ; font-weight:bold}
.ekb{ font-size: .75rem; color:#04d9ff ; font-weight:bold}

/* BACKGROUND CONTAINERS */
.light{background: linear-gradient(to top, #e9e9e9 30%, #D9924D 70%); padding-top: 20px; padding-bottom: 20px; padding-right: 5px; padding-left: 5px ;border-top:2px solid #000 ; border-bottom:2px solid #000}
.light2 { box-shadow: 0 0 10px 5px #fff ; text-align: center}
.light3 { box-shadow: 0 0 10px 5px #000 ; text-align: center}
.dark {background: #3f260d;padding-top: 20px; padding-bottom: 20px; padding-right: 5px; padding-left: 5px; border-top:2px solid #000 ; border-bottom:2px solid #000}
.dark2  { text-align: center}

.responsive {width: 100%;height: auto;}
.center     {text-align: center }
.review {background: #D9924D; padding-top:20px; padding-bottom:20px; border-top:1px solid #000}

/* TEXTE SHADOW */
.text-shadow      { text-shadow: 4px 4px 4px #333 }
.text-shadow3     { text-shadow: 1px 1px 1px #fff }
.one-edge-shadow2 {position: relative; padding-top: 0px; padding-bottom: 0px; -webkit-box-shadow: 0 20px 14px -8px #000; -moz-box-shadow: 0 20px 14px -8px #000; box-shadow: 0 20px 14px -8px #000 }

/*BOX SHADOW SLIDER*/
.shadowt {  box-shadow: 0 0 20px 2px #000 ; border:1px solid #000}
.shadowb {position: relative; padding-top: 0px; padding-bottom: 0px; -webkit-box-shadow: 0 20px 14px -8px #000; -moz-box-shadow: 0 20px 14px -8px #000; box-shadow: 0 20px 14px -8px #000 }
/*BOX SHADOW SECTIONS*/
.bot  { box-shadow: 0 0 10px 5px #cccccc}
.box  { box-shadow: 5px 5px 5px 5px #fff}
.box2 { box-shadow: 0 0 10px 5px #3f260d}
.box3 { box-shadow: 0 0 10px 1px #000}
.box4 { box-shadow: 0 0 5px  1px #fff}
.box5 { box-shadow: 20px 20px 50px #3f260d ; border:1px solid #000}
.box10 { color: #000 ;padding: 1em; background-color: #fcf8e3}
.referencessection { padding-top: 30px; padding-bottom: 30px;  text-align: center}

/*ANIMATION COMMUNICATION JELLO DISPLAY*/
.ls-jello-delay1 {animation-delay:6s !important; -webkit-animation-name: jello-delay1; animation-name: jello-delay1; -webkit-transform-origin: center; transform-origin: center; animation-iteration-count:infinite !important;  -webkit-animation-iteration-count:infinite !important;  animation-duration:5s !important;  -webkit-animation-duration:5s !important;}
@keyframes jello-delay1 { from, 2%, to { -webkit-transform: none;  transform: none; }
4% {  -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);  transform: skewX(-12.5deg) skewY(-12.5deg); }
6% {  -webkit-transform: skewX(6.25deg) skewY(6.25deg);  transform: skewX(6.25deg) skewY(6.25deg); }
8% {  -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
10% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
12% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
14% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}
16% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}

/* ANIMATE PULSE */
@-webkit-keyframes pulse {0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) }}
@keyframes pound { to { transform: scale(1.4); }}
.pulse    { -webkit-animation-name: pulse; animation-name: pulse}
.pulse    {display: inline-block; animation: pound 0.5s infinite alternate; transform-origin: center;}

/*ZOOM ON IMAGE*/
.zoom img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;  -ms-transition: all 1s ease;  transition: all 1s ease; }
.zoom:hover img { -webkit-transform:scale(1.25);  -moz-transform:scale(1.25);  -ms-transform:scale(1.25);  -o-transform:scale(1.25);  transform:scale(1.25); }

/* FOOTER ADD TOP LINK ANIMATED TOP / BUTTOM SECTIONS */
.footer #button { margin: 0 auto;  position: relative; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; }
.footer #button:hover { position: relative; margin: 0 auto; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; }.toplink {top:0}
.footer { bottom: 0;  left: 0;  position: fixed;  width: 100%; height: 16px; overflow: hidden;  margin: 0 auto;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  transition: all 1s ease;  z-index: 10000}
.footer:hover { height: 180px ; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  transition: all 1s ease }
.footer h4    { margin-top: 10px ; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: 100; margin-left: 10px ; margin-right: 10px}
.Footer1 ul { list-style: none; text-align: center;  padding-left: 0 ;padding-bottom: 10px }
.Footer1 ul li { display: inline-block; position: relative; padding-left: 0px; padding-right: 0px}
.Footer1 ul li:before { content: '/'; position: absolute; color: #fff; left: -3px}
.Footer1 ul li:first-child:before { display: none}
.Footer1 ul li a {color: #fff; text-decoration: none; transition: color .5s}
.Footer1 ul li a:hover {color: #fcf8e3; transition: color .5s}