/* BTY THEME */

@import url('https://www.bty.one/assets/fonts/PFHP/PFHP.css');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Archivo:ital,wght@0,100..900;1,100..900&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');

::-webkit-scrollbar {width: 8px; height: 8px;}
::-webkit-scrollbar-thumb {background: #666; border-radius: 8px;}
::-webkit-scrollbar-thumb:hover {background: #999;}
::-webkit-scrollbar-track {background: #222;}

.container.grid-lg {max-width: 93%;}

div#page-wrapper {
background-color: #ffffff;
background-image: 
url(https://btyone.sarl/img/pigne.avif), 
url(https://btyone.sarl/svg/web_ribbon.svg), 
url(https://btyone.sarl/svg/ciel_cirrus.svg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% auto, contain, cover;
background-position: center bottom, center 85%, center top;
animation: fadeInAnimation ease 2s; 
animation-iteration-count: 1; 
animation-fill-mode: forwards; 
}

#body-wrapper .container {padding: 2rem 1.5rem 2rem;}

.checkboxes {display: inline-block !important;}

/* SITE-WIDE ANIMATIONS */

.w3-animate-opacity {animation: opac 0.8s;} 
@keyframes opac {from {opacity:0} to {opacity:1;} }

.w3-animate-top {position: relative; animation: animatetop 0.5s 0s;} 
@keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1;} }

.w3-animate-left {position: relative; animation: animateleft 0.5s;} 
@keyframes animateleft {from {left:-300px; opacity:0} to {left:0; opacity:1;} }

.w3-animate-right {position: relative; animation: animateright 0.5s;} 
@keyframes animateright {from {right:-300px; opacity:0} to {right:0; opacity:1;} }

.w3-animate-bottom {position: relative; animation: animatebottom 0.5s 0s both;} 
.w3-animate-bottom-1 {position: relative; animation: animatebottom ease 0.5s 0.25s both;} 
.w3-animate-bottom-2 {position: relative; animation: animatebottom ease 0.5s 0.5s both;} 
.w3-animate-bottom-3 {position: relative; animation: animatebottom ease 0.5 0.75s both;} 
@keyframes animatebottom {from {bottom:-300px; opacity:0;} to {bottom:0; opacity:1;} }

.w3-animate-zoom {animation: animatezoom 0.6s;} 
.w3-animate-zoom-1 {animation: animatezoom 0.6s 0.25s both;} 
.w3-animate-zoom-2 {animation: animatezoom 0.6s 0.5s both;} 
.w3-animate-zoom-3 {animation: animatezoom 0.6s 0.75s both;} 
.w3-animate-zoom-4 {animation: animatezoom 0.6s 1s both;} 
.w3-animate-zoom-5 {animation: animatezoom 0.6s 1.25s both;} 
.w3-animate-zoom-6 {animation: animatezoom 0.6s 1.5s both;} 
.w3-animate-zoom-7 {animation: animatezoom 0.6s 1.75s both;} 
@keyframes animatezoom {from {transform: scale(0);} to {transform: scale(1);} }

@keyframes shake {
10%, 90% { transform: translate3d(-1px, 0, 0); }
20%, 80% { transform: translate3d(2px, 0, 0); }
30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
40%, 60% { transform: translate3d(4px, 0, 0); }
}

@keyframes pulse {50% {transform: scale(1.2);} }

@keyframes fadeInAnimation { 0% {opacity: 0;} 1% {opacity: 0;} 100% {opacity: 1;} }
@keyframes popInAnimation { 0% {opacity: 0;} 1% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeInOutAnimation { 0% {opacity: 0;} 100% {opacity: 0.5;} }
@keyframes explode { 0% {font-size: 0.8rem;} 100% {font-size: 1.5em;} }
#about, #assort, #loc, #contact {animation: grow-progress 1s linear forwards; animation-timeline: view();}

.animonItem {
opacity:0;
transform:translateX(-4rem);
transform-origin:0 0;
transition:opacity .64s cubic-bezier(.5,1,.89,1) .4s,transform .64s cubic-bezier(.5,1,.89,1) .4s;
will-change:opacity,transform;
}
.animonItem.is-visible {opacity:1;transform:translateX(0);}
.animonItem[data-effect=fadeIn],.animonItem[data-effect=fadeIn].is-visible {transform:none;}
.animonItem[data-effect=fadeInRight] {transform:translateX(4rem);}
.animonItem[data-effect=fadeInRight].is-visible {transform:translateX(0);}
.animonItem[data-effect=fadeInDown] {transform:translateY(-4rem);}
.animonItem[data-effect=fadeInDown].is-visible {transform:translateY(0);}
.animonItem[data-effect=fadeInUp] {transform:translateY(4rem);}
.animonItem[data-effect=fadeInUp].is-visible {transform:translateY(0);}
.animonItem[data-effect=scaleUp] {transform:scale(.8);}
.animonItem[data-effect=scaleUp].is-visible {transform:scale(1);}
.animonItem[data-effect=scaleDown] {transform:scale(1.2);}
.animonItem[data-effect=scaleDown].is-visible {transform:scale(1);}


/* TOP BAR */

/** when minimized **/
body.header-fixed.header-animated #header.scrolled {height: 3rem; padding-top: 0.4em; font-size: 1.1rem;}
/** on page start, normal size **/
#header {
width: 100%;
height: 4rem;
border-bottom: 1px solid rgba(172, 179, 194, 0.2);
font-family: "Archivo Narrow", sans-serif;
font-size: 1.25rem;
font-weight: 500 !important;
background: #222;
color: #fff;
}

#header .logo svg, #header .logo img {height: 3em;}
body.header-fixed.header-animated #header.scrolled .logo svg, body.header-fixed.header-animated #header.scrolled .logo img {height: 2.2em;}

/*** TYPOGRAPHY ***/

html {font-size: 16px;}

body {
font-family: 'Archivo', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
font-variant-ligatures: common-ligatures;
text-rendering: optimizeLegibility;
font-kerning: normal;
color: #333;
}

b, strong {font-weight: 700;}
a, a:visited {font-weight: 700; color: #333;}

#nav ul li a {
font-family: 'Archivo Narrow', sans-serif;
font-size: 1.2rem;
}

#footer .copyright {
font-family: 'Archivo Narrow', sans-serif;
font-optical-sizing: auto;
line-height: 1.1rem;
font-size: 1rem;
font-weight: 400;
text-align: left;
text-justify: none;
color: #fff;
}

#footer a {font-weight: 600; color: #fff;}

.copyright span {font-family: 'Archivo', sans-serif;}

#p1 {line-height: 1.3;}

p, td, th, li, dd {
line-height: 1.3;
text-align: left;
overflow-wrap: break-word;
word-wrap: break-word;
}

p, hr, table, .table-responsive, ol, ul, dl, dd, pre, blockquote, fieldset {margin-bottom: 1em;}

a {color: #333; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}

txtlnk {color: #8bb4f0;}

h1, h2, h4, h5, h6 {
margin-bottom: 0.4em;
line-height: 1.3;
color: #333;
}

h2, h3, h4, h5, h6 {font-weight: 600; margin-top: 0; font-family: Archivo, sans-serif; color: #222;}
h1 {margin-top: 1em; font-family: Archivo, sans-serif; color: #222;}


h3 {
margin-bottom: 1em;
line-height: 1.3;
font-variation-settings: "wdth" 87.5;
color: #333;
}

h1 {font-size: 2rem; font-weight: 700; font-variation-settings: "wdth" 90;}
h2 {font-size: 1.7rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.1rem;}
h5 {font-size: 1rem;}
h6 { 
font-size: 1rem;
font-weight: 400;
font-style: italic;
}

h7 {font-style: italic; font-size: 0.9rem;}

img {max-width: 100%;}

hr {
display: block;
border: 4px dotted rgba(34,34,34,0.25);
border-style: none none dotted; 
}

abbr {text-decoration: underline dotted;}

noscript {font-size: 2rem;}

/* PAGE-RELATED THEMES */

body.style_legal {

.grid-container {
margin: 0;
display: grid;
grid-template-columns: auto 1fr 1fr 1fr auto;
grid-template-rows: auto;
gap: 1.5em 3em;
grid-template-areas:
" . featured featured . lang "
" . chef asso asso . ";
}

.grid-contacts {
width: 100%;
margin: 0 0 0;
display: grid;
grid-template-rows: auto;
gap: 3em 3em;
grid-template-areas:
" featured featured featured featured featured "
" . chef chef asso asso "
" aux aux man man . "
" . free free . . "
}

.grid-contacts h3:hover {animation: pulse 0.6s both;}
.legal-featured h3, .legal-chef h3, .legal-asso h3 {padding-top: 0.5em !important; margin-bottom: 1em !important;}
.featured h3, .chef h3, .asso h3, .aux h3, .free h3, .man h3 {padding-top: 0.5em !important; margin-bottom: 0.2em !important;}
.featured h4, .chef h4, .asso h4, .aux h4, .free h4, .man h4{margin-bottom: 0.5em !important;}
.featured {grid-area: featured; text-align: left;}
.title-contacts {grid-area: featured; text-align: left;}
.legal-featured {grid-area: featured; text-align: left;}
.chef {grid-area: chef; text-align: center;}
.legal-chef {grid-area: chef; text-align: left}
.asso {grid-area: asso; text-align: center;}
.legal-asso {grid-area: asso; text-align: left;}
.aux {grid-area: aux; text-align: center;}
.man {grid-area: man; text-align: center;}
.free {grid-area: free; text-align: center;}
.cpta {grid-area: cpta; text-align: center;}

.p01-contact input[type=submit]:not([type=radio]):not([type=checkbox]),
.p01-contact input[type=button]:not([type=radio]):not([type=checkbox]){background: #333333;}    

@media (max-width: 767px) {
#main {padding: 1.5em 0.5em 0.5em; background-size: 0, auto 50%, auto;}

em {line-height: 1;}

.grid-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 1.5em 1.5em;
grid-template-areas:
"lang"
"featured"
"chef"
"asso"
"aux"
"free"
"cpta";
}
.grid-contacts {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 1.5em 1.5em;
grid-template-areas:
"featured"
"chef"
"asso"
"aux"
"man"
"cpta"
"free";
}
}

/* End of page-related themes */

}

#header a, #header a:visited {color: #fff; font-weight: 400 !important;}

body:not(.style_bag) {#footer.bg-gray {background: #222 !important;}}
#footer.bg-gray {padding: 1em 1rem;}

br.brcopy {display: none;}
.copyright a:not(.external) {padding-left: 1em;}
.langswitcher {text-transform: lowercase; font-stretch: expanded; margin: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; display: inline-block;}
.langswitcher .active {text-decoration: underline;}

.dropmenu ul ul {position: absolute; top: 95%; background: #222; border-radius: 0 0 0.5em 0.5em;}
.dropmenu ul li a {padding: 7px 30px 7px 20px; line-height: 2.2rem;}
.dropmenu ul li a:before {content: '';}

/* TITLE PAGE */

@keyframes pulse {50% {transform: scale(1.2);} }

.flip-card {background-color: transparent;}
.flip-card-inner {
  position: relative;
  transition: transform 0.5s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {transform: rotateY(-180deg);}
.flip-card-front, .flip-card-back {
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-front {background-color: transparent; color: black;}
.flip-card-back {background-color: #transparent; color: white; transform: rotateY(-180deg);}

.homegrid {
display: flex;
max-width: 100%;
padding: 5vh 3vw;
text-align: center;
align-items: flex-end;
gap: 3em;
flex-wrap: wrap;
justify-content: space-around;
}

.homegrid-element {flex: 0 1 24em;}

.element-balet {order: 1;}
.element-fors {order: 2;}
.element-nature {order: 3;}

.homegrid-element img {width: 100%; height: auto;}

.homegrid-element span {
text-align: center;
font-size: 1rem;
font-weight: 500;
color: #000000;
}

.homegrid-element img:hover {animation: pulse 0.6s both;}

.links-bag { 
background-color: rgba(51, 136, 0, 0.1);
border: rgba(51, 136, 0, 0.5) 0.12em solid;
padding: 0.5em;
}

.links-bag h3 {
margin-bottom: 0.5em !important;
font-size: 1.66rem !important;
color: rgba(51, 136, 0, 1) !important;
}

.links-fors { 
background-color: rgba(204, 0, 0, 0.1);
border: rgba(204, 0, 0, 0.5) 0.12em solid;
padding: 0.5em;
}

.links-fors h3 {
margin-bottom: 0.5em !important;
font-size: 1.66rem !important;
color: rgba(204, 0, 0, 1) !important;
}

.links-nature { 
background-color: rgba(189, 131, 5, 0.3);
border: rgba(189, 131, 5, 1) 0.12em solid;
padding: 0.5em;
}

.links-nature h3 {
margin-bottom: 0.5em !important;
font-size: 1.66rem !important;
color: rgba(189, 131, 5, 1) !important;
}

.links-bag a, .links-fors a, .links-nature a {
color: #000000 !important;
width: 65%; 
margin: auto; 
padding-top: 0.7em; 
padding-bottom: 0.5em; 
margin-bottom: 1.5em;
}

.links-bag a, .links-fors a, .links-nature a {
font-size: 1.25rem !important;
color: rgba(0, 0, 0, 1) !important;
}

body:not(.style_bag) div#bag-microsite-menu {display: none;}

/* TEST CGe
body.style_cge {

@keyframes parallax { to { background-position-y: 18em; } }

div#page-wrapper {
  background-image: url(https://btyone.sarl/svg/ciel_cirrus.svg);
  background-attachment: fixed;
  animation: parallax linear;
  animation-timeline: scroll(root);
  animation-fill-mode: both;
}

}
*/

/* BAG */
body.style_bag {

div#page-wrapper {
background-color: #ffffff;
background-image: url(https://btyone.sarl/svg/tree.svg), url(https://btyone.sarl/img/bag_bg.jpg), linear-gradient(to right, rgba(51, 136, 0, 1), rgba(51, 136, 0, 1));
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 16em, cover, calc(3.5% + 14em) 100%;
background-position: 2em 100%, center center, top left;
background-blend-mode: normal, multiply, normal;
animation: fadeInAnimation ease 2s; 
animation-iteration-count: 1; 
animation-fill-mode: forwards;
}

#about-img {display: inline-block; margin-bottom: 3em;}

#b-logo {
  width: 9em;
  height: auto; 
  margin: 1em 0 1.5em -1em;
}

#footer.bg-gray {
background-color: #338800 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23338800'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%231c3964'/%3E%3Cstop offset='1' stop-color='%23338800'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(1020 0)'%3E%3Cg %3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform=''%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(180)'/%3E%3Cuse href='%23g' transform='rotate(90)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.62' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
background-attachment: fixed !important;
background-size: cover !important;
padding: 1em 0;
animation: fadeInAnimation ease 0.5s; 
animation-iteration-count: 1; 
animation-fill-mode: forwards;
}

.bag-microsite-side-bar {
  width: 160px;
  height: 100vh;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

h1.bag {transform: skewX(-9deg);}

#bag-microsite-menu, .bag-microsite-menu-repeat {
display: none;
font-family: "Archivo Narrow", sans-serif;
font-size: 1.2em;
text-align: center;
}

.bag-microsite-content {margin-left: 16em;}
.bag-microsite-navi ul {padding: 0;}
.bag-microsite-navi nav, .bag-microsite-navi li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 1.5em;
  line-height: 2.2em;
}

.bag-microsite-navi nav, .bag-microsite-navi li, .bag-microsite-navi a {
  text-decoration: none;
  color: #fff;
  display: block;
  font-weight: 500;
  font-family: "Archivo Narrow", sans-serif;
}

.bag-microsite-navi a {color: #fff; transform: skewX(-9deg);}
.bag-microsite-navi a:hover, .bag-microsite-navi a:active {color: #333; text-decoration: none;}

@keyframes grow-progress { 0% {opacity: 0;} 15% {opacity: 0;} 40% {opacity: 1;} 100% {opacity: 1;} }
#about, #assort, #loc, #contact {animation: grow-progress 1s linear forwards; animation-timeline: view();}

.bag-microsite-sections {
padding-top: 6em;
section:not(#actu), section:not(#header), section:not(#footer) {min-height: 90vh; margin:0; padding:1rem 4rem;}
section #actu, section:not(#header), section:not(#footer) {background-color: rgba(255,255,255,0.15); min-height: 90vh; margin: 0; padding: 0 0 4rem 0;}
}

.bag-microsite-navi-active {color: lime; font-weight: 600;}
.bag-microsite-content th {background: rgba(255,255,255,0.5);}

table {width: 100%;}
.horaires th:first-of-type {width: 40%;}
.horaires th:nth-of-type(2) {width: 30%;}
.horaires th:nth-of-type(3) {width: 30%;}

td, th {background: rgba(255,255,255,0.5) !important;}

.mySlides {width: 100%; height: 100%;}
.mySlides img {width: 100%; height: auto;}

#loc .grid-leftright img:hover {animation: pulse 0.6s both;}

@media (max-width: 767px) {

#body-wrapper .container {padding: 4rem 0 1rem;}

div#page-wrapper {
background-size: 0 0, cover;
background-position: center 25%, center bottom;
}

.bag-microsite-sections {padding-top: 3em;}

#about, #assort, #loc, #contact {display: none;}
#about:target, 
#assort:target, 
#loc:target, 
#contact:target {display: block;}

#about, #assort, #loc, #contact {animation: none; animation-timeline: none;}

#b-logo {display: none; width: 33%;}

.bag-microsite-side-bar {
  display: none;
  /* width: 100%;
  height: 20vh;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; */
}

#bag-microsite-menu, .bag-microsite-menu-repeat {
display: flex;
flex: 0 0 auto;
width: 100%;
padding: 0.33em;
/* height: 2.5em; min-height: 2.5em; */
background-color: #338800;
font-size: 1.1em;
}

#bag-microsite-menu a, .bag-microsite-menu-repeat a {color: #fff !important;}

.bag-microsite-content { margin-left: 0; }

.bag-microsite-navi ul {
padding: 0.5em 1.5em;
background-color: #338800;
margin: -1em 0 0 -1.5em;
}

section { height: auto;}
section-first { height: auto; }

#actu section { margin-top: 4em; }

section, section:nth-of-type(2n) { background-color: rgba(255,255,255,0); }

h1.bag {
font-family: 'Archivo Narrow';
font-size: 1.6rem;
font-weight: 600;
color: #338800;
margin-top: 1em; 
}

#promos {
display: none;
/* margin: 1em 0 0;
height: auto !important; */
}

#main .bag-microsite-navi nav, #main .bag-microsite-navi li, #main .bag-microsite-navi a {
display: inline-block;
line-height: 1.5em;
padding-right: 0.5em;
}
#main .bag-microsite-navi a:hover, #main .bag-microsite-navi a:active { color: #fff; }

.mySlides img {width: 100%; height: auto; border-radius: 0.5em;}

.grid-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 1.5em 1.5em;
grid-template-areas:
"featured"
"site"
"links";
}
.grid-container ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
}

}

/* FORS */
body.style_fors {

#footer.bg-gray {
background-color: #FF0000 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23FF0000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%231c3964'/%3E%3Cstop offset='1' stop-color='%23FF0000'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(1020 0)'%3E%3Cg %3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform=''%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.62' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
background-attachment: fixed !important;
background-size: cover !important;
animation: fadeInAnimation ease 0.5s; 
animation-iteration-count: 1; 
animation-fill-mode: forwards;
}

table { 
border-spacing: 2 !important; 
border: 1px solid #cc0000 !important;
border-top-left-radius: 0.3em !important;
border-top-right-radius: 0.3em !important;
border-bottom-left-radius: 0.3em !important;
border-bottom-right-radius: 0.3em !important;
}

td, th { border: 0px !important; }

td { background: rgba(245, 245, 245, 0.33) !important; }

.class-FO {margin-top: 1.5rem !important;}

.grid-container {
margin: 0;
display: grid;
grid-template-columns: auto 25%;
grid-template-rows: auto;
gap: 1.5em 6em;
grid-template-areas:
"titleimg  . "
"featured tours"
"featured  . "
"docs docs";
animation: fadeInAnimation ease 2s; 
animation-iteration-count: 1; 
animation-fill-mode: forwards; 
}

.grid-container ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}

.docs ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 4;
-webkit-columns: 4;
-moz-columns: 4;
}

.tours ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.grid-container li:not(:last-child) {margin-bottom: 0.4em;}
.grid-container h3 {margin-bottom: 0.5em;}
.docs li:not(:last-child) {margin-bottom: 0.4em;}
.docs h3 {margin-bottom: 0.5em;}

mark {background-color: #f1ff34; color: #333; padding: .2rem;}

.featured {grid-area: featured;}
.titleimg {grid-area: titleimg;}

.tours { 
grid-area: tours;
border-left: 0.20em dotted rgba(204, 0, 0, 0.5);
padding: 0 0.5em;
}

.depot { 
grid-area: depot;
border-left: 0.20em dotted rgba(204, 0, 0, 0.33);
padding: 0 0.5em;
/* font-size: 1.2rem; */
}

.depot h3 {color: #cc0000 !important;}

.depot.call h3 {margin-bottom: 0 !important;}

.links { 
grid-area: links;
border-left: 0.20em dotted rgba(204, 0, 0, 0.5);
padding: 0 0.5em;
}

.docs {
grid-area: docs;
border-left: 0.20em dotted rgba(204, 0, 0, 0.5);
padding: 0 0.5em;
}

img[alt=Lageplan] { width: 50%; margin-left: 1em; float: right; }

.featured img {transition: transform 0.3s;}
.featured img:hover {transform: scale(1.5);}

.grid-container-bagnes {
margin: 2em 0 0;
display: grid;
grid-template-columns: auto 40%;
grid-template-rows: auto;
gap: 1.5em 6em;
grid-template-areas:
"featured depot"
"featured tours"
"docs docs";
}

.grid-container-bagnes ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}

.docs-bagnes ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 4;
-webkit-columns: 4;
-moz-columns: 4;
}

.tours-bagnes ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.grid-container-bagnes li:not(:last-child) {
margin-bottom: 0.4em;
}

.grid-container-bagnes h3 {
margin-bottom: 0.5em;
}

.docs-bagnes li:not(:last-child) {
margin-bottom: 0.4em;
}

.docs-bagnes h3 {
margin-bottom: 0.5em;
}

mark-bagnes { 
background-color: #ef5c5c;
color: white;
}

.featured-bagnes { 
grid-area: featured;
}

.tours-bagnes { 
grid-area: tours;
border-left: 0.20em dotted rgba(204, 0, 0, 0.5);
padding: 0 0.5em;
}

.depot-bagnes { 
grid-area: depot;
border-left: 0.20em dotted rgba(204, 0, 0, 0.33);
padding: 0 0.5em;
/* font-size: 1.2rem; */
}

.depot-bagnes h3 {
color: #cc0000 !important; 
}

.depot-bagnes.call-bagnes h3 {
margin-bottom: 0 !important;
}

.links-bagnes { 
grid-area: links;
border-left: 0.20em dotted rgba(204, 0, 0, 0.5);
padding: 0 0.5em;
}

.docs-bagnes {
grid-area: docs;
border-left: 0.20em dotted rgba(204, 0, 0, 0.5);
padding: 0 0.5em;
}


@media (max-width: 767px) {
/* div#page-wrapper {
padding: 1em 0.5em 0.5em;
background-size: auto, 0 0, cover;
background-position: left top, left top, 50% bottom;
} */

.class-FO {margin-top: 0 !important;}

.grid-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 1.5em 1.5em;
grid-template-areas:
"titleimg"
"featured"
"tours"
"docs";
}
.grid-container ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.docs ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
img[alt=Lageplan] { width: 80%; float: none; margin-left: 1em; }
.featured img:hover {transform: scale(1);}

.grid-container-bagnes {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 1.5em 1.5em;
grid-template-areas:
"featured"
"depot"
"tours"
"docs";
}
.grid-container-bagnes ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.docs-bagnes ul {
list-style-type: none;
margin: 0;
padding: 0;
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}

}

}

/* TEAM */
body.style_team {

div#page-wrapper {
background-color: #ffffff;
background-image: 
url(https://btyone.sarl/img/pigne.avif), 
url(https://btyone.sarl/svg/pussie.svg), 
radial-gradient(at top left, rgba(0, 102, 204, 0.6), rgba(0, 102, 204, 0.0));
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% auto, 100% auto, auto;
background-position: center bottom, center bottom, left top;
animation: fadeInAnimation ease 2s; 
animation-iteration-count: 1; 
animation-fill-mode: forwards; 
}

/* h1, h2, h3, h4, h5, h6 {margin-top: 0;} */
h2 {padding-bottom: 1em !important;}
h3 {
margin-bottom: 0.2em !important;
line-height: 1.2 !important;
padding-top: 1em !important;
padding-bottom: 0.1em !important;
}
form + h3 {padding-top: 0 !important; padding-bottom: 0.5em !important;}
h6 { 
font-size: 1rem !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1rem !important;
}

td, th {
padding: 0 0.5em !important;
vertical-align: top !important;
border: 0px !important;
}

th {
    font-weight: 400 !important;
/***   text-align: right !important; ***/
    background: transparent !important;
    color: #333 !important;
}

#footer.bg-gray {
background-color: #666666 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23666666'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23666666'/%3E%3Cstop offset='1' stop-color='%23666666'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(1020 0)'%3E%3Cg %3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform=''%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.62' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
background-attachment: fixed !important;
background-size: cover !important;
animation: fadeInAnimation ease 0.5s; 
animation-iteration-count: 1; 
animation-fill-mode: forwards;
}

.grid-container {
margin: 0;
display: grid;
grid-template-columns: auto 1fr 1fr 1fr auto;
grid-template-rows: auto;
gap: 1.5em 3em;
grid-template-areas:
" . featured featured . lang "
" . chef asso asso . ";
/*animation: fadeInAnimation ease 2s; 
animation-iteration-count: 1; 
animation-fill-mode: forwards; */
}

.grid-contacts {
width: 100%;
margin: 0 0 0;
display: grid;
grid-template-rows: auto;
gap: 3em 3em;
grid-template-areas:
" featured featured featured featured featured "
" . chef chef asso asso "
" aux aux man man . "
" . free free . . "
}

.grid-contacts h3:hover {animation: pulse 0.6s both;}

.legal-featured h3, .legal-chef h3, .legal-asso h3 {
padding-top: 0.5em !important;
margin-bottom: 1em !important;
}

.featured h3, .chef h3, .asso h3, .aux h3, .free h3, .man h3 {
padding-top: 0.5em !important;
margin-bottom: 0.2em !important;
}

.featured h4, .chef h4, .asso h4, .aux h4, .free h4, .man h4 {
margin-bottom: 0.5em !important;
}

.featured {grid-area: featured; text-align: left;}
.title-contacts {grid-area: featured; text-align: left;}
.legal-featured {grid-area: featured; text-align: left;}
.chef {grid-area: chef; text-align: center;}
.legal-chef {grid-area: chef; text-align: left;}
.asso {grid-area: asso; text-align: center;}
.legal-asso {grid-area: asso; text-align: left;}
.aux {grid-area: aux; text-align: center;}
.man {grid-area: man; text-align: center;}
.free {grid-area: free; text-align: center;}
.cpta {grid-area: cpta; text-align: center;}

.p01-contact input[type=submit]:not([type=radio]):not([type=checkbox]),
.p01-contact input[type=button]:not([type=radio]):not([type=checkbox]) {
background: #333333;
}    

@media (max-width: 767px) {
#main {padding: 1.5em 0.5em 0.5em; background-size: 0, auto 50%, auto;}

div#page-wrapper {
background-size: auto, 100% auto, cover;
background-position: 45% 60vh, center 10%, left top;
}

em {line-height: 1;}

.grid-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 1.5em 1.5em;
grid-template-areas:
"lang"
"featured"
"chef"
"asso"
"aux"
"free"
"cpta";
}
.grid-contacts {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 1.5em 1.5em;
grid-template-areas:
"featured"
"chef"
"asso"
"aux"
"man"
"cpta"
"free";
}

}

}
/*** end of TEAM ***/

.grid-leftright {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1em 3em;
  grid-template-areas:
    "left right";
}

.left { 
grid-area: left;
padding: 0.2em;
}

.right { 
grid-area: right;
padding: 0.2em;
}

h1.bag {
font-family: 'Archivo Narrow';
font-size: 2.2rem;
font-weight: 600;
color: #338800;
margin-top: 1em; 
}

h3.bag {
margin-top: 0.95em;
margin-bottom: 0.25em;
}

h3.baganim {
display: inline-block;
margin-top: -0.35em;
margin-bottom: 0.25em;
color: #338800;
animation: titleblink 1.5s linear infinite;
}

span.baganim {animation: titleblink 1s linear infinite;}

.contacticon {
margin-right: 1.2em;
width: 3em;
height: 3.375em;
}

.form-input {font-size: 1.05rem; padding: .25rem .6rem; border-radius: .4rem;}

.btn, .button {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    height: 2.2rem;
    padding: .5rem 1rem;
    border: 0;
    border-radius: .5rem;
    background: #222;
}

.btn:hover, .btn:focus, .button:hover, .button:focus {color: #222;}
.btn:active {color: #fff;}

/* Contact form */

.form-group:not(:last-child) {
display: inline-block;
vertical-align: top;
width: 40vw;
margin-right: 2em;
}

.form-checkbox .form-icon, .form-radio .form-icon, .form-switch .form-icon {border: .1rem solid #000;}
.form-checkbox .form-icon, .form-radio .form-icon {top: 0; width: 1.2rem; height: 1.2rem;}
.form-checkbox, .form-radio, .form-switch {padding: .1rem 0 .1rem 1.6rem;}
form .form-group:not(.form-field-toggleable) .checkboxes label {padding: .1rem 1.6rem .1rem 1.6rem;}

/* end of Contact form */

/* Animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1s;
animation-name: fade;
animation-duration: 1s;
}

@-webkit-keyframes fade {
from {opacity: .2} 
to {opacity: 1}
}

@keyframes fade {
from {opacity: .2} 
to {opacity: 1}
}

@keyframes titleblink {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}

#error h1 {font-size: 8rem; color: #355; line-height: .66; margin-top: 0; margin-bottom: 0;}
#error p {font-size: 2.5rem; text-align: center; color: #355;}

.ici-high {display: none;}
.ici-wide {display: block;}

@media (max-width: 767px) {

.checkboxes {display: block;}

#body-wrapper .container {padding: 0 0 1rem;}
#fullpage section {margin-top: 1em;}

.overlay nav {font-family: 'Archivo Narrow', sans-serif;}
.overlay.open {opacity: 1;}

.mobile-logo img, .mobile-logo svg {
height: 2.68em;
margin-top: .7rem;
margin-left: 2.2rem;
}

div#page-wrapper {
background-size: auto, 0 0, cover;
background-position: 45% 125%, left top, right top;
}

#footer .copyright {line-height: 1.6rem;}
br.brcopy {display: inline !important;}
a.itemlegal, a.itemprivacy {font-size: 0;}
a.itemlegal:after {content: 'Legal'; font-size: 1rem;}
a.itemprivacy:after {content: 'Privacy'; font-size: 1rem; padding-left: 0;}
.copyright a, .copyright a:not(.external) {padding-left: 0 !important;} 

.treemenu li a {font-size: 1.2rem; margin-left: 2.2rem; color: #fff;}

.grid-leftright {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
gap: 0 0;
grid-template-areas:
"left"
"right";
}

.form-group:not(:last-child) {
display: inline-block;
width: 80vw;
margin-right: 0;
}

body.header-fixed.header-animated #header.scrolled~.mobile-menu .button_container {top: 1rem;}
.mobile-menu .button_container:hover {opacity: 1;}

.treemenu .toggler {
font-size: 2rem;
line-height: 2.5rem;
color: #fff;
}

.treemenu li {line-height: 2.85rem; background: rgba(102, 113, 137, 0);}
.treemenu li a {font-size: 1.6rem;}
.treemenu .toggler:before {margin-right: 0.3em;}
.treemenu li.tree-empty>.toggler {margin-right: 0.63em;}
.treemenu li.tree-empty>.toggler:before {content: '';}

.ici-high {display: block;}
.ici-wide {display: none;}

}

iframe#searchch {box-shadow: 1em 1em 1em grey !important;}

/* NOTICES plug-in overwrite */

.notices {
    padding: 1px 1px 1px 30px;
    margin: 15px 0;
}

.notices p {

}

.notices.yellow {
    border-left: 10px solid #f0ad4e;
    background: #fcf8f2;
    color: #df8a13;
}

.notices.red {
    border-left: 10px solid #d9534f;
    background: #fdf7f7;
    color: #b52b27;
}

.notices.blue {
    border-left: 10px solid #333;
    background: #f4f8fa;
    color: #333;
}

.notices.green {
    border-left: 10px solid #5cb85c;
    background: #f1f9f1;
    color: #3d8b3d;
}