body > header.nav-in-banner .overHead .areas > .social > a { display: inline-block; height: 100%; width: 30px; padding: 5px; }
body > header.nav-in-banner .overHead .areas > .social > a > svg { width: 100%; height: 100%; fill: #fff; }
body > header.nav-in-banner .overHead .areas > .social > a:hover > svg { fill: var(--alt-color); }


.jpc-thematic {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	width: 100%;
	min-height: 220px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.4s ease;
	overflow: hidden;
}
.jpc-thematic.style-sds { min-height: unset; width: 190px; height: 190px; background-size: cover; transition: all 0.4s ease; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.jpc-thematic::before {
  content:"";
  position:absolute; top:0;right:0;bottom:0;left:0;
  background:inherit;
  transition:inherit;
}
.jpc-thematic:hover::before {
  transform: scale(1.2);
}

.jpc-thematic.style-sds a { opacity: 1; transition: all 0.4s ease !important; }
.jpc-thematic:not(.style-sds):hover, .jpc-thematic:not(.style-sds):focus, .jpc-thematic:not(.style-sds):active {
	/*-webkit-transform: translateX(10px);
	transform: translateX(10px);*/
	/*background-size: 130%;*/

}
.jpc-thematic:not(.style-sds):hover .picto, .jpc-thematic:not(.style-sds):focus .picto, .jpc-thematic:not(.style-sds):active .picto {
	margin-bottom: 30px;
}
.jpc-thematic:not(.style-sds):hover .picto > img, .jpc-thematic:not(.style-sds):focus .picto > img, .jpc-thematic:not(.style-sds):active .picto > img {
	transform: scale(1.3);
}
.jpc-thematic:not(.style-sds).other-hover { opacity: 0.5; }
.jpc-thematic.style-sds:hover {
	/*background-size: 130%;*/
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}
.jpc-thematic.style-sds:hover a {
	opacity: 0;
}

.jpc-thematic a.btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	border: none;
	font-size: 28px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	vertical-align: middle;
	padding-bottom: 20px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.6);
}
.jpc-thematic.style-sds a.btn { text-transform: none; font-size: 22px; }
.jpc-thematic a.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*background: #c4cace;*/
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.jpc-thematic a.btn:hover, .jpc-thematic a.btn:focus, .jpc-thematic a.btn:active {
	background-color: transparent;
	color: #fff;
}
.jpc-thematic a.btn:hover:before, .jpc-thematic a.btn:focus:before, .jpc-thematic a.btn:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.jpc-thematic a.btn > .picto { margin-bottom: 10px; transition: all 0.4s ease; }
.jpc-thematic a.btn > .picto > img { height: 70px; transition: all 0.4s ease; }
.jpc-thematic a.btn > .overlay { display: flex; flex-direction: column; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-color: rgba(29, 86, 62, 0.8); font-size: 14px; color: #fff; text-transform: none; font-weight: normal; transition: opacity 0.4s ease; }
.jpc-thematic a.btn > .overlay > .chapo { padding: 25px 40px 5px 40px; font-size: 14px; line-height: 1.4; }
.jpc-thematic a.btn > .overlay > .chapo p,
.jpc-thematic a.btn > .overlay > .chapo span,
.jpc-thematic a.btn > .overlay > .chapo li { font-size: 14px; line-height: 1.4; }

.jpc-thematic a.btn > .overlay > nav { margin-top: auto; text-align: center; padding: 0 0 25px 0; }
.jpc-thematic a.btn:hover > .overlay { opacity: 1; }

@media all and (max-width: 600px) {
	.jpc-thematic a.btn > .overlay > .chapo { padding: 20px 30px; font-size: 13px; line-height: 1.3; }
	.jpc-thematic a.btn > .overlay > .chapo p,
	.jpc-thematic a.btn > .overlay > .chapo span,
	.jpc-thematic a.btn > .overlay > .chapo li { font-size: 13px; line-height: 1.3; }
	.jpc-thematic a.btn > .overlay > nav { padding: 0 0 20px 0; }
}

@media all and (max-width: 340px) {
	.jpc-thematic a.btn > .overlay > .chapo { padding: 15px 25px; font-size: 12px; line-height: 1.3; }
	.jpc-thematic a.btn > .overlay > .chapo p,
	.jpc-thematic a.btn > .overlay > .chapo span,
	.jpc-thematic a.btn > .overlay > .chapo li { font-size: 12px; line-height: 1.3; }
	.jpc-thematic a.btn > .overlay > nav { padding: 0 0 15px 0; }
}

.jpc-discover { background-color: var(--discover-bg-color, transparent); }
.jpc-discover > .jpc-discover-wrap { margin: 40px auto; max-width: var(--wrap-width); display: flex; flex-direction: row; }
.jpc-discover > .jpc-discover-wrap > * { flex: 1 1 33.333333%; max-width: 33.333333%; padding: 15px; }
.jpc-discover section > .hgroup > h3 { font-weight: bold; margin-bottom: 20px; padding: 10px 0; }
.jpc-discover section > .buttons { text-align: center; padding: 10px; margin-top: 20px; }


.jpc-discover aside { position: relative; min-height: 300px; }
.jpc-discover.pos-right > .jpc-discover-wrap { flex-direction: row-reverse; }
.jpc-discover.pos-right aside .blocCustomSlide::before { transform: rotate(-90deg); }

@media all and (max-width: 1000px) {
	.jpc-discover > .jpc-discover-wrap { flex-direction: column; align-items: center; }
	.jpc-discover.pos-right > .jpc-discover-wrap { flex-direction: column; align-items: center; }
	.jpc-discover > .jpc-discover-wrap > * { flex: 1 1; max-width: 100%; width: 100%; }
	.jpc-discover > .jpc-discover-wrap > aside { max-width: 300px; }
	.jpc-discover > .jpc-discover-wrap > :last-child { display: none; }
}

.jpc-speakers { display: block; width: 100%; position: relative; margin-top: 60px; }
.jpc-speakers * { box-sizing: border-box; }
.jpc-speakers > .bloc-wrapper { max-width: 1400px; margin: 0 auto; }
.jpc-speakers .speaker { display: flex; flex-direction: column; position: relative; max-width: 350px; height: 100%; }
.jpc-speakers .speaker > .content { background: #f5ecd8; margin-top: 200px; padding: 140px 20px 20px 20px; height: 100%; border-radius: 18px; }
.jpc-speakers .speaker > .content h2 { margin: 0; color: #2c2e35; font-size: 24px; text-align: center; text-transform: none; }
.jpc-speakers .speaker > .content .chapo { font-size: 16px; font-weight: bold; margin-top: 5px; color: #2c2e35; text-align: center; }
.jpc-speakers .speaker > .content .description { margin-top: 20px; font-size: 16px; line-height: 1.2;  text-align: justify; color: #2c2e35; }
.jpc-speakers .speaker > .content .description p { font-size: 16px; line-height: 1.2; text-align: justify; }
/*.jpc-speakers .speaker figure { position: absolute; top: 0; left: 0; display: flex; align-items: center; height: 220px; width: 100%;  }
.jpc-speakers .speaker figure > img { display: block; width: 100%; height: 100%; object-fit: cover; padding: 0 10%; }*/


.jpc-speakers .speaker figure { position: absolute; top: 40px; left: 40px; width: calc(100% - 80px); height: 240px; clip-path: url(#discover); transform: rotate(45deg); overflow: hidden; z-index: 20; }
.jpc-speakers .speaker figure > img { --img-overflow: 60px; position: absolute; top: calc(var(--img-overflow) * -1); left: calc(var(--img-overflow) * -1); width: calc(100% + var(--img-overflow) * 2); height: calc(100% + var(--img-overflow) * 2); object-fit: cover; transform: rotate(-45deg);  }


.jpc-speakers ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; }
.jpc-speakers ul > li { margin: 20px; }

.jpc-speakers ul > li:nth-child(odd) .speaker .content { background: #1d563e; color: #fff;  }
.jpc-speakers ul > li:nth-child(odd) .speaker h2 { color: #fff; }
.jpc-speakers ul > li:nth-child(odd) .speaker .chapo { color: #fff; }
.jpc-speakers ul > li:nth-child(odd) .speaker .description { color: #fff; }

.jpc-speakers[data-c="1315"] ul > li { flex: 1 1 calc(33% - 40px); max-width: 350px; }

.jpc-partners { margin: 40px 0; }
.jpc-partners > .bloc-wrapper { max-width: 1200px; margin: 0 auto; }
.jpc-partners > .bloc-wrapper > ul { display: flex; --gap: 30px; flex-wrap: wrap; }
.jpc-partners > .bloc-wrapper > ul > li {
	flex: 1 1 calc(50% - var(--gap)); max-width: calc(50% - var(--gap)); margin: calc(var(--gap) / 2);
	border-radius: 12px; border: 3px solid #1d563e;
	overflow: hidden;
}
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner { display: flex; flex-direction: row; align-items: stretch; min-height: 260px; height: 100%; --bloc-bg-color: rgba(114, 178, 104, 0.36); }
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner.position-right { flex-direction: row-reverse; }
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > figure { flex: 1 1 160px; padding: 10px 4px; max-width: 160px; background-color: #fff; }
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > figure > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content { display: flex; flex-direction: column; flex: 1 1 calc(100% - 160px); max-width: calc(100% - 160px); background-color: var(--bloc-bg-color); }
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content > .description { display: flex; flex-direction: column; justify-content: center; flex: 1 1 100%; padding: 10px 20px; font-size: 12px; line-height: 1.2;  color: #1d563e; }
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content > .description p,
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content > .description span,
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content > .description strong,
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content > .description b,
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content > .description li { font-size: 12px; color: #1d563e; line-height: 1.2; }
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content > nav { text-align: center; margin-top: auto; padding: 12px 8px; }
.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content > nav > .btn:not(:hover) { background-color: #1d563e; }

@media all and (max-width: 1200px) {
	.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner { height: unset; min-height: 260px; }
}

@media all and (max-width: 900px) {
	.jpc-partners > .bloc-wrapper > ul { flex-direction: column; }
	.jpc-partners > .bloc-wrapper > ul > li { max-width: unset; flex: 1 1; }
}

@media all and (max-width: 580px) {
	.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner { flex-direction: column; }
	.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner.position-right { flex-direction: column; }
	.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > figure { width: 100%; max-width: unset; height: 120px; }
	.jpc-partners > .bloc-wrapper > ul > li > .jpc-partner > .jpc-partner-content { width: 100%; max-width: unset; }
}

.bloc-content.img-style-sva { margin-top: 40px !important; margin-bottom: 40px !important; }
.bloc-content.img-style-sva.struct-blocs > .ct-blocs > .wrap-aside > aside,
.bloc-content.img-style-sva.struct-blocs > .ct-blocs > .wrap-section > section { padding: 0 40px; }
.bloc-content.img-style-sva aside > figure,
.bloc-content.img-style-sva .jpc-custom-slideshow > ul .img-container { position: relative; padding: 12%; }
.bloc-content.img-style-sva .jpc-custom-slideshow > ul .img-container { height: auto; }
.bloc-content.img-style-sva aside > figure { height: 100%; }
.bloc-content.img-style-sva aside > figure::before { position: absolute; content: ''; background-color: var(--discover-img-bg-color, #d2ebc0); clip-path: url(#discover-bg); bottom: 0; height: 100%; right: 40%; width: 80%;  z-index: -1; }
.bloc-content.img-style-sva aside > figure > img,
.bloc-content.img-style-sva  .jpc-custom-slideshow > ul img { width: 100%; height: 100%; border-radius: 30px; object-fit: cover;  }

.bloc-content .ct-blocs.pos-left,
.bloc-content .ct-blocs.pos-right  { align-items: stretch; }
.bloc-content.img-style-sva.img-style-sva-v aside > figure { padding: 0 12%; }
.bloc-content.img-style-sva.img-style-sva-v aside > figure > img,
.bloc-content.img-style-sva.img-style-sva-v .jpc-custom-slideshow > ul img { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 80%; max-width: 250px; height: 100%; border-radius: 30px; object-fit: cover;  }

.bloc-content.img-style-sva.img-style-sva-h aside > figure { padding: 12% 0; min-height: 340px;  }
.bloc-content.img-style-sva.img-style-sva-h aside > .jpc-custom-slideshow::before { left: unset; right: 40%; width: 80%; }
.bloc-content.img-style-sva.img-style-sva-h aside > .jpc-custom-slideshow > ul { padding: 12% 0; min-height: 400px; }
.bloc-content.img-style-sva.img-style-sva-h aside > .jpc-custom-slideshow > ul > li { top: 0; }
.bloc-content.img-style-sva.img-style-sva-h aside > figure > img,
.bloc-content.img-style-sva.img-style-sva-h .jpc-custom-slideshow > ul img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 80%; max-height: 250px; border-radius: 30px; object-fit: cover;  }

.bloc-content.img-style-sva .jpc-custom-slideshow .puces { bottom: calc(50% - 160px); right: 0; }
.bloc-content.img-style-sva .jpc-custom-slideshow .puces li { width: 12px; height: 12px; }

.bloc-content.img-style-sva .ct-blocs.pos-right aside > figure::before { left: 40%; width: 80%; transform: rotateX(180deg); }
.bloc-content.img-style-sva .ct-blocs.pos-right aside > .jpc-custom-slideshow::before { left: 40%; width: 80%; transform: rotateX(180deg); }

.bloc-content.img-style-sva .content ul { list-style-type: none; margin: 10px 0; }
.bloc-content.img-style-sva .content ul > li { position: relative; margin-left: 3em; padding: 4px 0; }
.bloc-content.img-style-sva .content ul > li::before { content: ''; position: absolute; left: -3em; top: 0; height: 2em; width: 3em; background-image: url('/img/design/list-bullet.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }

@media all and (max-width: 1200px) {
	.bloc-content.img-style-sva.img-style-sva-h aside > .jpc-custom-slideshow::before { right: 20%; width: calc(80% + 30px); }
	.bloc-content.img-style-sva .ct-blocs.pos-right aside > .jpc-custom-slideshow::before { left: 20%; width: calc(80% + 30px); }

	.bloc-content.img-style-sva aside > figure::before { right: 20%; width: calc(80% + 30px); }
	.bloc-content.img-style-sva .ct-blocs.pos-right aside > figure::before { left: 20%; width: calc(80% + 30px); }

	.bloc-content.img-style-sva.img-style-sva-h aside > .jpc-custom-slideshow > ul > li { width: 100% !important; }
}

/* JPC Page Thème
------------------------------------------------------------- */
/*.jpc-page-theme { display: flex; flex-direction: row; }
.jpc-page-theme > aside { flex: 1 1 30%; max-width: 30%; background-color: #d1eabf; }
.jpc-page-theme > aside > header { display: flex; flex-direction: row; }
.jpc-page-theme > aside > header > h1 { flex: 1 1 66.666666%; max-width: 66.666666%; text-align: left; }
.jpc-page-theme > aside > header > .picto { flex: 1 1 33.333333%; max-width: 33.333333%; }
.jpc-page-theme > aside > header > .picto > img { width: 100%; height: 100%; object-fit: contain; }
.jpc-page-theme > aside > .content { padding: 20px; }
.jpc-page-theme > section { flex: 1 1 70%; max-width: 70%; }*/

.jpc-page-theme { position: relative; display: flex; flex-direction: row; align-items: flex-start; --aside-width: 400px; }
.jpc-page-theme > aside { flex: 1 1 var(--aside-width); max-width: var(--aside-width); background-color: #1f573e; color: #fff; min-height: 100vh; align-self: stretch;  }
.jpc-page-theme > aside > .aside-content { position: sticky; top: 100px; }
/*body.scrolling-down .jpc-page-theme > aside { top: 106px; height: calc(100vh - 106px); }
*/
.jpc-page-theme > aside header { display: flex; }
.jpc-page-theme > aside header h1 { flex: 1 1 calc(100% - 90px); max-width: calc(100% - 90px); color: #fff; text-align: left; line-height: 1.4em; font-size: 26px; padding: 30px 20px; }
.jpc-page-theme > aside header .picto { flex: 1 1 90px; }
.jpc-page-theme > aside header .picto > img { width: 100%; height: 100%; object-fit: contain; }
.jpc-page-theme > aside .content { color: #fff; text-align: left; line-height: 1.4em; font-size: 13px; padding: 15px; }
.jpc-page-theme > aside .content p { text-align: left; line-height: 1.4em; font-size: 13px; margin: 10px 0; }
.jpc-page-theme > .page-theme-subthematics { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding: 40px; max-width: 1200px; margin-right: auto; flex: 1 1 calc(100% - var(--aside-width)); }
.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme { height: auto; margin: 20px; border: 2px solid #1f573e; background: #fff; background-image: unset; min-height: 200px; }
.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme:not(.static) { cursor: pointer; }
.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme > .jpc-theme-overlay { position: static; width: 100%; background: #fff; }
.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme .jpc-theme-title { position: relative; z-index: 1; width: 100%; height: 200px; overflow: hidden; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); visibility: unset; opacity: unset;  }
.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme .jpc-theme-title::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: var(--theme-bg-image); transition: filter 0.4s ease, transform 0.4s ease; }
.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme:hover .jpc-theme-title::before { transform: scale(1.2); filter: brightness(0.8); }
.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme .jpc-theme-content { visibility: hidden; opacity: 0; padding: 0; position: static; width: 100%; height: 0; overflow: hidden; background-color: #fff; color: #333; transition: height 0.4s ease; }
.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme.on .jpc-theme-content { visibility: visible; opacity: 1; height: 235px; padding: 15px; }

@media all and (max-width: 1000px) {
	.jpc-page-theme > .page-theme-subthematics { justify-content: center; }
}

@media all and (max-width: 600px) {
	.jpc-page-theme { flex-direction: column; align-items: stretch; }
	.jpc-page-theme > aside { flex: 1 1; max-width: 100%; top: 60px; height: auto; z-index: 90; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); }
	body.scrolling-down .jpc-page-theme { padding-top: 60px; }
	body.scrolling-down .jpc-page-theme > aside { top: 60px; }
	.jpc-page-theme > aside h1 { padding: 0 15px; margin: 25px 0; font-size: 28px; text-align: center;}
	.jpc-page-theme > aside .content { padding: 0 15px 15px 15px; margin-top: 20px; }
	body.scrolling-down .jpc-page-theme > aside .content { display: none; }

	.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme .jpc-theme-title { font-size: 22px; }
}

@media all and (max-width: 400px) {
	.jpc-page-theme > .page-theme-subthematics { padding: 20px;  }
	.jpc-page-theme > .page-theme-subthematics > .jpc-bloc-theme { width: auto; }
}

/* JPC Bloc Thème
------------------------------------------------------------- */
.jpc-bloc-theme { width: 300px; height: 300px; position: relative; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background-size: cover; }
.jpc-bloc-theme > .jpc-theme-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); }
.jpc-bloc-theme .jpc-theme-title, .jpc-bloc-theme .jpc-theme-content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; color: white; text-align: center; transition: all 1.1s ease; }
.jpc-bloc-theme .jpc-theme-title > span, .jpc-bloc-theme .jpc-theme-content > span { text-align: center; }
.jpc-bloc-theme .jpc-theme-title { font-size: 30px; font-weight: 900; line-height: 35px; padding: 25px; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.jpc-bloc-theme .jpc-theme-content { visibility: hidden; opacity: 0; font-size: 14px; line-height: 18px; padding: 15px; background: rgba(0, 0, 0, 0.4); overflow: hidden; }
.jpc-bloc-theme:hover .jpc-theme-title { visibility: hidden; opacity: 0; }
.jpc-bloc-theme:hover .jpc-theme-content { visibility: visible; opacity: 1; }
.jpc-bloc-theme .jpc-theme-icon { max-height: 45px; display: block; margin-bottom: 15px; }




/* Les exposants */

.bloc-exhibitor aside figure img { width: 300px; }
.bloc-exhibitor section > h2 { font-size: 2rem; margin: 0; color: #800000; font-weight: bold; }
.bloc-exhibitor section div.content { text-align:justify; line-height:26px; border-bottom: 1px solid #800000; padding-bottom: 15px; font-size: 18px; }


/* Liste des exposants */
.jpc-event-exhibitors { --element-main-color: #72b268; }
.jpc-event-exhibitors > .wrap-content { max-width: 1600px; margin: 0 auto; }
.jpc-event-exhibitors > .wrap-content > header h1 { text-align: center; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main { display: flex; flex-direction: row; padding: 80px 30px 30px 30px; border-radius: 8px; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search { display: flex; flex-direction: column; flex: 1 1 calc(22% - 20px); max-width: calc(22% - 20px)	; margin-right: 20px; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search > form { display: block; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .search-text { display: flex; flex-direction: row; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .search-text > input { flex: 1 1 calc(100% - 40px); max-width: calc(100% - 40px); margin: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .search-text > input:focus { outline: none; border-bottom-color: var(--element-main-color); }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .search-text > button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0; flex: 1 1 50px; max-width: 40px; width: 40px; height: 36px; margin: 0; background-color: var(--element-main-color);  border-top-left-radius: 0; border-bottom-left-radius: 0;}
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters { margin: 10px 0; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values { margin-bottom: 10px; display: flex; flex-direction: column; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values > .filter-value-btn { width: 100%; background-color: #f4f4f4; color: var(--element-main-color); border: 1px solid var(--element-main-color); padding: 8px 14px; transition: all 0.3s ease; text-transform: uppercase; text-align: center; font-size: 14px; margin-bottom: 8px; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values > .filter-value-btn:hover { background-color: #fefefe; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values > .filter-value-btn.on { background-color: var(--element-main-color); color: #fff; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values > .filter-value-btn > input { display: none; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors { flex: 1 1 76%; max-width: 76%; display: flex; flex-direction: row; flex-wrap: wrap; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor { --gap: 20px; flex: 1 1 calc(33.333333% - var(--gap)); max-width: calc(33.333333% - var(--gap)); margin: calc(var(--gap) / 2); margin-bottom: 80px; background-color: var(--element-main-color); }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor,
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor > a { display: flex; flex-direction: column; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header { display: flex; flex-direction: column; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header > .header-line { display: flex; flex-direction: row; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header figure { flex: 1 1 68%; max-width: 68%; background-color: #fff; border: 2px solid var(--element-main-color); transform: translateY(-50%); padding: 10px 20px; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header figure > img { width: 100%; height: 80px; object-fit: contain;  }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header .thematics { display: flex; flex-direction: column; flex: 1 1 32%; max-width: 32%; padding: 12px; color: #fff; font-size: 11px; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header .stand { display: none; flex: 1 1 32%; padding: 12px; color: #fff; font-size: 11px; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header .thematics i.fa,
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header .stand i.fa { color: #1f573e; font-size: 10px; margin-right: 4px; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header .thematics > ul > li { display: flex; flex-direction: row; margin-bottom: 4px; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header h2 { font-size: 18px; color: #fff; padding: 0 12px; line-height: 1.4em; margin: -20px 0 10px 0; text-align: center; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor .content { font-size: 14px; line-height: 1.4em; color: #fff; padding: 12px; overflow: hidden; }
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor .content p,
.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor .content li { line-height: 1.4em; font-size: 14px; color: #fff; }

.jpc-event-exhibitors.filtering > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor:not(.filter-visible) { display: none; }

@media all and (max-width: 1350px) {
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor { flex: 1 1 calc(50% - var(--gap)); max-width: calc(50% - var(--gap)); }
}

@media all and (max-width: 1100px) {
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main { flex-direction: column; }
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search { margin-bottom: 60px; flex: 1 1 100%; max-width: 100%; width: 100%; }
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values { flex-direction: row; flex-wrap: wrap; }
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values > .filter-value-btn { flex: 1 1; min-width: 180px; }
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values > .filter-value-btn { display: flex; justify-content: center; align-items: center; margin: 4px; font-size: 12px; padding: 6px 10px; }
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > aside.search .filters > .filter-values > .filter-value-btn > .filter-label { text-align: center; }

	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors { flex: 1 1 100%; max-width: 100%; width: 100%; }
}

@media all and (max-width: 820px) {
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor { flex: 1 1 calc(100% - var(--gap)); max-width: calc(100% - var(--gap)); }
}

@media all and (max-width: 500px) {
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor { position: relative; margin-top: 140px; }
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header figure { position: absolute; transform: none; left: 0; right: 0; top: -120px; height: 120px; width: 100%; max-width: unset; }
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header h2 { margin-top: 10px; }

	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header .stand { flex: 1 1 40%; }
	.jpc-event-exhibitors > .wrap-content > .exhibitors-main > section.exhibitors > article.jpc-event-exhibitor header .thematics { flex: 1 1 40%; }

}

.page-form div.actions { max-width: 1000px; text-align: right; margin: 0 auto; padding: 20px;}


.struct-grid[data-c="674"] .struct-grid-wrap { background: rgba(255, 255, 255, 0.35); }
.bloc-content[data-c="1082"] .buttons a.btn { width: 100%; text-align: center; }

footer { background: var(--main-color); color: #fff; }
footer h2,
footer h3 { color: #fff; }
footer h2 { font-size: 22px; padding: 0; margin: 0 0 30px 0; font-weight: bold; }
footer h3 { font-size: 18px; font-weight: bold; padding: 0; margin: 0 0 20px 0; text-transform: uppercase; }
footer h4 { font-size: 18px; font-weight: bold; padding: 0; margin: 0 0 20px 0; color: #fff; }


footer a { color: #fff; }

footer .logo img { height: 80px; }
footer .footer-line { display: flex; flex-direction: row; padding: 15px 0; }
footer .footer-line.wrap { max-width: 1400px; margin-left: auto; margin-right: auto; }
footer .footer-line.main { border-bottom: 3px solid #fff; align-items: flex-start; }
footer .footer-column { display: flex; flex-direction: column; flex: 1 1; padding-left: 10px; padding-right: 10px; }
footer .column-logo { justify-content: center; }
footer .column-newsletter { justify-content: center; align-self: center; }

footer .main .col-left { margin-right: auto; }
footer .main .col-right { flex: 1 1 50%; max-width: 50%; }

footer .footer-menu { display: flex; }
footer .footer-menu > .footer-menu-col { flex: 1 1; }
footer .footer-menu h3 { font-weight: bold; margin-bottom: 30px; }
footer .footer-menu ul > li { padding: 12px 0; }
footer .footer-menu ul > li > a { font-size: 15px; }
footer .footer-menu ul > li > a:hover { color: #fff; text-decoration: underline; }

footer .sponsors h2,
footer .exhibitors h2 { background: var(--main-color); color: #fff; width: 100%; text-align: center; margin: 0; padding: 3vh 1.5vw; font-size: 24px; font-weight: bold; text-transform: uppercase; }

footer .sponsors { background: #fff; }
footer .sponsors img { height: 120px; width: auto; max-width: 240px; object-fit: contain; }
footer .sponsors > ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 20px;  }
footer .sponsors > ul > li { padding: 15px; text-align: center; }

footer .exhibitors { background: var(--main-bg); }
footer .exhibitors img { height: 40px; width: auto; }
footer .exhibitors > .slider { position: relative; overflow: hidden; height: 60px; padding: 20px 0; }
footer .exhibitors > .slider > .slider-content { position: absolute; top: 0; left: 0; transition: left 1s; display: flex; justify-content: center; min-width: 100%; }
footer .exhibitors > .slider ul { display: block; white-space: nowrap; font-size: 0; }
footer .exhibitors > .slider ul > li { display: inline-block; width: 100px; padding: 10px; height: 60px; }
footer .exhibitors > .slider ul > li > a { display: block; width: 100%; height: 100%; }
footer .exhibitors > .slider ul > li img { display: block; height: 100%; width: 100%; object-fit: contain; }

footer .logo { display: flex; justify-content: center; padding-bottom: 20px; }
footer .contact { text-align: left; font-size: 13px; line-height: 1.3; }
footer .event-place { text-align: left; font-size: 16px; line-height: 1.3; }
footer .event-place .event-date { font-size: 22px; font-weight: bold; margin-bottom: 15px; }

footer .newsletter {     max-width: 500px; }
footer .newsletter h2 { color: #fff; font-size: 18px; font-weight: bold; margin: 0 0 20px 0; }

footer .social p { font-size: 12px; font-weight: bold; }
footer .social-networks { display: flex; margin-top: 25px; }
footer .social-networks li { padding: 4px; }
footer .social-networks li svg { width: 22px; height: 22px; fill: #fff; transition: all 0.3s;}
footer .social-networks li svg:hover { fill: #C4CACE; }

footer .legal { width: 100%; }
footer .legal > ul { display: flex; justify-content: space-between; width: 100%; }
footer .legal > ul > li { padding: 10px; }

footer input[type="text"] { display: inline-block; width: auto; background: #000; border-radius: 0; background-color: var(--main-color); border-width: 0 0 3px 0; border-color: #fff; color: #fff; height: 40px; }
footer input[type="text"]:focus { border-color: #C4CACE; outline: none; color: #666; }
footer .btn.small { display: inline-block; width: auto; background: #fff; color: #000; border: none; border-radius: 0; padding: 10px 20px; height: 40px;  }

.yurplan-widget-container { padding: 10px; background-color: #fff; }
.yurplan-widget-container iframe { min-height: 540px; }

@media all and (max-width: 1100px) {
	footer .footer-line { flex-direction: column; }
	footer .column-logo { justify-content: flex-start; }
	footer .column-logo > .logo { justify-content: flex-start; padding: 20px 0; }
	footer .column-newsletter { justify-content: flex-start; }
	footer .legal > ul { flex-direction: column; }
	footer .legal > ul .sep { display: none; }
	footer .main { padding: 25px; }
	footer .main .col-left { margin-right: 0; margin-bottom: 25px; }
	footer .main .col-right { width: 100%; max-width: unset; }
}

@media all and (max-width: 699px) {
	footer .footer-menu { flex-direction: column; }
}

@media all and (max-width: 299px) {
	.bloc-content .hgroup h1 { font-size: 20px; }
}