/*
Theme Name: Genius Loci
Theme URI: https://www.experimental-net.com
Author: Flavien LOCHE
Author URI: https://www.experimental-net.com
Description: Genuis Loci
Version: 1.0
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: ;
    background: 0 0;
}
html,
html a {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
html,
body {
    overflow-x: hidden !important;
}
html {
    overflow-y: scroll;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    color: #000;
    background-color: #fff;
    text-rendering: optimizeLegibility;
    font-family: 'Basetica';
	font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
}
input {
    /*-webkit-appearance: none;*/
    border-radius: 0;
}
textarea:focus,
input:focus,
select:focus {
    outline: 0;
}
.zeroScroll { overflow: hidden; }
sup {vertical-align: text-top; }
.white { color:#fff; }
.fs18 { font-size: 18px; }
.fs15 { font-size: 15px; }
.lh125 { line-height: 1.25; }
.lh135 { line-height: 1.35; }
.mt70 { margin-top: 70px; }

h3 { font-size: 18px; line-height: 1.25; margin-bottom: 10px; font-weight: 500; }
h4 { font-size: 18px; line-height: 1.25; margin-bottom: 20px; font-weight: 500; }

a.button, div.button, a.loginAmibtn { color: #000; border: 2px solid #000; display: inline-block; padding: 8px 8px 8px 0; font-size: 16px; font-weight: 500; text-decoration: none; transition: color 300ms, border 300ms; }
a.button:hover, div.button:hover, .amis-item:hover div.button, a.loginAmibtn:hover { color: #878787; border:2px solid #878787; text-decoration: none; transition: color 300ms, border 300ms; }

a.buttonAdh { color: #000; border: 2px solid #000; display: inline-block; padding: 8px 8px 8px 0; font-size: 16px; font-weight: 500; text-decoration: none; transition: color 300ms, border 300ms; }
a.buttonAdh:hover { color: #878787; border:2px solid #878787; text-decoration: none; transition: color 300ms, border 300ms; }

/* HEADER */
.main-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 300;
}
.main-navigation {
	position: relative;
	padding: 17px 50px 16px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.logo svg { width: 182px; }

.menu-container { display: flex; flex-direction: column; justify-content: center; }
ul#menu-principal, ul#menu-principal-connect { list-style: none; display: flex; float: right; }
ul#menu-principal li + li, ul#menu-principal-connect li + li { margin-left: 30px; }
ul#menu-principal li a, ul#menu-principal-connect li a { color:#fff; font-size:15px; line-height: 1.2; font-weight: 300; letter-spacing: 0.05rem; text-decoration: none; text-transform: uppercase; padding-bottom: 1px; }
ul#menu-principal li a:hover, ul#menu-principal li.current_page_item a, ul#menu-principal-connect li a:hover, ul#menu-principal-connect li.current_page_item a { border-bottom: 1px solid #fff; }

.menu-mobile { 
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #c6c6c6;
	left: 0;
	top: 0;
}
.menu-mobile.open {
	left: 100%;
}
.head-mobile {
	position: relative;
	padding: 17px 20px 16px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.closeBtn {
	display: block;
	background-image: url(/wp-content/uploads/2023/06/effacer.svg);
	width: 20px;
	height: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-top: -2px;
	cursor: pointer;
}
.mobile-footer {
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
}
.mobile-footer img {
	width: 206px;
	height: auto;
}

.menu-mobile .menu { list-style: none; display: flex; flex-direction: column; width: 100%; padding: 50px 0 0; }
.menu-mobile .menu li { width: 100%; text-align: center; margin-bottom: 25px;   }
.menu-mobile .menu li a { font-size: 19px; font-weight: 300; line-height: 1.15; color: #000; text-transform: uppercase; text-decoration: none; }
.menu-mobile .menu li.current-menu-item a { border-bottom: 1px solid; padding-bottom: 1px; }

.wpml-ls-legacy-list-horizontal {
  border: 0;
  padding: 0px;
  clear: both;
	width: 100%;
	text-align: center;
}
.wpml-ls-legacy-list-horizontal li a {
  font-size: 19px;
  font-weight: 300;
  line-height: 1.15;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
	padding: 0;
}
.wpml-ls-legacy-list-horizontal li.wpml-ls-item-fr a::after {
  content:'/';
  margin: 0px 5px 0 8px;
	font-size: 21px;
  font-weight: 300;
  line-height: 1;
  color: #000;
	display: inline-block;
	vertical-align: middle;
}

.main-footer { position: relative; width: 100%; display: flex; justify-content: flex-end; background-color: #fff; border-top: 1px solid #000; padding: 18px 50px 16px; z-index: 2; }
ul#menu-footer, ul#menu-footer-en { list-style: none; display: flex; float: right; }
ul#menu-footer li + li, ul#menu-footer-en li + li { margin-left: 30px; }
ul#menu-footer li a, ul#menu-footer-en li a { color:#000; font-size:15px; line-height: 1.2; font-weight: 300; letter-spacing: 0.05rem; text-decoration: none; text-transform: uppercase; padding-bottom: 1px; padding-top: 3px; }
ul#menu-footer li a:hover, ul#menu-footer li.current_page_item a, ul#menu-footer-en li a:hover, ul#menu-footer-en li.current_page_item a { border-bottom: 1px solid #000; }
/*ul#menu-footer > li.wpml-ls-first-item > a:after, ul#menu-footer-en > li.wpml-ls-first-item > a:after {
    content: "/";
    color: #000;
    margin-left: 3px;
    margin-right: 3px;
}*/

ul#menu-footer > li.wpml-ls-first-item:after, ul#menu-footer-en > li.wpml-ls-first-item:after {
    content: "/";
    color: #000;
    margin-left: 19px;
    margin-right: 2px;
    margin-top: -22px;
    position: relative;
    display: block;
}

ul#menu-footer li.wpml-ls-last-item, ul#menu-footer-en li.wpml-ls-last-item { margin-left: 0;}


.out-of-view {
    -webkit-transition: -webkit-transform 1750ms cubic-bezier(0.23, 1, 0.32, 1) 250ms;
    transition: all 1750ms cubic-bezier(0.23, 1, 0.32, 1) 250ms;
    transition: all 1750ms cubic-bezier(0.23, 1, 0.32, 1) 250ms, -webkit-transform 1750ms cubic-bezier(0.23, 1, 0.32, 1) 250ms;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
    opacity: 0;
}
.am-in-view {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.scroller-slide-wrap {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
	margin-top: 56px;
}
.scroller-slide-wrap .scroller-slide {
    position: relative;
    width: 100%;
    height: auto;
	min-height: calc(100vh - 56px);
	min-height: calc( (var(--vh, 1vh) * 100) - 56px );
	overflow: hidden;
}
.scroller-slide-wrap .scroller-slide .inner-scroll {
    position: relative;
    width: 100%;
    height: auto;
	min-height: calc(100vh - 56px);
	min-height: calc( (var(--vh, 1vh) * 100) - 56px );
	overflow: visible;
}
.scroller-slide-wrap .scroller-slide.fix .inner-scroll {
    position: fixed;
    bottom: 0;
}
.scroller-slide-wrap .scroller-slide .inner-scroll .inner-content {
	overflow: visible;
}
.scroller-slide-wrap .scroller-slide .scroller-slide-content {
    position: relative;
    width: 100%;
    height: auto;
    /*max-width: 1300px;*/
    margin: 0 auto;
	overflow: visible;
}
.scroller-slide-wrap .scroller-slide .scroller-slide-content .one-column-section {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
	display: grid;
	grid-template-columns: 1fr;
}

.scroller-slide-wrap .scroller-slide .scroller-slide-content .two-column-section {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 30px;
}
.scroller-slide-wrap .scroller-slide .scroller-slide-content .three-column-section {
	position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
}
.scroller-slide-wrap .scroller-slide .scroller-slide-content .four-column-section {
	position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 60px;
	grid-row-gap: 30px;
}


.swiper-button-next::after {
    content: '\f12b' !important;
	font-family: 'uicons-thin-straight' !important;
	font-size:60px !important;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.35);*/
}
.swiper-button-prev::after {
    content: '\f12a' !important;
	font-family: 'uicons-thin-straight' !important;
	font-size:60px !important;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.35);*/
}
.swiper-button-next {
  right: 30px !important;
}
.swiper-button-prev {
  left: 30px !important;
}
.swiper-button-next, .swiper-button-prev {
  width: 60px !important;
  height: 60px !important;
}


/* swiper intro */
.swiper-intro, .swiper-intro-mobile {
  	width: 100vw;
  	height: calc(100vh - 56px);
	height: calc( (var(--vh, 1vh) * 100) - 56px );
}
.swiper-intro-mobile {
  	display: none;
}

.swiper-intro .swiper-slide, .swiper-intro-mobile .swiper-slide {
  	text-align: center;
  	font-size: 18px;
  	background: #fff;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 100vw;
}
.swiper-intro .swiper-slide .img-solo, .swiper-intro-mobile .swiper-slide .img-solo {
  	text-align: center;
  	font-size: 18px;
  	background: #fff;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.swiper-intro .swiper-slide .img-duo {
  	text-align: center;
  	font-size: 18px;
  	background: #fff;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 50%;
	height: 100%;
}
.swiper-intro .swiper-slide img, .swiper-intro-mobile .swiper-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.swiper-intro .gradient, .swiper-intro-mobile .gradient { position: absolute; width: 100%; height: 53%; z-index: 1; bottom:0; left:0; background: linear-gradient(15deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 50%); }
.slieu { padding-top: 96px;}

.lieu-carousel { width: 100%; height: 550px; }
.lieu-carousel img { max-height: 530px; }
.tns-controls {
  position: absolute;
  width: 100%;
padding: 0 30px;
  z-index: 1;
  top: 50%;
  display: flex;
  justify-content: space-between;
}
.tns-controls button { background-color: transparent; border: 0;}
button[data-controls="prev"]::after {
	content: '\f12a' !important;
	font-family: 'uicons-thin-straight' !important;
	font-size:60px !important;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,.35);*/
}
button[data-controls="next"]::after {
	content: '\f12b' !important;
	font-family: 'uicons-thin-straight' !important;
	font-size:60px !important;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,.35);*/
}

.swiper-lieu-mobile {
  	width: 100vw;
  	height: 350px;
}
.swiper-lieu-mobile {
  	display: none;
}

.swiper-lieu-mobile .swiper-slide {
  	text-align: center;
  	font-size: 18px;
  	background: #fff;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 100vw;
}

.swiper-lieu-mobile .swiper-slide .img-container {
  width: 100%;
  height: 100%;
	display: flex;
flex-direction: column;
justify-content: center;
}

.swiper-lieu-mobile .swiper-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
	object-fit: contain;
}






.swiper-infos {
  	width: 100vw;
  	max-height: 550px;
	position: relative;
}
.swiper-infos-mobile {
	width: 100vw;
  	max-height: 350px;
	display: none;
}

.swiper-infos .swiper-slide, .swiper-infos-mobile .swiper-slide {
	height: 100%;
	width: 100%;
	text-align: center;
}

.swiper-infos .swiper-slide img, .swiper-infos .swiper-slide video, .swiper-infos .swiper-slide iframe {
      max-height: 550px;
	max-width: 100%;
    }
.swiper-infos-mobile .swiper-slide img, .swiper-infos-mobile .swiper-slide video, .swiper-infos-mobile .swiper-slide iframe {
      max-height: 350px;
	max-width: 100%;
    }


.swiper-button-next, .swiper-button-prev {
    color: #fff !important;
}

/* INtroduction */ 
.introduction { min-height:100vh; min-height: calc( var(--vh, 1vh) * 100); }
.introduction .column { min-height:100vh; min-height: calc( var(--vh, 1vh) * 100); display:flex; flex-direction:column; justify-content:center; padding-bottom: 300px; }
.image-intro { margin-top: -38%; text-align: right; 
    padding-top: 90px; }
.image-intro img { max-width: 400px; max-height: 500px; }
.texte-intro { margin-top: 20%; margin-bottom: 60px; width: 384px; }
.texte-intro > p:first-child > strong, .texte-intro h3 { font-size:26px; line-height: 1.1; font-weight: 400; margin-bottom: 20px;}

.fixedTitle { position: fixed; bottom:72px; width: 500px; left: 147px; z-index: 100; }
.fixedTitle h1 { font-size: 60px; line-height: 1; font-weight: 400; color: #fff; margin-bottom: 0; }
.fixedTitle h2 { font-size: 60px; line-height: 1; font-weight: 400; margin-bottom: 0; color: #fff; }
.fixedTitle .date { font-size: 20px; line-height: 1; font-weight: 500; color: #fff; margin-top: 15px; }
.fixedTitle .booking { margin-top: 30px; }
.fixedTitle .booking a { display: inline-block; padding: 8px 8px 8px 0; font-size: 16px; font-weight: 500; text-decoration: none; transition: color 300ms, border 300ms; }
.fixedTitle .booking a:hover { color: #fff; border:2px solid #fff; text-decoration: none; transition: color 300ms, border 300ms; }

.reservation_ami .booking a { display: inline-block; padding: 8px 8px 8px 0; font-size: 16px; font-weight: 500; text-decoration: none; color: #000; border: 2px solid #000; transition: color 300ms, border 300ms; }
.reservation_ami .booking a:hover { color: #878787; border:2px solid #878787; text-decoration: none; transition: color 300ms, border 300ms; }


/* lieu */
#lieu { z-index: 102; }
#lieu .two-column-section .column { padding-bottom: 300px; }
.nom-lieu, .adresse-lieu { margin-left: 150px; font-size: 26px; line-height: 1.15; width: 384px; font-weight: 400; margin-bottom: 20px; float: right; clear: both; }
.texte-lieu { width: 384px; padding-bottom:350px; }
.legende { font-size:10px; line-height: 1.35; font-weight: 400; margin-top: 4px; }
.lightbox-artiste .legende { margin-top: 8px; }
.texte-lieu p { margin-bottom: 12px; }

/* artistes */
#artistes { z-index: 103; }
.artistes-list { margin-top: 152px; display: flex; flex-direction: column; width: 100%; padding: 100px 0 200px; }
.artiste-item { text-align: center; font-size:45px; line-height: 1.5; color: #fff;  }
.artiste-item a { cursor: pointer;}

.lightbox-artiste { position: fixed; z-index: 205; width: 100%; height: calc(100% - 52px); top: 52px; background-color: #fff; }
.artiste-solo {width: 100%; height: calc(100% - 120px); background-color: transparent; margin-top: 120px; }
.artiste-solo .titre_artiste {color: #ffffff; }
.titre_artiste { text-align: center; font-size: 45px; line-height: 1.5; margin: 21px auto 27px; font-weight: 400;  }
.texte_artiste { max-width: 700px; font-size:20px; line-height: 1.25; font-weight: 400; text-align: justify; }
.texte_artiste p { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;  }
.artiste-solo .swiper-artiste {
  	width: 100vw;
  	height: calc(100vh - 240px);
	height: calc( (var(--vh, 1vh) * 100) - 240px);
	position: relative;
}
.swiper-artiste {
  	width: 100%;
  	height: calc(100% - 120px);
}
.swiper-artiste-mobile {
  	width: 100%;
  	height: 350px;
	display: none;
}
.swiper-artiste .swiper-slide, .swiper-artiste-mobile .swiper-slide {
  	text-align: center;
  	font-size: 18px;
  	background: #fff;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
.swiper-artiste .swiper-slide .img-container, .swiper-artiste-mobile .swiper-slide .img-container {
    height: 90%;
}
.swiper-artiste .swiper-slide img, .swiper-artiste-mobile .swiper-slide img {
	display: inline-block;
    max-width: 100%;
    max-height: 90%;
	text-align: center;
}
.artiste-solo .swiper-artiste .swiper-button-next, .artiste-solo .swiper-artiste .swiper-button-prev {
    color: #fff !important; margin-top: -60px !important;
}
.artiste-solo .swiper-artiste-mobile .swiper-button-next, .artiste-solo .swiper-artiste-mobile .swiper-button-prev {
    color: #fff !important;
}
.lightbox-artiste .close {
	position: absolute; top: 40px; left: 40px; width: 20px; height: 20px; cursor: pointer;
}
.swiper-artiste .swiper-button-next { margin-right: 28px; }
.swiper-artiste .swiper-button-prev { margin-left: 28px; }

/* commandes */
#commandes { z-index: 104;  }
.titre-commande { font-size: 45px; line-height:1; font-weight:400; margin-top: 150px; margin-left: 150px; margin-right: 150px; margin-bottom: 60px; text-align: center;  }
.intro-commande { font-size:18px; line-height: 1.25; font-weight:500; max-width: 600px; margin:20px auto 50px; text-align: center;  }
.photo-commande { margin-bottom: 13px; width: 100%; padding-bottom: 100%; background-position: center; background-size: cover; }
.artiste-commande { font-size: 28px; line-height: 1; font-weight: 400; margin-bottom:13px; }
.descriptif-commande { font-size:15px; line-height: 1.35; font-weight: 400; }
.commande-item { margin-bottom: 50px; }
.commandes-list { margin-bottom: 100px; padding: 0 150px; }

.fondBlanc { background-color: #fff; }

.polyvalent { z-index: 105;}

#infos { z-index: 119;  }
.titre-zone { font-size: 45px; line-height:1; font-weight:400; margin-top: 150px; margin-left: 150px; margin-right: 150px; margin-bottom: 60px; text-align: center;  }
/* partenaires */
#partenaires { z-index: 120;  }
.titre-partenaire { font-size: 45px; line-height:1; font-weight:400; margin-top: 150px; margin-left: 150px; margin-right: 150px; margin-bottom: 60px; text-align: center;  }
.partenaires-list {  margin-bottom: 100px; padding: 0 20% 100px; }
.partenaire-item { display: flex; flex-direction: column; justify-content: center; }
.partenaire-item img { max-width: 100%; }
.partenaires-line { width: 500px; margin: 60px auto; font-size:18px; line-height: 1.35; font-weight: 400; text-align: center; }

/* EXPO NAVIGATION */
.expo-navigation {
	position: fixed; width: 100%; background-color: transparent; top: 55px; left: 0; display: flex; justify-content: center; flex-wrap: wrap; padding: 17px 50px 15px; z-index: 203; /* transition: background-color 300ms, background 300ms; */
}
.expo-navigation.home {
	background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 100%);
}
.expo-navigation.white {
	background-color: #fff; 
}
.expo-navigation a + a {
	margin-left:30px; 
}
.expo-navigation a {
	color:#fff; font-size:15px; line-height: 1.2; font-weight: 500; letter-spacing: 0.05rem; text-decoration: none; text-transform: uppercase; padding-bottom: 1px; margin-bottom: 10px;
}
.expo-navigation a:hover, .expo-navigation a.current {
	border-bottom-width: 1.5px;
	border-bottom-style: solid; 
}
.expo-navigation a.blackB:hover, .expo-navigation a.blackB.current {
	border-bottom-color: #000;
}
.expo-navigation a.whiteB:hover, .expo-navigation a.whiteB.current {
	border-bottom-color: #fff;
}

/* AMIS */
.amis { margin-top:95px; margin-bottom:95px; padding:0 50px; display:grid; grid-template-columns: 1fr 1fr; column-gap: 50px; }
.amis h2, .amis .soustitre { margin:0; padding:0; font-size:32px; line-height: 1.01; font-weight:400; color:#000; }
.amis .lieu { margin:0; padding:0; font-size:32px; line-height: 1.01; font-weight:400; color:#878787; }
.amis .date { margin:20px 0 0; padding:0; text-align: right; font-size:32px; line-height: 1.01; font-weight:400; color:#000; }
.amis .date::first-letter {text-transform: uppercase}
.amis .description { margin:30px 0 0; padding:0; font-size:18px; line-height: 1.25; font-weight:400; color:#000; }
.amis .description p { margin-bottom:20px;  }
.amis .background { padding-bottom: 68%; background-size: cover; background-position: center; }
.amis-list .plus {}
.titre-encadre { text-align: center; font-size: 24px; line-height: 1.01; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1rem; border-top:1px solid #000; border-bottom: 1px solid #000; padding: 14px 0 14px; }

.amis-list { display: grid; grid-template-columns: repeat(3,1fr); width: 100%; }
.amis-list .amis-item { padding:50px; border-right: 1px solid #000; border-bottom: 1px solid #000; display: block; text-decoration: none; }
.amis-list .amis-item:nth-child(3n) { border-right: 0; }
.amis-list .background { padding-bottom: 68%; background-size: cover; background-position: center; margin-bottom: 30px; }
.amis-list h3 { margin:0; padding:0; font-size:28px; line-height: 1.01; font-weight:400; color:#000; }
.amis-list .lieu { margin:0; padding:0; font-size:28px; line-height: 1.01; font-weight:400; color:#878787; }
.amis-list .date { margin:20px 0 20px; padding:0; text-align: right; font-size:28px; line-height: 1.01; font-weight:400; color:#000; }
.amis-list .date::first-letter {text-transform: uppercase}

.titre-encadre-gris { text-align: center; font-size: 24px; line-height: 1.01; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1rem; border-top:1px solid #000; padding: 14px 0 14px; background-color: #c6c6c6; margin-top: -1px; border-bottom: 1px solid  }

.archives-list { display: grid; grid-template-columns: repeat(3,1fr); width: 100%; background-color:#c6c6c6; }
.archives-list .archives-item { padding:50px; border-right: 1px solid #000; border-bottom: 1px solid #000;  display: block; text-decoration: none; }
.archives-list .archives-item:nth-child(3n) { border-right: 0; }
.archives-list .archives-item:nth-child(3n+1):nth-last-child(-n+3),
  .archives-list .archives-item:nth-child(3n+1):nth-last-child(-n+3) ~ .archives-item {
    border-bottom: 0px solid #000;
}

.archives-list .background { padding-bottom: 68%; background-size: cover; background-position: center; margin-bottom: 30px; }
.archives-list h3 { margin:0; padding:0; font-size:28px; line-height: 1.01; font-weight:400; color:#000; }
.archives-list .lieu { margin:0; padding:0; font-size:28px; line-height: 1.01; font-weight:400; color:#878787; }
.archives-list .date { margin:20px 0 20px; padding:0; text-align: right; font-size:28px; line-height: 1.01; font-weight:400; color:#000; }
.archives-list .date::first-letter {text-transform: uppercase}

.les-amis { background-position: top center; background-size: cover; display: grid; grid-template-columns: 2fr 1fr; width: 100%; }
.les-amis .intro { padding-top: 155px; padding-bottom: 60px; padding-left: 50px; font-size:26px; line-height: 1.1; font-weight:400; color:#000; }
.les-amis .intro p { max-width: 860px; margin-bottom:20px; }
.les-amis .adhesion { margin-top:10px; }t
.les-amis .logo-amis { position:relative; }
.les-amis .logo-amis img { position:absolute; display: block; right:50px; bottom:60px; max-width: 404px;  }

/* NOUS SOUTENIR */
.nous-soutenir { width: 100%; padding: 95px 50px 0; }
.adhesion { width: 100%; padding: 50px 50px 50px 0; }
.nous-soutenir .zone, .adhesion .zone { display: grid; grid-template-columns: repeat(14,1fr); width: 100%; margin-bottom: 100px; column-gap: 32px; }
.adhesion .zone { margin-bottom: 0px; }
.nous-soutenir .zone .text, .adhesion .zone .text { grid-column: span 6; }
.nous-soutenir .zone .image, .adhesion .zone .asterisque { grid-column: span 8; }
.nous-soutenir .zone .text h3, .adhesion .zone .text h3 { font-size:26px; font-weight: 400; line-height: 1.15; color: #000; margin-bottom: 0; }
.nous-soutenir .zone .text.intro .presentation, .adhesion .zone .text.intro .presentation { font-size:18px; font-weight: 500; line-height: 1.25; color: #000; margin-top:30px; margin-bottom:30px; }
.nous-soutenir .zone .text.intro .presentation p, .adhesion .zone .text.intro .presentation p { max-width: 450px; margin-bottom:20px; } 
.nous-soutenir .zone .text.adh .presentation, .adhesion .zone .text.adh .presentation { font-size:26px; font-weight: 400; line-height: 1.15; color: #878787; margin-bottom:40px; }
.nous-soutenir .zone .text.adh .presentation p, .adhesion .zone .text.adh .presentation p { margin-bottom:20px; }
.nous-soutenir .zone .text.adh .technique, .adhesion .zone .text.adh .technique { font-size:16px; font-weight: 400; line-height: 1.25; color: #000; margin-bottom:30px; }
.adhesion .zone .text.adh .presentation { margin-bottom:0px; color: #878787; }
.nous-soutenir .zone .background { padding-bottom: 64%; background-size: cover; background-position: center; }

.adhesion .zone .asterisque { font-size: 18px; line-height: 1.35; text-align: right; }

.grille-adh { margin: 0px auto 140px; display: grid; grid-template-columns: repeat(3, 341px); width: 1023px; }
#tab-pro .grille-adh { margin: 0px auto 140px; display: grid; grid-template-columns: repeat(9, 117px); width: 1053px; }
.span2 { grid-column: span 2; }
.span3 { grid-column: span 3; }
.titre-grid { text-align: center; font-size:42px; line-height: 1.25; font-weight: 500; padding: 0 16px 30px; }
.header-grid { min-height: 178px; margin-bottom: 10px; border-left: 1px solid #000; padding: 0 16px; }
.page-id-440 .header-grid { min-height: 138px; margin-bottom: 10px; border-left: 1px solid #000; padding: 0 16px; }
#tab-particulier .header-grid { min-height: 165px; margin-bottom: 10px; border-left: 1px solid #000; padding: 0 16px; }
.first .header-grid, #tab-particulier .first .header-grid { border-left: 0px solid #000; }
.align-titre { min-height:50px; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 10px; }
.titre-adh { font-size: 25px; line-height: 1; font-weight: 400; }
.prix-adh-unique, .prix-solo, .prix-duo { font-size:25px; line-height: 1; font-weight: 400; text-align: right; }
.prix-adh-solo, .prix-adh-duo { display: flex; justify-content: space-between; width: 100%; }
.prix-adh-duo { color:#878787; }
.adh-solo, .adh-duo { font-size:25px; line-height: 1; font-weight: 400; }
.separator { width: 100%; border-top: 1px solid #000; margin-bottom: 10px; }
.line-grid { min-height: 68px; display: flex; flex-direction: column; justify-content: center; text-align: center; border-left: 1px solid #000; margin-bottom: 10px; padding: 0 16px; }
.first .line-grid { border-left: 0px solid #000; }
.line-grid > div { font-size: 16px; font-weight: 400; line-height: 1.2; width: 100%; text-align: center; }
.first .line-grid > div { text-align: left; }
.line-grid > .tick { width: 10px; height: 10px; border-radius: 10px; background-color: #000; margin: 4px auto; }
.total-grid { height: 180px; padding: 0 16px; border-left: 1px solid #000; }
.page-id-440 .total-grid, #tab-particulier .total-grid { height: 140px; padding: 0 16px; border-left: 1px solid #000; }
.adherer-grid { padding: 0 16px;  }
.first .total-grid, #tab-particulier .first .total-grid { border-left: 0px solid #000; }
.rappel-titre { min-height:50px; font-size: 25px; line-height: 1; font-weight: 400; }
.total { font-size:25px; line-height:1; font-weight:400; color: #000; text-align: right; }
.don, .montant-ir { font-size:25px; line-height:1; font-weight:400; color: #c6c6c6; text-align: right; }
.adherer { margin-top:30px; }
.niveau.selected { 
	background-image: url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif);
  background-position: left top, right top, left bottom, left top;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
}
.niveau-particulier.selected { 
	background-image: url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif);
  background-position: left top, right top, left bottom, left top;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
}
.niveau-pro.selected { 
	background-image: url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif), url(/wp-content/uploads/2023/06/tour.gif);
  background-position: left top, right top, left bottom, left top;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
}

.head-don { height: 25px; display: flex; flex-direction: column; justify-content: flex-end; }
.gris { color: #878787; }
.infos-duo { color: #878787; font-size:16px; line-height: 1.35; }

.tabs { display: flex; justify-content: center; width: 100%; }
.tabs > div { padding: 13px 98px; border-top: 1px solid #c6c6c6; color:#c6c6c6; font-size: 26px; line-height: 1; font-weight: 400; cursor:pointer; }
.tabs > div:nth-child(1) { border-left: 1px solid #c6c6c6; }
.tabs > div:nth-child(2) { border-right: 1px solid #c6c6c6; }
.tabs > div.open { border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; color:#000; }
#tab-pro { display: none; }

.infos-container { padding: 50px; }
.infos-ami { display: grid; grid-template-columns: repeat(4, 1fr); font-size:16px; line-height: 1.35; column-gap: 30px; }
.infos-ami p { margin-bottom: 20px; }
.infos-ami a { color: #000; border: 2px solid #000; display: inline-block; padding: 8px 8px 8px 0; font-size: 16px; font-weight: 500; text-decoration: none; transition: color 300ms, border 300ms; }
.infos-ami a:hover { color: #878787; border:2px solid #878787; text-decoration: none; transition: color 300ms, border 300ms; }
#infos-pro { display: none; }

/* home svg duotone */
.img-wrapper {
    display: flex;
    flex: 1 1 100%;
    height: auto;
    /*overflow: hidden;*/
    padding: 0;
    position: relative;
    width: 100%;
    margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
}
.img-wrapper a {
    display: block;
	width: 100%;
	
}
.expo-large .img-wrapper img:hover {
	opacity:0;
}

.img-wrapper img {
	/*filter: url(#duotone);*/
	flex:                1 0 100%;
	height:              100%;
	max-width:           100%;
	object-fit:          contain;
	position:            relative;
	width:               100%;
	opacity:1;
	transition: opacity 0.5s ease-in-out;
}
.expos-listing { color:#fff; }

.expos-listing .grid-expos-one { display: grid; grid-template-columns: 1fr; width: 100%; padding-top: 90px; padding-bottom: 38px; }
.expos-listing .grid-expos-2 { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; }
.expos-listing .grid-expos-3 { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }

.expos-listing .grid-expos-2 > a, .expos-listing .grid-expos-3 > a { border-top: 2px solid #fff; border-left: 2px solid #fff; }
.expos-listing .grid-expos-2 > a:first-child, .expos-listing .grid-expos-3 > a:first-child { border-left: 0px solid #fff; }

.expos-listing .expo-large h2, .expos-listing .expo-large .date, .expos-listing .expo-large a { font-size:40px; font-weight: 400; line-height: 1.05; }

.expos-listing .expo-mini h2, .expos-listing .expo-mini .date, .expos-listing .expo-mini a { font-size:30px; font-weight: 400; line-height: 1.05; }
.expos-listing .expo-large { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; padding: 0 50px; column-gap: 50px; }
.expos-listing .expo-large .expos-txt { position: relative; }
.expos-listing .expo-large .expos-txt .bottom { position: absolute; bottom:-8px; }
.expos-listing a { text-decoration: none;}

.expos-listing .expo-mini { display: block; background-color: #c6c6c6; padding: 50px; transition: background-color 300ms; }
.expos-listing .expo-mini .date { color:#fff; }
.expos-listing .expo-mini h2 { margin-top: 20px; }

/* A PROPOS */
.a-propos { width: 100%; padding-bottom: 55%; background-position: top center; background-repeat: no-repeat; background-size: cover; position:relative; }
.a-propos .intro { position: absolute; max-width: 500px; left:60px; bottom:60px; font-size: 30px; font-weight: 400; line-height: 1.1; color: #fff; }
.a-propos .gradient { position: absolute; width: 50%; left:0px; top:0px; background: linear-gradient(90deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%); height: 100%; }
.a-propos .intro img { display: block; margin-bottom:40px; max-width: 285px; } 

.zone-ap { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; border-top:1px solid #000; padding: 50px 0 90px; }
.zone-ap .text { padding-left:50px; padding-right: 15%; }
.zone-ap .text h3 { margin:0; padding: 0; font-size:30px; font-weight: 400; line-height: 1.1; color: #000; }
.zone-ap .text .sous-titre { margin:0; padding: 0; font-size:30px; font-weight: 400; line-height: 1.1; color: #878787; }
.zone-ap .presentation { padding-left:16px; padding-right: 35%; }
.zone-ap .presentation .texte-presentation { font-size:16px; font-weight: 400; line-height: 1.35; color: #000; }
.zone-ap .presentation .texte-presentation p { margin-bottom: 12px; }
.zone-ap .presentation .texte-presentation p a { color: #000;
    border: 2px solid #000;
    display: inline-block;
	margin-top: 10px;
    padding: 8px 8px 8px 0;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: color 300ms, border 300ms; }
.zone-ap .presentation .texte-presentation p a:hover {
	color: #878787;
    border: 2px solid #878787;
}

.zone-equipe { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; border-top:1px solid #000; padding: 50px 0 90px; }
.zone-equipe .text { padding-left:50px; }
.zone-equipe .text h3 { margin:0; padding: 0; font-size:32px; font-weight: 400; line-height: 1.01; color: #000; }
.zone-equipe .equipe { grid-column: span 3; }
.zone-equipe .equipe .equipe-item { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; padding-bottom: 60px; }
.zone-equipe .equipe .equipe-item .portrait { padding-right: 16px; position: relative; }
.zone-equipe .equipe .equipe-item .portrait img { display: block; position: absolute; bottom: 16px; right: 0; width: 150px; }
.zone-equipe .membre { grid-column: span 2; padding-left:16px; padding-right: 35%; }
.zone-equipe .membre .bio-equipe { font-size:16px; font-weight: 400; line-height: 1.35; color: #000; }
.zone-equipe .membre .bio-equipe p { margin-bottom: 12px; }
.zone-equipe .membre .nom-equipe { margin:0; padding: 0; font-size:32px; font-weight: 400; line-height: 1.01; color: #000; }
.zone-equipe .membre .qualite-equipe { margin:0; padding: 0; font-size:32px; font-weight: 400; line-height: 1.01; color: #878787; margin-bottom: 20px; }


.burgerBtn { 
	display: none;
	background-image: url(/wp-content/uploads/2023/06/menu.svg);
	width: 20px;
	height: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-top: -2px;
	cursor: pointer;
}

.bio-mobile { margin-top: 30px; padding: 0 15px 150px; display: block;  }
.bio-mobile > div { display: flex; justify-content: center;  }
.bio-mobile .texte_artiste { color: #fff;}
.titre-artiste, .titre-lieu { display: none; }
.intro-mobile { display: none; }
.select-mobile { display: none; }

.mentions-legales {
  width: 100%;
  padding: 95px 50px 90px;
}
.mentions-legales h2 { font-size:40px; font-weight: 400; line-height: 1.1; margin-bottom: 52px;  }
.mentions-legales .titre-mentions { font-size:32px; font-weight: 400; line-height: 1.1; margin-bottom: 37px;  }
.mentions-legales .texte-mentions { font-size:18px; font-weight: 400; line-height: 1.25; margin-bottom: 60px;  }
.mentions-legales .texte-mentions p { margin-bottom: 20px;  }

.credits-photo-expo {
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 109;
  position: relative;
  padding: 60px;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 400;
}
.exceptionnel { font-size:20px; font-weight: 500; line-height: 1.30; margin-top: 40px; }

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 48%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: right;
    width: 48%;
}

.woocommerce-checkout .woocommerce { max-width: 960px; margin: auto; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 0;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	padding-left: 0;
	font-family: 'Basetica';
	font-size: 15px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #000;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
}
.select2-dropdown {
    border: 1px solid #000;
}
#order_review_heading {
    margin-top: 30px;
}
.woocommerce table.shop_table {
    border: 0px solid rgba(0,0,0,.1);
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
    padding: 5px 0px 2px;
}
.woocommerce table.shop_table .cart-subtotal, .woocommerce table.shop_table th.product-total { display: none; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fff;
    border: 1px solid #000;margin-bottom: 30px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 0em solid #000;
}
.woocommerce-terms-and-conditions-wrapper a { color: #000; }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #000;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    border-radius: 0px;
    left: auto;
    border: 2px solid rgb(0,0,0);
    color: rgb(0,0,0);
	background-color: #fff;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
	font-family: 'Basetica';
	padding: 8px 8px 8px 0;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: color 300ms, border 300ms;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    border: 2px solid rgb(0,0,0);
    color: #fff;
	background-color: #000;
    -webkit-font-smoothing: antialiased;
	 transition: color 300ms, border 300ms;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    color: #878787;
    border: 2px solid #878787;
    text-decoration: none;
	background-color: #fff;
    transition: color 300ms, border 300ms;
}
.woocommerce table.my_account_orders .button {
    margin-right: 15px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    color: #878787;
    border: 2px solid #878787;
    text-decoration: none;
	background-color: #fff;
    transition: color 300ms, border 300ms;
}

.woocommerce-info {
    border-top-color: #000;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 0em 0em;
    background-color: #fff;
    color: #000;
	margin: 0 0 1em;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    content: "" !important;
}
.showlogin, .lost_password a { color: #000;}
.woocommerce-form-login__rememberme { display: none !important; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #000;
    padding: 20px;
    margin: 0 0 2em;
    text-align: left;
    border-radius: 5px;
}

.woocommerce-message {
    /*display: none !important;*/
}
.woocommerce ul.order_details {
    margin: 3em 0 3em;
}

.woocommerce ul.order_details li {
    clear: both;
    text-transform: none;
    border-right: 0px dashed #d3ced2;
	font-size: 1em;
    margin-bottom: 10px;
}
.woocommerce ul.order_details li strong {
    font-size: 1em;
}
.total {
    text-align: left;
}
.woocommerce-order-received tfoot tr:first-child { display: none; }
.woocommerce-order-received .woocommerce-table__product-name a { color: #000; text-decoration: none; }
.woocommerce-order-received .woocommerce-table__product-name strong { font-weight: normal; }
.order-again { display: none; }
.woocommerce .woocommerce-customer-details address {
    line-height: 1.3;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    padding-left: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
    content: "" !important;
}

.fooevents-attendee { margin-bottom: 10px; }
.fooevents-attendee h4 { margin-bottom: 3px; }

.single-product header, .single-product footer {
	display: none;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    display: none;
}
.related.products, .product_meta, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs .panel h2 {
    display: none;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 100%;
    padding: 30px 30px 0;
	margin-bottom: 0;
}
.woocommerce form .form-row label {
    line-height: 1.5 !important;
}
.woocommerce form .form-row {
    padding: 3px 0;
    margin: 0 0 6px;
}
.woocommerce div.product .woocommerce-tabs .panel p { padding: 0 30px 5px; }
.woocommerce div.product form.cart {
    margin-bottom: 1em;
}
.woocommerce div.product p.price {
    display: none;
}
.woocommerce div.product form.cart .variations th {
    text-align: left;
	border-bottom: 1px solid #878787;
	border-top: 1px solid #878787;
}
.woocommerce div.product form.cart .variations td {
    text-align: left;
	border-bottom: 1px solid #878787;
}
body.single-product div.product table.variations-grid thead tr {
    background-color: #fff !important;
}
.woocommerce div.product span.price {
    color: #000;
    font-size: 1em;
}
.woocommerce .quantity .qty {
    width: 50px;
    text-align: center;
	border: 0px solid #000;
	padding: 3px;
	font-family: 'Basetica';
	font-size: 16px;
	font-weight: 500;
}
.minimums { display: none;}
.woocommerce-message {
    padding-left: 30px;
}
.woocommerce-checkout .woocommerce-message {
    display: none;
}
.woocommerce-account .woocommerce { min-height: calc(100vh - 116.5px); }
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
    min-height: calc(100vh - 56.5px);
    border-right: 2px solid #000;
	background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/09/fond-moncompte.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding-top: 15px;
	position: fixed;
}
.woocommerce-MyAccount-navigation-link {
    display: block;
    padding: 15px 0 13px 50px;
}
.woocommerce-MyAccount-navigation-link:hover {
    background-color: rgba(0,0,0,.3);
}
.woocommerce-MyAccount-navigation-link.is-active {
    background-color: rgba(0,0,0,.3);
}
.woocommerce-MyAccount-navigation-link a { color:#000; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content {
    padding-top: 30px;
	width: 70%;
    min-height: calc(100vh - 116.5px);
    padding-left: 50px;
    padding-right: 50px;
	background-color: rgba(0,0,0,.02);
	/*background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/06/nuage-genius_loci-scaled.jpg);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.book-overlay {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: -1;
	opacity: 0;
	transition: opacity 300ms;
}

.login-overlay {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/06/nuage-genius_loci-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
	opacity: 0;
	transition: opacity 300ms;
}


.book-overlay.open {
	z-index: 250;
	opacity: 1;
	transition: opacity 300ms;
}
.login-overlay.open {
	z-index: 301;
	opacity: 1;
	transition: opacity 300ms;
}

.book-container {
	position: relative;
	max-width: 500px;
	width: 100%;
	margin: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.login-container {
	position: relative;
	max-width: 500px;
	width: 320px;
	margin: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.book-content, .book-iframe {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	max-height: 80%;
	min-height: 500px;
	margin: 0;
	padding: 0;
}
.book-content { padding-top: 50px; 
	background-color: #fff; }
.login-content {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	max-height: 80%;
	min-height: 280px;
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,1);
	padding: 70px 30px 30px;
}
.login-close {
	position: absolute;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: block;
	top: 20px;
	left: 30px;
	font-size: 24px;
    color: #000;
    text-align: center;
	background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/06/effacer.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.book-close {
	position: absolute;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: block;
	top: 30px;
	left: 30px;
	font-size: 24px;
    color: #000;
    text-align: center;
	background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/06/effacer.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.login-overlay .login-content input { display:none; }
.login-overlay.open .login-content input { display:block; }
.login-content p {
	margin-bottom: 15px;
}
.login-content label {
	font-size: 14px;
	font-family: 'Basetica';
	font-weight: 400;
	color: #000;
	margin-bottom: 6px;
	display: inline-block;
}
.login-content input {
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	padding: 8px;
	font-size: 14px;
	font-family: 'Basetica';
	font-weight: 400;
	color: #000;
}
.login-content input[type="submit"] {
	width: 100%;
	background-color: #ffffff;
	border: 2px solid #000000;
	border-radius: 0px;
	padding: 5px 0;
	font-size: 20px;
	font-family: 'Basetica';
	font-weight: 500;
	color: #000;
	text-align: left;
	margin-top: 10px;
	transition: border 300ms, color 300ms;
}
.login-content input[type="submit"]:hover {
	border: 2px solid #878787;
	color: #878787;
	transition: border 300ms, color 300ms;
}
.login-content a { color: #c6c6c6; text-decoration: none; font-size: 14px;     padding-top: 2px; }

.home {
    /*min-height: calc(100vh - 58.5px);*/
	background-color: #c6c6c6;
}

.fooevents-bookings-date-slot-slot {
	display: inline-block;
    float: right;
    width: 35%;
    margin-top: -52.5px !important;
}
.fooevents-bookings-date-slot-date {
    display: inline-block;
    float: left;
    width: 60%;
}


      #fooevents_bookings_date_val__trans, #fooevents_bookings_slot_val__trans::-ms-expand {
        display: none; /* supprimer la fléche par défaut en IE 10 et 11 */
      }




#fooevents_bookings_date_val__trans, #fooevents_bookings_slot_val__trans {
	border: 2px solid #000 !important;
    border-radius: 0 !important;
    padding: 5px !important;
    font-family: 'Basetica' !important;
    font-size: 16px !important;
	font-weight: 500 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("//geniusloci-experience.com/wp-content/uploads/2023/09/fleche-2.svg");
	background-position: 98% center;
	background-repeat: no-repeat;
	background-color: #fff;
}
.separatorT { display: inline-block; width: 100%; border-top: 1px solid #878787; margin: 15px 0 17px;  }

.buttonQty.inc { display: inline-block; width: 25px; height: 25px; text-align: center; background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/09/plus.svg); background-position: center; background-size: contain; background-repeat: no-repeat; cursor: pointer; vertical-align: middle; }
.buttonQty.dec { display: inline-block; width: 25px; height: 25px; text-align: center; background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/09/moins.svg); background-position: center; background-size: contain; background-repeat: no-repeat; cursor: pointer; vertical-align: middle; }

.titreProd {
	font-family: 'Basetica'; font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 20px;
}
.woocommerce-order-received ul.wc-item-meta, .woocommerce-view-order ul.wc-item-meta {
	display: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.woocommerce-checkout .checkout.woocommerce-checkout, .woocommerce-order-received .woocommerce-order {
    padding-top: 30px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
	border-radius: 0px;
    left: auto;
    border: 2px solid rgb(0,0,0);
    color: rgb(0,0,0);
	background-color: #fff;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
	font-family: 'Basetica';
	padding: 8px 8px 8px 0;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: color 300ms, border 300ms;
}
.single_add_to_cart_button:disabled {
	border-radius: 0px;
    left: auto;
    border: 2px solid rgb(0,0,0);
    color: rgb(0,0,0);
	background-color: #fff;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
	font-family: 'Basetica';
	padding: 8px 8px 8px 0;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: color 300ms, border 300ms;
}
.complet { 
	color: #fff !important;
	margin-top: 10px;
}
.complet a {
	color: #fff !important;
}
.page-id-4198 #content {
    margin: 90px auto;
    max-width: 500px;
}
.page-id-4198 h2 {
    font-size: 20px;
    margin-bottom: 20px;
} 
.woocommerce table.shop_table tfoot th {
    font-weight: normal;
}
.woocommerce-privacy-policy-text { display: none; }
.woocommerce-privacy-policy-text.text-bon { display: block; }

.woocommerce div.product p.stock {
	display: none;
} 

.variable_limits { display: none; }

/* RESPONSIVE */
@media only screen and (max-width: 1366px) {
	.partenaires-list {  margin-bottom: 100px; padding: 0 10% 100px; }
	.fixedTitle h1, .fixedTitle h2 { font-size: 50px; }
	.fixedTitle { left: 55px; }
	.exceptionnel { font-size:16px; font-weight: 500; line-height: 1.30; margin-top: 30px; }
	.expos-listing .expo-large h2, .expos-listing .expo-large .date, .expos-listing .expo-large a {
		font-size: 30px;
		font-weight: 400;
		line-height: 1.05;
	}
	.expos-listing .expo-mini h2, .expos-listing .expo-mini .date, .expos-listing .expo-mini a {
    	font-size: 26px;
		font-weight: 400;
		line-height: 1.05;
	}
}
@media only screen and (max-width: 1080px) {
	.exceptionnel { font-size:16px; font-weight: 500; line-height: 1.30; margin-top: 0px; }
}
@media only screen and (max-width: 996px) {
	.main-navigation {
	  padding: 17px 20px 16px;
	}
	.burgerBtn { 
		display: block;
	}
	.menu-mobile.open {
		left: 0;
	}
	.menu-container { display: none; }
    .scroller-slide-wrap .scroller-slide .scroller-slide-content .two-column-section {
        grid-template-columns: 1fr !important;
    }
	.scroller-slide-wrap .scroller-slide .scroller-slide-content .three-column-section {
		grid-template-columns: 1fr 1fr !important;
	}
	.expos-listing .expo-large { grid-template-columns: 1fr; padding: 0 20px;  }
	.expos-listing .expo-large .expos-txt { order: 2; margin-top: 80px; }
	.expos-listing .expo-large .expos-img { order: 1; }
	.expos-listing .expo-large h2, .expos-listing .expo-large .date, .expos-listing .expo-large a {
	  font-size: 28px;
	  line-height: 1.1;
	}
	.expos-listing .expo-large .expos-txt .bottom {
	  position: relative;
	  margin-top: 20px;
	}
	.expos-listing .grid-expos-2, .expos-listing .grid-expos-3 { grid-template-columns: 1fr; }
	.expos-listing .grid-expos-2 > a, .expos-listing .grid-expos-3 > a { border-left: 0px solid #fff; }
	.expos-listing .expo-mini h2, .expos-listing .expo-mini .date, .expos-listing .expo-mini a { font-size: 21px; line-height: 1.1; }
	.expos-listing .expo-mini { padding: 20px; }
	
	
	.nous-soutenir { padding: 95px 20px 0; }
	.nous-soutenir .zone, .adhesion .zone { grid-template-columns: 1fr; }
	.nous-soutenir .zone .text { grid-column: span 1; order: 2; margin-top: 40px; }
	.nous-soutenir .zone .text h3, .adhesion .zone .text h3 { font-size: 21px; line-height: 1.15; }
	.nous-soutenir .zone .text.adh .presentation, .adhesion .zone .text.adh .presentation { font-size: 21px; line-height: 1.15; }
	a.buttonAdh { padding: 8px 8px 8px 0; font-size: 14px; }
	.nous-soutenir .zone .image, .adhesion .zone .asterisque { grid-column: span 1; order: 1; }
	.page-parent .nous-soutenir a.buttonAdh { font-size: 16px; }
	
	.adhesion .zone .text { grid-column: span 1; }
	.adhesion { padding: 50px 20px; }
	.adhesion .zone .asterisque { font-size: 18px; line-height: 1.35; text-align: left; }
	.grille-adh { margin: 0px auto 140px; grid-template-columns: repeat(3, 1fr); width: 100%; padding: 0 15px; }
	.page-id-440 .total-grid { padding: 0 10px; }
	
	.page-id-440 .header-grid { min-height: 138px; padding: 0 10px; }
	.line-grid {
	  min-height: 160px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  text-align: center;
	  border-left: 1px solid #000;
	  margin-bottom: 10px;
	  padding: 0 5px;
	}
	.line-grid > div {
	  font-size: 12px;
	  font-weight: 400;
	  line-height: 1.2;
	  width: 100%;
	  text-align: center;
	}
	.align-titre {
	  min-height: 70px;
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-end;
	  margin-bottom: 10px;
	}
	.titre-adh {
	  font-size: 18px;
	  line-height: 1;
	  font-weight: 400;
	}
	.prix-adh-unique, .prix-solo, .prix-duo {
	  font-size: 18px;
	  line-height: 1;
	  font-weight: 400;
	  text-align: right;
	}
	.rappel-titre {
	  min-height: 70px;
	  font-size: 18px;
	  line-height: 1;
	  font-weight: 400;
	}
	.total {
	  font-size: 18px;
	  line-height: 1;
	  font-weight: 400;
	  color: #000;
	  text-align: right;
	}
	a.button {
	  color: #000;
	  border: 2px solid #000;
	  display: inline-block;
	  padding: 8px 8px 8px 0; 
	  font-size: 14px;
	  font-weight: 500;
	  text-decoration: none;
	  transition: color 300ms, border 300ms;
	}
	
	.infos-duo {
	  color: #878787;
	  font-size: 9px;
	  line-height: 1.35;
	}
	.prix-adh-solo, .prix-adh-duo {
	  display: block;
	}
	.adh-solo, .adh-duo {
	  font-size: 18px;
	  line-height: 1;
	  font-weight: 400;
	}
	#tab-particulier .total-grid {
	  height: 170px;
	  padding: 0 10px;
	  border-left: 1px solid #000;
	}
	
	.tabs > div {
	  padding: 13px 13px;
	  border-top: 1px solid #c6c6c6;
	  color: #c6c6c6;
	  font-size: 18px;
	  line-height: 1;
	  font-weight: 400;
	  cursor: pointer;
	}
	
	.span3 { grid-column: span 1; }
	.head-don {
	  height: 25px;
	  flex-direction: column;
	  justify-content: flex-end;
	  display: none;
	}
	#tab-pro .titre-adh {
	  font-size: 16px;
	  line-height: 1;
	  font-weight: 400;
	}
	#tab-pro .prix-adh-unique, #tab-pro .prix-solo, #tab-pro .prix-duo {
	  font-size: 14px;
	  line-height: 1;
	  font-weight: 400;
	  text-align: right;
	}
	#tab-pro .rappel-titre {
	  min-height: 70px;
	  font-size: 16px;
	  line-height: 1;
	  font-weight: 400;
	}
	#tab-pro .total {
	  font-size: 14px;
	  line-height: 1;
	  font-weight: 400;
	  color: #000;
	  text-align: right;
	}
	.infos-ami {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	  font-size: 16px;
	  line-height: 1.35;
	  column-gap: 30px;
	}
	
	
	.zone-ap { grid-template-columns: 1fr; padding: 50px 0 90px; }
	.zone-ap .text { padding-left: 20px; padding-right: 20px; }
	.zone-ap .text h3 {
	  margin: 0;
	  padding: 0;
	  font-size: 24px;
	  font-weight: 400;
	  line-height: 1.1;
	  color: #000;
	}
	.zone-ap .text .sous-titre {
	  margin: 0;
	  padding: 0;
	  font-size: 24px;
	  font-weight: 400;
	  line-height: 1.1;
	  color: #878787;
	}
	.zone-ap .presentation {
	  padding-left: 20px;
	  padding-right: 20px;
	  margin-top: 20px;
	}
	.zone-equipe {
	  grid-template-columns: 1fr;
	  width: 100%;
	  border-top: 1px solid #000;
	  padding: 50px 0 90px;
	}
	.zone-equipe .text { padding-left: 20px; }
	.zone-equipe .equipe { grid-column: span 1;	}
	.zone-equipe .equipe .equipe-item { grid-template-columns: 1fr; padding-bottom: 60px; }
	.zone-equipe .membre {
	  grid-column: span 1;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.zone-equipe .equipe .equipe-item .portrait {
	  padding: 20px 20px 0;
	}
	.zone-equipe .equipe .equipe-item .portrait img {
	  display: block;
	  position: relative;
	  width: 150px;
		float: right;
	}
	
	.a-propos .intro {
		display: none;
	}
	.intro-mobile { display: block; padding: 25px 20px 60px; }
	.intro-mobile img { max-width: 210px; margin-bottom: 25px; }
	.intro-mobile .intro {
		font-size: 24px;
	  font-weight: 400;
	  line-height: 1.1;
	  color: #000;
	}
	.a-propos {
	  padding-bottom: 66%;
	  margin-top: 56px;
	}
	
	
	.expo-navigation { display: none; }
	
	.fixedTitle {
	  bottom: 35px;
	  width: calc( 100% - 40px);
	  left: 20px;
	}
	.fixedTitle h1, .fixedTitle h2, .fixedTitle .date {
	  font-size: 28px;
	  line-height: 1.1;
		font-weight: 400;
		margin-top: 0;
	}
	.swiper-intro-mobile { display: block; }
	.swiper-intro { display: none; }
	.swiper-button-next {
	  right: 0px !important;
	}
	.swiper-button-prev {
	  left: 0px !important;
	}
	.swiper-button-next, .swiper-button-prev {
	  width: 60px !important;
	  height: 0px !important;
	  top: var(--swiper-navigation-top-offset,42%) !important;
	}
	#presentation { z-index: 101; }
	.introduction .column {
	  min-height: 1vh;
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	  padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.image-intro {
	  margin-top: 0;
	  text-align: center;
	  padding-top: 60px;
	}
	.image-intro img {
	  max-width: 100%;
	}
	.texte-intro {
	  margin-top: 0;
	  margin-bottom: 90px;
	  width: 100%;
	}
	.texte-intro > p:first-child > strong, .texte-intro h3 {
	  font-size: 24px;
	}
	.fs18 {
	  font-size: 16px;
	}
	.lh135 {
	  line-height: 1.35;
	}
	#lieu .two-column-section .column, .polyvalent .two-column-section .column {
	  padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.nom-lieu, .adresse-lieu {
	  margin-left: 0;
	  font-size: 24px;
	  line-height: 1.1;
	  width:100%;
	  float: left;
		margin-bottom: 0;
	}
	.texte-lieu {
	  width: 100%;
	  padding-bottom: 90px;
	}
	.swiper-lieu-mobile { display: block; position: relative;}
	.swiper-lieu-mobile .swiper-button-next, .swiper-lieu-mobile .swiper-button-prev {
	  width: 60px !important;
	  height: 120px !important;
	}
	#tns1-ow { display: none; }
	.swiper-infos-mobile { display: block; }
	.swiper-infos { display: none; }
	.titre-zone, .titre-commande, .titre-lieu, .titre-artiste {
	  font-size: 15px;
	  line-height: 1.2;
	  font-weight: 400;
	  margin-top: 20px;
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 60px;
	  text-align: center;
	  text-transform: uppercase;
		display: block;
		width: 100vw;
	}
	.titre-zone > div, .titre-commande > div, .titre-artiste > div, .titre-lieu > div {
		border-bottom: 1px solid;
		  width: auto;
		  display: inline-block;
	}
	
	.scroller-slide-wrap .scroller-slide .scroller-slide-content .four-column-section {
	  grid-template-columns: repeat(2, 1fr) !important;
	  column-gap: 30px;
	  grid-row-gap: 10px;
	}
	.partenaires-list {
	  margin-bottom: 100px;
	  padding: 0px 50px 100px;
	}
	.commandes-list {
	  margin-bottom: 100px;
	  padding: 0 20px;
	}
	.intro-commande {
		font-size: 24px;
		line-height: 1.1;
		font-weight: 400;
		margin: 0px auto 50px;
		text-align: left;
		padding: 0 20px;
	}
	.commande-item {
	  display: flex;
	  flex-direction: column;
	}
	.artiste-commande {
	  font-size: 24px;
	  line-height: 1;
	  font-weight: 400;
	  margin-bottom: 13px;
	}
	.descriptif-commande {
	  font-size: 12px;
	  line-height: 1.35;
	  font-weight: 400;
		word-break: break-word;
	}
	.artiste-item {
	  text-align: center;
	  font-size: 24px;
	  line-height: 1.5;
	  color: #fff;
	}
	.blurryTop {
	  top: 35px !important;
	  height: 50px !important;
	}
	.artistes-list {
	  margin-top: 62px;
	  display: flex;
	  flex-direction: column;
	  width: 100%;
	  padding: 50px 0 200px;
	}
	#partenaires .artiste-commande {
	  font-size: 18px;
	  line-height: 1;
	  font-weight: 400;
	  margin-bottom: 13px;
	}
	.main-footer {
	  justify-content: center;
	  padding: 18px 20px 16px;
	}
	.menu-footer-container, .menu-footer-en-container, .footer-container { width: 100%; }
	ul#menu-footer, ul#menu-footer-en {
	  list-style: none;
	  display: flex;
	  float: right;
	  justify-content: space-between;
	  flex-wrap: wrap;
		width: 100%;
	}
	
	ul#menu-footer li a, ul#menu-footer-en li a {
	  font-size: 14px;
	}
	ul#menu-footer li, ul#menu-footer-en li {
	  margin-bottom: 5px;
	}
	ul#menu-footer li + li, ul#menu-footer-en li + li {
	  margin-left: 5px;
	}
	ul#menu-footer li.wpml-ls-item, ul#menu-footer-en li.wpml-ls-item { display: none; }
	.swiper-button-next::after { font-size: 30px !important; }
	.swiper-button-prev::after { font-size: 30px !important; }
	.polyvalent .one-column-section .column, #partenaires .one-column-section .column, .slieu { padding-top: 0px; }
	.swiper-infos-mobile .swiper-button-next, .swiper-infos-mobile .swiper-button-prev { width: 60px !important; height: 120px !important; }
	.swiper-artiste { display: none; }
	.swiper-artiste-mobile { display: block; position: relative; }
	.swiper-artiste .swiper-slide, .swiper-artiste-mobile .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: transparent;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.swiper-artiste .swiper-slide .img-container, .swiper-artiste-mobile .swiper-slide .img-container {
		max-height: 90%;
		display: flex; flex-direction: column; justify-content: center;
	}
	.swiper-artiste .swiper-slide img, .swiper-artiste-mobile .swiper-slide img {
		/*display: inline-block;
		max-width: 100%;
		max-height: 90%;
		text-align: center;*/
		width: auto;
	  height: auto;
	  max-width: 100%;
	  max-height: 100%;
	 object-fit: contain;
	}
	.artiste-solo { margin-top: 0px; width: 100vw; }
	.artiste-solo .swiper-artiste .swiper-button-next, .artiste-solo .swiper-artiste .swiper-button-prev {
		color: #fff !important; margin-top: 60px !important;
	}
	.lightbox-artiste .close {
		position: absolute; top: 21px; right: 15px; left: auto; width: 20px; height: 20px; cursor: pointer;
	}
	.titre_artiste {
	  text-align: left;
	  font-size: 24px;
	  line-height: 1.1;
	  margin: 21px 75px 27px 15px;
	  font-weight: 400;
	}
	.artiste-solo .titre_artiste { margin: 0px 15px 27px 15px; text-align: center; }
	.swiper-artiste .swiper-button-next { margin-right: 28px; }
	.swiper-artiste .swiper-button-prev { margin-left: 28px; }
	.bio-mobile { margin-top: 30px; padding: 0 15px 60px;  display: block;  }
	.bio-mobile .texte_artiste { font-size:16px; line-height: 1.35; font-weight: 400; color: #000;}
	.artiste-solo .bio-mobile .texte_artiste { font-size:16px; line-height: 1.25; font-weight: 400; color: #fff; text-align: left; }
	.lightbox-artiste { overflow-y: scroll; overflow-x:hidden; }
	.swiper-artiste-mobile .swiper-button-next, .swiper-artiste-mobile .swiper-button-prev, .swiper-infos-mobile .swiper-button-next, .swiper-infos-mobile .swiper-button-prev {
		  top: 49% !important;
		  /*margin-top: -28% !important;*/
	}
	.swiper-artiste-mobile .swiper-button-next, .swiper-artiste-mobile .swiper-button-prev, .swiper-infos-mobile .swiper-button-next, .swiper-infos-mobile .swiper-button-prev {
	  width: 40px !important;
	  height: 0px !important;
	}
	.expos-listing .grid-expos-one { /*height: 100vh; height: calc( var(--vh, 1vh) * 100); */ height: auto; }
	.legende { font-size:12px; line-height: 1.35; font-weight: 400; margin-top: 10px; padding-left: 20px; padding-right: 20px; }
	.lightbox-artiste .legende { margin-top: 10px; }
	.scroller-slide-wrap .scroller-slide:not(#home) .inner-scroll .inner-content { padding-bottom:200px; }
	.select-mobile { display: block; }
	#select-pro { display: none; }
	.niveau-particulier, .niveau { grid-column: span 2; }
	.niveau-particulier:not(#niveau1), .niveau:not(#niveau2) {display:none; }
	.niveau-pro:not(#niveau-pro1) {display:none; }
	.mentions-legales {
	  width: 100%;
	  padding: 95px 20px 90px;
	}
	.mentions-legales h2 { font-size:32px; font-weight: 400; line-height: 1.1; margin-bottom: 52px;  }
	.mentions-legales .titre-mentions { font-size:24px; font-weight: 400; line-height: 1.1; margin-bottom: 37px;  }
	.mentions-legales .texte-mentions { font-size:16px; font-weight: 400; line-height: 1.25; margin-bottom: 60px;  }
	.mentions-legales .texte-mentions p { margin-bottom: 20px;  }
	.woocommerce-account .woocommerce-MyAccount-navigation {
		float: left;
		width: 100%;
		min-height: 0; 
		border-right: 0px solid #000;
		background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/09/fond-moncompte.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding-top: 15px;
		position: relative;
	}
	.woocommerce-MyAccount-navigation-link {
		display: block;
		padding: 15px 0 13px 20px;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
		padding-top: 30px;
		width: 100%;
		min-height: calc(100vh - 116.5px);
		padding-left: 20px;
		padding-right: 20px;
		background-color: rgba(0,0,0,.02);
		/* background-image: url(//geniusloci-experience.com/wp-content/uploads/2023/06/nuage-genius_loci-scaled.jpg); */
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.book-overlay.open {
		z-index: 300;
		opacity: 1;
		transition: opacity 300ms;
	}
	.book-content, .book-iframe {
		position: relative;
		display: block;
		width: 100%;
		height: 100vh;
		max-height: 100%;
		min-height: 500px;
		margin: 0;
		padding: 0;
	}
	.woocommerce-checkout .woocommerce {
		max-width: 960px;
		margin: auto;
		padding: 0 20px;
	}
	.book-iframe {
		padding-top: 50px;
	}
	select, option { color: #000 !important; }
	.single_add_to_cart_button:disabled {
		border-radius: 0px;
		left: auto;
		border: 2px solid rgb(0,0,0);
		color: rgb(0,0,0);
		background-color: #fff;
		display: inline-block;
		background-image: none;
		box-shadow: none;
		text-shadow: none;
		font-family: 'Basetica';
		padding: 8px 8px 8px 0;
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
		transition: color 300ms, border 300ms;
	}
	.complet { 
		color: #fff !important;
		margin-top: 10px;
	}
	.complet a {
		color: #fff !important;
	}
	.les-amis {
		grid-template-columns: 1fr;
	}
	.les-amis .logo-amis img {
		position: relative;
		display: block;
		right: 0;
		bottom: 0;
		max-width: 204px;
		padding: 0 20px 60px;
	}
	.les-amis .intro {
		padding-top: 95px;
		padding-bottom: 30px;
		padding-left: 0px;
		font-size: 18px;
		line-height: 1.1;
		font-weight: 400;
		color: #000;
	}
	.les-amis .intro p {
		max-width: 860px;
		margin-bottom: 20px;
		width: 100%;
		padding: 0 20px;
	}
	.les-amis .intro .adhesion {
		padding: 10px 20px;
	}
	.archives-list {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
		background-color: #c6c6c6;
	}
	.amis-list {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}
	.archives-list .archives-item, .amis-list .amis-item {
		border-right: 0;
		padding: 20px 20px;
	}
	.amis {
		margin-top: 58px;
		margin-bottom: 50px;
		padding: 0;
		display: grid;
		grid-template-columns:1fr;
		column-gap: 50px;
	}
	.img-amis { order: -1; }
	.infos-amis {
		padding: 10px 20px;
	}
}
@media only screen and (max-width: 768px) {
	.scroller-slide-wrap .scroller-slide.fix .inner-scroll { bottom: 81px; }
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		float: left;
		width: 100%;
	}
	.woocommerce-additional-fields { margin-top: 30px; }
	.complet { 
		color: #fff !important;
		margin-top: 10px;
	}
	.complet a, .complet div, .complet p {
		color: #fff !important;
	}
	.partenaires-line {
		width: 100%;
		margin: 60px auto;
		font-size: 18px;
		line-height: 1.35;
		font-weight: 400;
		text-align: center;
	}
}




/*.bootstrap-wrapper { width: 100%; margin-bottom: 80px; }
#iv-form3 { margin: auto; }
.bootstrap-wrapper .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.bootstrap-wrapper .col-xs-1, .bootstrap-wrapper .col-sm-1, .bootstrap-wrapper .col-md-1, .bootstrap-wrapper .col-lg-1, .bootstrap-wrapper .col-xs-2, .bootstrap-wrapper .col-sm-2, .bootstrap-wrapper .col-md-2, .bootstrap-wrapper .col-lg-2, .bootstrap-wrapper .col-xs-3, .bootstrap-wrapper .col-sm-3, .bootstrap-wrapper .col-md-3, .bootstrap-wrapper .col-lg-3, .bootstrap-wrapper .col-xs-4, .bootstrap-wrapper .col-sm-4, .bootstrap-wrapper .col-md-4, .bootstrap-wrapper .col-lg-4, .bootstrap-wrapper .col-xs-5, .bootstrap-wrapper .col-sm-5, .bootstrap-wrapper .col-md-5, .bootstrap-wrapper .col-lg-5, .bootstrap-wrapper .col-xs-6, .bootstrap-wrapper .col-sm-6, .bootstrap-wrapper .col-md-6, .bootstrap-wrapper .col-lg-6, .bootstrap-wrapper .col-xs-7, .bootstrap-wrapper .col-sm-7, .bootstrap-wrapper .col-md-7, .bootstrap-wrapper .col-lg-7, .bootstrap-wrapper .col-xs-8, .bootstrap-wrapper .col-sm-8, .bootstrap-wrapper .col-md-8, .bootstrap-wrapper .col-lg-8, .bootstrap-wrapper .col-xs-9, .bootstrap-wrapper .col-sm-9, .bootstrap-wrapper .col-md-9, .bootstrap-wrapper .col-lg-9, .bootstrap-wrapper .col-xs-10, .bootstrap-wrapper .col-sm-10, .bootstrap-wrapper .col-md-10, .bootstrap-wrapper .col-lg-10, .bootstrap-wrapper .col-xs-11, .bootstrap-wrapper .col-sm-11, .bootstrap-wrapper .col-md-11, .bootstrap-wrapper .col-lg-11, .bootstrap-wrapper .col-xs-12, .bootstrap-wrapper .col-sm-12, .bootstrap-wrapper .col-md-12, .bootstrap-wrapper .col-lg-12 {
    min-height: 1px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#iv-form3 label {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #000 !important;
    padding-right: 15px !important;
	font-family: 'Basetica' !important;
}
.bootstrap-wrapper input {
    line-height: 1.3 !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #000 !important;
	border: 0px solid #000 !important;
	border-bottom: 1px solid #ccc !important;
	padding: 5px 0 0 !important;
}
.bootstrap-wrapper .form-control {
    display: block;
    width: 100%;
    height: auto !important;
    padding: 5px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    color: #000 !important;
    background-color: #ffffff;
    background-image: none;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	font-family: 'Basetica' !important;
	font-weight: 400 !important;
}
.bootstrap-wrapper select {
    text-transform: none;
    margin-top: 0px !important;
	font-family: 'Basetica' !important;
	padding: 5px 0 3px !important;
}
#iv-form3 .header-profile div {
    border-bottom: 0px solid #000 !important;
    display: inline-block;
    margin-bottom: 0px !important;
}
#iv-form3 .header-profile {
    border-bottom: 0px solid #000 !important;
	margin-top: 30px;
}
#iv-form3 h2 {
    font-family: 'Basetica' !important;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    margin-top: 0;
}

.bootstrap-wrapper .btn {
	font-family: 'Basetica' !important;
    color: #000 !important;
	background-color: #fff !important;
	border-radius: 0px !important;
    border: 2px solid #000 !important;
    display: inline-block !important;
    padding: 8px 8px 8px 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 300ms, border 300ms !important;
}
.bootstrap-wrapper .btn:hover {
    color: #878787 !important;
    border: 2px solid #878787 !important;
    text-decoration: none !important;
    transition: color 300ms, border 300ms !important
}

.bootstrap-wrapper .form-horizontal .control-label {
    text-align: left !important;
}

#profile-account2 .profile-content {
    
    box-shadow: 0 0 0 0 rgba(0,0,0,.25) !important;
}
.bootstrap-wrapper h4, .bootstrap-wrapper .h4 {
    font-size: 32px !important;
	font-family: 'Basetica' !important;
    color: #000 !important;
	font-weight: 400 !important;
	
}
#profile-account2 .portlet-title .nav li a {
    font-size: 18px !important;
	font-family: 'Basetica' !important;
    color: #000 !important;
	font-weight: 400 !important;
    border: 0;
    color: #000 !important;
	    padding: 5px 0px !important;
}
#profile-account2 .portlet-title .nav li {
    padding: 3px 0px !important;
    border: 0px solid #666 !important;
	border-bottom: 1px solid #fff !important;
    background-color: #fff !important;
	color: #000;
	margin-right: 30px;
}
#profile-account2 .portlet-title .nav li:last-child {
	margin-right: 0px;
}
#profile-account2 .portlet-title .nav li.active {
    padding: 3px 0px !important;
    border: 0px solid #666 !important;
	border-bottom: 1px solid #000 !important;
    background-color: #fff !important;
	color: #000;
}
#profile-account2 .portlet-title .nav li:hover {
    border: 0px solid #989898 !important;
	border-bottom: 1px solid #000 !important;
    background: #ffffff !important;
}
#profile-account2 .tabbable-line {
    border-bottom: 0px solid #ececec !important;
}
table, th, td {
    border-top: 0px solid #dee2e6 !important;
    border-bottom: 0px solid #dee2e6 !important;
    border-left: none !important;
    border-right: none !important;
}

.bootstrap-wrapper .table th, .bootstrap-wrapper .table td {
    padding: 0 0 15px !important;
    border-top: 0px solid #dee2e6 !important;
}

#profile-account2 .profile-usermenu ul li a {
    font-size: 18px !important;
	font-family: 'Basetica' !important;
    color: #000 !important;
	font-weight: 400 !important;
    padding: 16px 15px;
}
#cssmenu > ul > li > a > i {
    color: #000 !important;
	display: none;
}
#profile-account2 .profile-usermenu ul li {
    border-bottom: 0px solid #f0f4f7 !important;
}
#profile-account2 .portlet0 {
    box-shadow: 0 0 0 0 rgba(0,0,0,.08) !important;
}
.profile-usermenu ul li.active a {
    background-color: #ccc !important;
}
.profile-usermenu ul li a:hover {
    background-color: #ccc !important;
}*/