/* 
Theme Name: galerie-art
Author: Lykope
Author URI: http://www.lykope.com
Description: Private theme for Galerie d'art Patrick Gutknecht
Requires at least: WordPress 6.6+
Version: 1.1.2
Tags: Responsive Design - SEO - Flexbox
*/

/* FONTS
========================================================================== */
@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:200;src: url('fonts/poppins-v21-latin_latin-ext-200.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:400;src: url('fonts/poppins-v21-latin_latin-ext-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:600;src: url('fonts/poppins-v21-latin_latin-ext-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Poppins';font-style:normal;font-weight:800;src: url('fonts/poppins-v21-latin_latin-ext-800.woff2') format('woff2')}

/* ROOT
========================================================================== */
:root {
	--system-ui: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--fluid-16-18: clamp(1rem, 0.9632rem + 0.1838vw, 1.125rem);
	--fluid-20-24: clamp(1.25rem, 1.1765rem + 0.3676vw, 1.5rem);
	--fluid-22-28: clamp(1.375rem, 1.2647rem + 0.5515vw, 1.75rem);
	--fluid-34-38: clamp(2.125rem, 2.0515rem + 0.3676vw, 2.375rem);
	--fluid-36-48: clamp(2.25rem, 2.0294rem + 1.1029vw, 3rem);
	--fluid-40-58: clamp(2.5rem, 2.1691rem + 1.6544vw, 3.625rem);
	--fluid-11-12: clamp(0.6875rem, 0.6691rem + 0.0919vw, 0.75rem);
	--fluid-15-17: clamp(0.9375rem, 0.9007rem + 0.1838vw, 1.0625rem);
	--fluid-15-24: clamp(0.9375rem, 0.7721rem + 0.8272vw, 1.5rem);
	--fluid-24-44: clamp(1.5rem, 1.1324rem + 1.8382vw, 2.75rem);
	--fluid-50-120: clamp(3.125rem, 1.8382rem + 6.4338vw, 7.5rem);
	--space4: clamp(0.125rem, 0.0882rem + 0.1838vw, 0.25rem);
	--space8: clamp(0.25rem, 0.1765rem + 0.3676vw, 0.5rem);
	--space12: clamp(0.375rem, 0.2647rem + 0.5515vw, 0.75rem);
	--space16: clamp(0.5rem, 0.3529rem + 0.7353vw, 1rem);
	--space24: clamp(0.75rem, 0.5294rem + 1.1029vw, 1.5rem);
	--space32: clamp(1rem, 0.7059rem + 1.4706vw, 2rem);
	--space48: clamp(1.5rem, 1.0588rem + 2.2059vw, 3rem);
	--space64: clamp(2rem, 1.4118rem + 2.9412vw, 4rem);
	--space96: clamp(3rem, 2.1176rem + 4.4118vw, 6rem);
	--colGutGal: rgb(46, 40, 54);
	--colGutGal60: rgba(46, 40, 54, 0.6);
	--colGutGal20: #d5d4d6;
	--colGutGal80: rgba(46, 40, 54, 0.8);
	--colGutGal10: rgba(46, 40, 54, 0.05);
	--colNoir: rgba(16, 10, 14, 1);
	--colNoir60: rgba(46, 40, 54, 0.6);
	--colGray: rgb(71, 70, 73);
	--colGrayLight: rgb(245, 245, 250);
	--colGrayPlus: rgb(152, 150, 155);
	--colCta: rgb(150, 147, 154);
	--colBlanc: rgb(255, 255, 255);
	--colBlanc80: rgba(255, 255, 255, 0.8);
	--colrupt: rgb(196, 158, 110);
	--shadow-color: rgba(0, 0, 0, 0.25);
	--shadow-elevation-medium: 0px 1px 8px -1px var(--shadow-color);
	--shadow-text: -1px -1px 1px rgba(255, 255, 255, 0.25), 1px 1px 1px var(--shadow-color);
}


/* BASE
========================================================================== */
html,body{font-family:var(--system-ui);height:100%}
body{font-size:16px;height:100vh;height:100dvh;line-height:normal;color:var(--colGutGal);font-family:'Poppins';font-style:normal;font-weight:400}
a{cursor:pointer;color:inherit;text-decoration:none}
a:hover,a:active,a:focus{outline:0;outline:none;cursor:pointer;text-decoration:none}
::selection{background:var(--colGutGal);color:var(--colBlanc);text-shadow:none}
a[href^=tel],a[href^=sms]{color:inherit;cursor:default;text-decoration:none}
img[data-sizes="auto"]{display:block;width:100%;height:auto}
.lazyload{opacity:0}
.lazyloading{opacity:1;transition:opacity 0.3s}
img.lazyload:not([src]){visibility:hidden}
img{display:block;text-align:center;font-size:var(--fluid-11-12);line-height:1}
h1,h2,h3{text-wrap:balance}
strong{font-style:normal;font-weight:400}
.ripple{background-position:center center;background-repeat:no-repeat;background-image:url('img/svg/ripple.svg');background-size:40px 40px}
noscript{position:fixed;z-index:9998;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;text-align:center;background:var(--colNoir60);overflow:hidden}
noscript p{width:300px;padding:var(--space24);text-transform:uppercase;font-size:var(--fluid-16-18);text-align:center;color:var(--colBlanc)}

/* MENU FIXE
========================================================================== */
.navigation{display:block;width:100%;top:0;position:fixed;overflow:hidden;z-index:9888;background-color:var(--colBlanc80);color:var(--colGutGal);box-shadow:var(--shadow-elevation-medium)}
.navigation.navUp{background-color:var(--colBlanc)}
	.navWrapper{display:block;width:100%;max-width:1408px;position:relative;margin:0 auto;padding:16px}
	nav.navHaute{position:relative;display:flex;flex-flow:row nowrap;height:74px;gap:var(--space12);justify-content:space-between;align-items:center}
		.menuLogo{flex:0 0 auto}
		.menuLogo img{display:block;height:70px;width:auto}
		.menuNav{flex:1 1 auto;padding-top:10px}
				.rubNav{display:flex;flex-flow:row nowrap;gap:var(--space24);justify-content:flex-end;align-items:center}
				.rubNav li{flex:0 0 auto;line-height:1.1;text-transform:uppercase}
				.rubNav li a{position:relative;color:var(--colGutGal);font-size:17px;display:inline-block;font-style:normal;font-weight:400;padding:8px 0 4px 0}
				.rubNav li.current_page_item a,.rubNav li.current-page-ancestor a{color:var(--colNoir)}
				.rubNav li a::after{position:absolute;height:2px;top:100%;left:0;width:0;opacity:0;background-color:var(--colNoir);content:"";transition:opacity 0.1s, width 0.3s}
				.rubNav li.current_page_item a::after,.rubNav li.current-page-ancestor a::after,.rubNav li a:hover::after{opacity:1;width:100%}
		.navLang{position:absolute;width:auto;top:0;right:12px;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:flex-start;padding-top:24px}
		.navLang a{flex:0 0 25px;text-align:center;font-size:14px}
		.navLang a:hover,.navLang a.activ{font-weight:600}
		.navLang a img{display:block;width:20px;height:auto}
		.navLang a.lessMouse{cursor:initial;pointer-events:none}
		.menuMobile{display:none}

/* SEARCH
===========================================*/
.search-form{flex:0 0 auto;padding:var(--space16) 0;font-size:var(--fluid-16-18)}
.search-field{display:inline-block;vertical-align:middle;width:100%;max-width:240px;padding:1px 3px;background-color:var(--colGutGal10);color:var(--colNoir)}
.search-submit{display:inline-block;vertical-align:middle}
.search-submit img{display:block;width:25px;height:auto}
.listeSearch{padding:var(--space32) var(--space16)}
	.listeInter{display:flex;flex-flow:row nowrap;align-items:center;gap:var(--space32);padding:var(--space24) 0;border-bottom:1px solid var(--colGutGal60)}
		.interImg{flex:0 0 120px}
			.interImg img{display:block;width:100%;max-width:120px;height:auto}
		.interCont{flex:1 1 auto;font-size:var(--fluid-15-17);line-height:1.2}
		.interCont span{display:block;text-transform:uppercase;font-weight:600;font-size:14px}
		.interCont em{font-size:13px}
		.interCont a{text-decoration:underline}


/* MAIN
========================================================================== */
.coinImg{position:absolute;bottom:-50px;left:-50px;display:block;width:100px;height:100px;background-color:var(--colBlanc);transform:rotate(45deg)}
main{padding:var(--space48) 0}
	.mainWrapper,.introWrapper,.grilleWrapper{display:block;width:100%;max-width:1408px;position:relative;margin:0 auto;padding:0 84px}

.cta a{display:inline-block;height:34px;line-height:2;border:2px solid var(--colCta);border-radius:17px;font-size:15px;font-weight:400;color:var(--colCta);text-transform:uppercase;padding:0 var(--space32);transition:background-color 0.3s ease}
.cta a:hover{background-color:var(--colCta);color:var(--colBlanc);transition:background-color 0.3s ease}
.cta.centre{display:inline-block;margin:var(--space16) var(--space16) 0 var(--space16)}
.introBread{display:block;padding-top:calc(var(--space64) + 122px)}
	.breadBloc{display:flex;flex-flow:row wrap;gap:0 var(--space16);align-items:baseline;color:var(--colGrayPlus);font-size:var(--fluid-24-44)}
		.breadBloc01,.breadBloc02, .breadBloc03, .breadBloc04{flex:0 0 auto}
		.breadBloc01 a{display:inline-block;line-height:1;font-weight:800;text-transform:uppercase}
		.breadBloc01 a:hover,.breadBloc02 a:hover{text-decoration:underline}
		.breadBloc02 a, .breadBloc03 a, .breadBloc04 a{display:inline-block;line-height:1;font-weight:200}
.containr{display:grid;grid-template-rows:min-content 0fr;transition:grid-template-rows 0.8s ease-in-out;padding:0}
.callbox{padding:var(--space32) var(--space96);color:var(--colNoir);cursor:pointer;position:relative;overflow:hidden;line-height:1;font-weight:200;font-size:var(--fluid-50-120);background-size:cover;background-repeat:no-repeat;background-position:center center}
.callbox::selection{background:transparent;color:inherit;text-shadow:none}
	#callsee{background-image: url('img/imgsee.jpg');color:var(--colBlanc)}
	#callshop{background-image: url('img/imgshop.jpg');color:var(--colBlanc)}
	#callsell{background-image: url('img/imgsell.jpg');color:var(--colBlanc)}
.callContain{overflow:hidden}
.containr.active{grid-template-rows:min-content 1fr}

/* Event 
=========================================== */
.blocEvent{display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;color:var(--colBlanc);background-color:var(--colGutGal)}
	.eventImage{flex:0 0 50%;position:relative;overflow:hidden;background-color:var(--colGutGal)}
	.eventImage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
	.eventContent{flex:0 0 50%;padding:var(--space96) var(--space48);align-self:center;background-color:var(--colGutGal)}
	.eventContent h2{display:block;padding-bottom:var(--space16);line-height:1.2;font-size:var(--fluid-22-28);font-weight:800}
	.eventContent span{display:block;font-size:var(--fluid-16-18);font-weight:400}
	.eventContent p{display:block;padding-bottom:var(--space16);line-height:1.3;font-size:var(--fluid-16-18);font-weight:200}

.newBlocEvent{display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;color:var(--colGutGal);background-color:var(--colBlanc)}
	.newEventImage_g,.newEventImage_d{flex:0 0 50%;order:10;position:relative;overflow:hidden}
		.newEventImage_g img,.newEventImage_d img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
		.newEventImage_d{order:30}
	.newEventContent_d{flex:0 0 50%;order:20;padding:var(--space48);align-self:center}
		.newEventContent_d span.relance{display:block;padding-bottom:var(--space16);text-transform:uppercase;font-size:var(--fluid-24-44);font-weight:600;color:var(--colGrayPlus)}
		.newEventContent_d h2{display:block;padding-bottom:var(--space16);line-height:1.2;font-size:var(--fluid-22-28);font-weight:800}
		.newEventContent_d p{display:block;padding-bottom:var(--space16);line-height:1.3;font-size:var(--fluid-16-18);font-weight:200}


/* Contact 
=========================================== */
.blocCont{display:flex;flex-flow:row nowrap;justify-content:center;align-items:stretch;color:var(--colGutGal);background-color:var(--colBlanc)}
	.contImage{flex:0 0 50%;position:relative;overflow:hidden;background-color:var(--colBlanc)}
	.contImage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
	.contContent{flex:0 0 50%;padding:var(--space96) var(--space48);align-self:center;background-color:var(--colBlanc)}
	.contContent h2{display:block;padding-bottom:var(--space16);line-height:1.2;font-size:var(--fluid-22-28);font-weight:800}
	.contContent span{display:block;font-size:var(--fluid-16-18);font-weight:400}
	.contContent p{display:block;padding-bottom:var(--space16);line-height:1.3;font-size:var(--fluid-16-18);font-weight:200}

/* home 
=========================================== */
.callBlocs{display:flex;flex-flow:row wrap;gap:var(--space32);justify-content:center}
	.homeBloc{flex:0 0 calc( (100% - (var(--space32) * 2 )) / 3 );padding:var(--space16) 0;border:1px solid var(--colGrayPlus)}
	.homeBloc.lessBoder{border:none}
	.homeBloc span{display:block;padding:var(--space12) 0 var(--space32) 0;line-height:1;text-align:center;text-transform:uppercase;color:var(--colGrayPlus);font-size:var(--fluid-20-24);font-weight:600}
	.homeBloc .cadreImg{display:block;position:relative;overflow:hidden;margin:0 auto;max-width:330px}
	.homeBloc .cadreImg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}	
	.homeBloc h2{display:block;padding-bottom:var(--space16);line-height:1.2;font-size:var(--fluid-22-28);font-weight:800}
	.homeBloc p{display:block;padding-bottom:var(--space16);line-height:1.3;font-size:var(--fluid-16-18);font-weight:200}
	.ctahome{display:flex;justify-content:center;align-items:center;padding:var(--space16) 0}
	.ctahome a{flex:0 0 auto;height:34px;border:2px solid var(--colCta);border-radius:17px;font-weight:400;color:var(--colCta);text-transform:uppercase;padding:2px var(--space32) 0 var(--space32);transition:background-color 0.3s ease}
	.ctahome a:hover{background-color:var(--colCta);color:var(--colBlanc);transition:background-color 0.3s ease}
	.ctahome a svg{max-height:26px}
	.st0{fill:none;stroke:var(--colCta);stroke-linecap:round;stroke-miterlimit:10}
	.ctahome a:hover .st0{stroke:var(--colBlanc)}
	.ctahome.ctajust{display:flex;justify-content:flex-start;align-items:center;padding:var(--space16) 0}

/* Artistes
=========================================== */
.introTextes{display:flex;flex-flow:row wrap;gap:var(--space32);padding-top:calc(var(--space64) + 122px)}
.introMentions{display:flex;flex-flow:row wrap;padding-top:var(--space16)}
	.introTitres,.introPara{flex:0 0 calc( (100% - var(--space32) ) / 2 )}
	.introTitres h1{display:block;line-height:1.2;text-transform:uppercase;color:var(--colGrayPlus);font-size:var(--fluid-34-38);font-weight:800}
	.introPara{padding:0 var(--space16) var(--space16) var(--space16)}
	.introPara p{display:block;font-weight:200;font-size:var(--fluid-15-17);line-height:1.4;padding-bottom:var(--space16)}
.introMentions .introPara{flex:0 0 100%;padding:0}
.introMentions .introPara p{display:block;font-weight:200;font-size:var(--fluid-15-17);line-height:1.4;padding-bottom:var(--space16)}

.blocAlpha{padding-bottom:var(--space32)}
	.lettrine{display:block;padding:var(--space8) 0;line-height:1;border-bottom:1px solid var(--colGrayPlus);text-transform:uppercase;color:var(--colGrayPlus);font-size:var(--fluid-34-38);font-weight:600}
	.grilleAlpha{display:flex;flex-flow:row wrap;gap:var(--space32);padding:var(--space16) 0}
		.grilleAlpha li{flex:0 0 calc( (( 100% - (var(--space32) * 4 ) ) / 5) - 1px )}
			.grilleAlpha li .scalImg{display:block;overflow:hidden;background-color:var(--colGutGal80)}
			.grilleAlpha li .scalImg img{display:block;width:100%;height:auto;mix-blend-mode:luminosity;transition:transform 0.3s ease}
			.grilleAlpha li h3{display:inline-block;padding:var(--space8) 0;font-size:15px;font-weight:600}
			.grilleAlpha li .scalImg:hover img{transform:scale(1.1);transition:transform 0.3s ease}
			.grilleAlpha li h3 span{white-space:nowrap}

.artiBox{display:flex;flex-flow:row nowrap;gap:var(--space32);align-items:flex-end}
	.artimage{flex:0 0 calc( (100% - var(--space32)) / 2 );aspect-ratio:1;background-color:var(--colGutGal)}
	.artimage img{display:block;width:100%;height:auto;mix-blend-mode:luminosity}
	.artiContent{flex:0 0 calc( (100% - var(--space32)) / 2 );padding:var(--space32) 0 0 0}
		.artiContent h1{display:block;font-size:var(--fluid-34-38);line-height:1.2}
		.artiContent span.artref{display:block;font-size:14px;line-height:1.1;text-transform:uppercase;padding:var(--space8) 0 var(--space16) 0}
		.artiContent .bioIntro{padding-top:var(--space16)}
		.artiContent .bioIntro p{display:block;font-size:var(--fluid-15-17);padding-bottom:var(--space16);font-weight:400}
		.artiContent .bioIntro p a,.artiContent .bioIntro p a:hover{text-decoration:underline}
		.artiContent .bioIntro p strong{font-weight:600}
		.publimage{flex:0 0 calc( (100% - var(--space32)) / 2 );aspect-ratio:1;background-color:var(--colGutGal)}
		.publimage img{display:block;width:100%;height:auto}
		.artiContent h2{display:block;font-size:var(--fluid-34-38);line-height:1.2}
		.artiContent .publiIntro{padding-top:var(--space16)}
		.artiContent .publiIntro p{display:block;font-size:var(--fluid-15-17);padding-bottom:var(--space16);font-weight:400}
		.artiContent .publiIntro p a,.artiContent .publiIntro p a:hover{text-decoration:underline}
		.artiContent .publiIntro p strong{font-weight:600}
		.biosuite{display:block;padding-top:var(--space32)}
		.biosuite .biogra{columns:2;column-gap:var(--space32)}
		.biosuite .biogra p{display:inline-block;font-size:15px;padding-bottom:var(--space16)}
		.biosuite .biogra p a,.biosuite .biogra p a:hover{text-decoration:underline}
		.biosuite .biogra p strong{font-weight:600}
		.biosuite .cta a{color:var(--colGray)}

/* Single Photo */
	.photoBox{display:flex;flex-flow:row nowrap;gap:var(--space32);align-items:stretch;padding-bottom:var(--space32)}
		.photoImage{flex:0 0 calc( (100% - var(--space32)) / 2 );max-height:800px;max-width:800px;position:relative}
			.visionimages{position:absolute;bottom:-30px;left:0;display:flex;flex-flow:row wrap;gap:var(--space8);width:calc(100% - 50px)}
			.visionimages li{flex:0 0 15%;position:relative;border:2px solid var(--colGutGal20);box-shadow:var(--shadow-elevation-medium)}
			.visionimages .bigme{display:none}
			.visionimages li img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;cursor:pointer}
			.pastis{display:flex;flex-flow:row wrap;aspect-ratio:1;width:100%;height:auto;max-height:800px;max-width:800px;overflow:hidden}
			.pastis li{flex:0 0 100%;position:relative}
			.pastis img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
			.morder0{order:100} .morder1{order:101} .morder2{order:102} .morder3{order:103} .morder4{order:104}
			.morderx{order:1}
			.bigme{position:absolute;display:block;width:30px;height:auto;top:10px;right:10px}
			.bigme img.drinkme{display:block;position:relative;width:30px;height:auto;mix-blend-mode:difference}
			.photoImage > img{display:block;width:100%;object-fit:contain;object-position:top center}
		/*.photoImage > img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}*/
		.photoContent{flex:0 0 calc( (100% - var(--space32)) / 2 );padding:var(--space32) 0;align-self:center}
			.photoContent h1{display:block;font-size:var(--fluid-34-38);line-height:1.3}
			.photoContent span.artref{display:block;font-size:14px;line-height:1.1;text-transform:uppercase;padding:var(--space8) 0 var(--space16) 0}
			.photoContent .photoIntro{padding-top:var(--space16);font-size:var(--fluid-15-17);padding-bottom:var(--space16);font-weight:600}
			.photoContent .photoDim{display:block;padding-bottom:var(--space16)}
			.photoContent .photoDim strong,.photoContent .photoRef strong{display:block;font-weight:800;text-transform:uppercase;font-size:var(--fluid-11-12);padding:8px 0}
			.photoContent .photoRef{display:block;padding-bottom:var(--space16)}
			.photoContent hr{display:block;width:100%;max-width:800px;height:1px;border:0;border-top:1px solid var(--colGrayPlus);margin:8px 0}
			.photoContent .strongArt{display:block;font-weight:800;text-transform:uppercase;font-size:var(--fluid-11-12);padding:8px 0 0 0}
			.rupture{display:inline-block;padding:var(--space8);background:var(--colrupt);color:var(--colBlanc)}
			.photoContent .cta a{color:var(--colGray)}

/* du meme artiste */
.grilleOeuvres{display:block;padding:var(--space32) 0 0 0}
.grilleOeuvres h2{display:block;padding:var(--space16) 0;border-top:1px solid var(--colGrayPlus);line-height:1.2;text-transform:uppercase;color:var(--colGrayPlus);font-size:var(--fluid-20-24);font-weight:600}
	.artiPhotoBox{display:flex;flex-flow:row wrap;gap:var(--space16) var(--space32)}
	.artiPhotoBox li{flex:0 0 calc( (( 100% - (var(--space32) * 4 ) ) / 5) - 1px );padding-bottom:8px}
	.artiPhotoBox li a{display:inline-block;padding:0}
	.artiPhotoBox li a img{display:block;aspect-ratio:1;width:100%;height:100%;object-fit:cover;object-position:center}
	.artiPhotoBox li span{display:block;font-size:12px;line-height:1.1;padding:4px}
	.artiPhotoBox li span.vendu::before{content:"\2022\00a0";color:var(--colrupt)}

/* Grille photos */
.grillePhotog{display:flex;flex-flow:row wrap;gap:var(--space32)}
.grillePhotog li{flex:0 0 calc((100% - (var(--space32) * 3 ) - 1px ) / 4)}
.grillePhotog li a h2{display:block;padding:8px 8px 0 8px;font-size:15px;line-height:1.1;text-transform:uppercase;color:var(--colGray);font-weight:600}
.grillePhotog li a h2.rupt::before{content:"\2022\00a0";color:var(--colrupt)}
.grillePhotog li a span{display:block;padding:0 8px 8px 8px;font-size:13px;font-weight:200}
	.scalPhotog{aspect-ratio:1;display:block;overflow:hidden}
	.scalPhotog img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.catNav{display:block;padding:var(--space24);margin-top:var(--space32);background-color:var(--colGrayLight)}
	span.filtre{display:block;padding:0 0 2px 0;font-size:11px;font-weight:400}
	.subNav{display:flex;flex-flow:row nowrap;gap:var(--space16)}
	.subNav li{flex:0 0 auto;font-size:var(--fluid-15-24);color:var(--colCta);text-transform:uppercase;font-weight:600}
	.subNav li a:hover{text-decoration:underline}
	.subNav li.current-menu-item{display:none}

/* Grille objets */
.grilleObj{display:flex;flex-flow:row wrap;gap:var(--space32)}
.grilleObj li{flex:0 0 calc((100% - (var(--space32) * 3 ) - 1px ) / 4)}
.grilleObj li a h2{display:block;padding:8px 8px 0 8px;font-size:15px;line-height:1.1;text-transform:uppercase;color:var(--colGray);font-weight:600}
.grilleObj li a h2.rupt::before{content:"\2022\00a0";color:var(--colrupt)}
.grilleObj li a span{display:block;padding:0 8px 8px 8px;font-size:13px;font-weight:200}
	.scalObje{aspect-ratio:1;display:block;overflow:hidden}
	.scalObje img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* PAJI */
.pajinextprev{display:block;padding:var(--space32) var(--space8) var(--space8) var(--space8);margin-top:var(--space32);background-color:var(--colGrayLight)}
	.pajiBlocs{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start}
		img.pajiMage{display:block;aspect-ratio:1;max-width:180px;width:100%;height:100%;object-fit:cover;object-position:center}
		.pajiBlocs li{padding:var(--space16)}
		.pajiBlocs li span, .pajiBlocs li span{display:block;padding:8px 0 2px 0;font-size:12px;line-height:1.2;font-weight:400;text-decoration:none}
		.pajiBlocs li h3{display:block;line-height:1.2}
		.pajiBlocs li a{display:inline-block}
		.pajiBlocs li a:hover,.pajiBlocs li a:hover{text-decoration:underline}
		.paji01{flex:0 0 50%;text-align:right;font-weight:600;max-width:280px}
		.paji01 img{margin:0 0 0 auto}
		.pajiPool01{flex:0 0 50%;max-width:280px}
		.paji02{flex:0 0 50%;font-weight:600;max-width:280px}
		.pajiPool02{flex:0 0 50%;max-width:280px}
		.paji05{flex:1 1 100%;padding:var(--space32) var(--space8);text-align:center}
		.paji05 a{font-size:var(--fluid-15-17);color:var(--colCta);font-weight:600;text-decoration:underline}
		.pajiPool{flex:1 1 auto;max-width:450px}

/* The Modal */
.modal{display:none;position:fixed;z-index:9988;padding:40px var(--space32) 20px var(--space32);left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:var(--colNoir)}
.modal-content{display:block;margin:0 auto;width:100%;height:100%;max-width:1024px;max-height:960px;object-fit:contain;object-position:center}
.modal-content{animation-name:zoom;animation-duration:0.3s}
@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
.closeModal{position:absolute;top:0;right:10px;color:var(--colBlanc80);font-size:40px;line-height:1;font-weight:600;transition:0.3s}
.closeModal:hover,.closeModal:focus{color:var(--colBlanc);text-decoration:none;cursor:pointer}

/* Tapis */
.blocTapis{padding-bottom:var(--space32)}
	.grilleTapis{display:flex;flex-flow:row wrap;gap:var(--space32);padding:var(--space16) 0}
		.grilleTapis li{flex:0 0 calc( (( 100% - (var(--space32) * 2 ) ) / 3) - 1px )}
			.grilleTapis li .scalImg{display:block;aspect-ratio:7/5;overflow:hidden}
			.grilleTapis li img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
			.grilleTapis li h3{display:inline-block;padding:var(--space8);font-size:15px;font-weight:600}
.textesTapis{display:flex;flex-flow:row wrap;gap:var(--space16)}
	.titresTapis,.paraTapis{flex:0 0 100%}
	.titresTapis h2{display:block;font-size:var(--fluid-34-38);line-height:1.1;text-transform:uppercase;color:var(--colGrayPlus);font-weight:600}
	.paraTapis div{columns:3;column-gap:var(--space32)}
	.paraTapis p{display:block;padding-bottom:var(--space16)}
	.paraTapis p strong{font-weight:600}
.paraGalerie{padding:var(--space32) 0}
.paraGalerie div{columns:3;column-gap:var(--space32)}
.paraGalerie p{display:block;font-weight:200;padding-bottom:var(--space16)}
.paraGalerie p strong{font-weight:600}
.paraGalerie p a{text-decoration:underline}
.galeVideo{padding:8px;max-width:976px;overflow:hidden;margin:0 auto}
	.videotype{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden} 
	.videotype.videoPhone{width:auto;height:calc(100vh - 148px);padding:0}
	.videotype iframe, .videotype object, .videotype embed{position:absolute;top:0;left:0;width:100%;height:100%}
.blocVideo legend{display:block;padding:4px;text-align:center;font-size:13px}

/* Réassurance 
=========================================== */
.fondGut{display:block;width:100%;background-color:var(--colBlanc);margin:var(--space64) 0}
.fondGutHome{display:block;width:100%;background-color:var(--colBlanc)}
	.reaWrapper{display:block;width:100%;max-width:1408px;position:relative;margin:0 auto;padding:0 16px}
	.reaWrapperhome{display:block;width:100%;max-width:1408px;position:relative;margin:0 auto;padding:0}
.reass{display:flex;flex-flow:row nowrap;gap:var(--space32);justify-content:center;align-items:stretch}
	.reassImg{flex:0 0 calc( (((100% - (var(--space32) * 2 )) / 3) * 2) + var(--space32) );max-height:520px;position:relative}
	.reassImg img.reassimage{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
	.reassContent{flex:0 0 calc( (100% - (var(--space32) * 2 )) / 3);align-self:center;padding:var(--space16) var(--space16) var(--space16) 0;color:var(--colGutGal)}
	.reassContent h2{display:block;padding-bottom:var(--space16);color:var(--colGrayPlus);font-size:var(--fluid-34-38);line-height:1.2;font-weight:600}
	.reassContent h2 span{text-transform:uppercase}
	.reassContent p{display:block;padding-bottom:var(--space16);font-weight:200;font-size:var(--fluid-15-17);line-height:1.2}
.pushsBlocs{display:flex;flex-flow:row nowrap;gap:var(--space32)}
	.push01{flex:0 0 calc( (100% - var(--space32) ) / 2);position:relative}
	.push02{flex:0 0 calc( (100% - var(--space32) ) / 2);position:relative}
		.pushImg{display:block;position:relative}
		.pushImg img{aspect-ratio:1;position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
		.pushContent{position:absolute;display:block;width:100%;padding:var(--space16);left:0;bottom:-1px;text-align:center;background-color:var(--colGutGal60);color:var(--colBlanc)}
		.pushContent h2{display:block;padding-bottom:var(--space8);font-size:var(--fluid-22-28);line-height:1.2;font-weight:800}
		.pushContent p{display:block;font-weight:200;font-size:var(--fluid-15-17);line-height:1.2}
		.pushContent .cta.centre{margin:var(--space16) auto 0 auto}
/* Modal 
=========================================== */	
.expoBox{display:flex;flex-flow:row nowrap;gap:var(--space32);align-items:stretch}
	.expoImage{flex:0 0 calc( (100% - var(--space32)) / 2 );max-height:800px;max-width:800px;position:relative}
	.expoContent{flex:0 0 calc( (100% - var(--space32)) / 2 );padding:var(--space32) 0;align-self:center}
		.expoContent em{display:block;font-size:var(--fluid-11-12);line-height:1;padding-bottom:4px;text-transform:uppercase;font-style:normal;font-weight:400}
		.expoContent h1{display:block;font-size:var(--fluid-34-38);line-height:1.1;padding-bottom:var(--space8)}
		.expoContent hr{display:block;width:100%;max-width:800px;height:1px;border:0;border-top:1px solid var(--colGrayPlus);margin:8px 0}
		.expoContent .cta a{color:var(--colGray)}
		.expoContent .strongArt{display:block;font-weight:800;text-transform:uppercase;font-size:var(--fluid-11-12);padding:8px 0 0 0}

/* FOOTER 
========================================================================== */
footer{display:block;width:100%;max-width:1408px;margin:0 auto;padding:var(--space32) 16px}
	.footerWrapper{display:block;width:100%;padding:var(--space32) 0;border-top:1px solid var(--colNoir60)}
		.fooBloc{display:flex;flex-flow:row wrap;align-items:flex-end;justify-content:space-between}
			.fbLogo{flex:0 0 97px;padding-left:43px}
				.fbLogo a img{display:block;width:100%;max-width:54px;height:auto}
			.fbAdress{flex:0 0 auto;padding:0}
				.listeRes{display:flex;flex-flow:row wrap;align-items:center}
					.listeRes li{flex:0 0 auto;font-size:var(--fluid-11-12);line-height:1.2;padding:0 var(--space4)}
					.listeRes li img{display:inline-block;vertical-align:middle;width:42px;height:42px}
			.fbInfo{flex:0 0 100%;padding-top:var(--space8);font-size:var(--fluid-11-12);line-height:1.3;text-transform:uppercase}
			.navFooter{display:flex;gap:var(--space16);justify-content:flex-end}
			.navFooter li{flex:0 0 auto}
			.navFooter li a:hover{text-decoration:underline;cursor:pointer}

/* MENUMOBILE 
========================================================================== */
#menutech{z-index:998;display:none;position:fixed;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh;background:var(--colBlanc)}
	.menu-scale{display:none;visibility:hidden;opacity:0;transform:translateX(80px);transition:transform 0.3s,opacity 0.3s;z-index:-1}
	.menu-scale.open{visibility:visible;opacity:1;transform:translateY(0);transition:transform 0.3s,opacity 0.3s}
		#play{position:relative;top:76px;height:calc(100vh - 100px);padding:0 8px;overflow:hidden}
		#mobiNav{display:flex;flex-flow:column nowrap;height:100%;justify-content:center;align-content:center}
		#mobiNav > li{flex:0 0 auto;padding:0 0 16px 0;text-align:center}
		#mobiNav > li a{display:inline-block;font-size:var(--fluid-20-24);line-height:1;text-transform:uppercase;padding:2px 4px}
		#mobiNav > li:first-child a{font-weight:600}
		#mobiNav .sub-menu{padding-bottom:4px}
		#mobiNav .sub-menu li{display:inline-block;padding:0;}
		#mobiNav .sub-menu li a{display:inline-block;text-transform:lowercase;font-size:17px;font-weight:400;font-style:italic;padding:1px 2px}
		#mobiNav .sub-menu li a:after{content:','}
		#mobiNav .sub-menu li:last-child a:after{content:'.'}
		#mobiNav li.current-menu-item a{background-color:var(--colNoir);color:var(--colBlanc)}
		#mobiNav li.spelast{padding:0;line-height:1.6}
		#mobiNav li.speMobiLang{padding:0;line-height:1}
		#mobiNav .langMobi{font-weight:600}
		#mobiNav .langMobiActive{background-color:var(--colNoir);color:var(--colBlanc)}
		#mobiNav li.speMobiLang .search-form{display:block;padding:8px;text-align:center;font-size:16px;margin:0 auto}
		#mobiNav li.speMobiLang .search-field{display:inline-block;vertical-align:middle;text-align:center;width:100%;max-width:240px;padding:1px 3px}
		#mobiNav li.speMobiLang a{font-size:14px;font-weight:400}
		#mobiNav li.speMobiLang a img{display:inline-block;width:25px;height:auto}

/* TRANSITIONS BURGER OKK
========================================================================== */
.hamburger{padding:0;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger-box{width:42px;height:36px;padding:0;display:inline-block;position:relative}
.hamburger-inner{display:block;top:calc(50% + 2px)}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:42px;height:2px;background-color:var(--colGutGal);position:absolute;transition:transform 0.15s ease}
.hamburger-inner::before,.hamburger-inner::after{content:'';display:block}
.hamburger-inner::before{top:-10px;transition:top 0.3s ease}
.hamburger-inner::after{bottom:-10px;transition:bottom 0.3s ease}
.hamburger-box:hover .hamburger-inner::before{top:-8px;transition:top 0.15s ease}
.hamburger-box:hover .hamburger-inner::after{bottom:-8px;transition:bottom 0.15s ease}
.hamburger--spin-r .hamburger-inner{transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.hamburger--spin-r .hamburger-inner::before{transition: top 0.1s ease-in, opacity 0.1s ease-in}
.hamburger--spin-r .hamburger-inner::after{transition: bottom 0.1s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.hamburger--spin-r.is-active .hamburger-inner{transform: rotate(-225deg);transition-delay: 0.14s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);background-color:var(--colGutGal)}
.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;background-color:var(--colGutGal)}
.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform: rotate(90deg);transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);background-color:var(--colGutGal)}


/* MEDIA QUERIES
========================================================================== */
/* min 1440px */
@media screen and (max-width:90em){
.reaWrapper{padding:0}
}
/* min 1280px */
@media screen and (max-width:80em){
.homeBloc{flex:0 0 calc( (100% - var(--space32)) / 2 )}
.grilleAlpha li,.artiPhotoBox li{flex:0 0 calc((( 100% - (var(--space32) * 3 ) ) / 4) - 1px )}
}
/* max 1024px */
@media screen and (max-width:64em){
.cadreImg .overBloc{top:unset;bottom:-1px;opacity:1;transition:none}
.cadreImg:hover .overBloc{transition:none}
.reass{flex-flow:row wrap;gap:0}
.reassImg,.reassContent{flex:0 0 50%}
.reassContent{padding:var(--space16) var(--space32)}
.gutCard{padding:var(--space64);height:calc(80dvh - 120px)}
.listeRes{flex-flow:row wrap}
.listeRes li{flex:0 0 100%;padding:var(--space8) 0}
.artiPhotoBox li,.grillePhotog li,.grilleObj li{flex:0 0 calc(((100% - (var(--space32) * 2 ) ) / 3) - 1px )}
.paraTapis div,.paraGalerie div{columns:2}
.grilleTapis li{flex:0 0 calc( (( 100% - (var(--space32) * 1 ) ) / 2) - 1px )}
.expoBox{flex-flow:row wrap;gap:var(--space16)}
.expoImage{flex:0 0 100%;max-height:800px;max-width:1024px}
.expoContent{flex:0 0 100%;max-width:800px;padding:var(--space16) 0}
}
/* max 960px BREAK MENU */ 
@media screen and (max-width:60em){
#menutech{display:block}
.navWrapper{padding:8px 12px}
.mainWrapper,.grilleWrapper,.introWrapper{padding:0 50px}
.navLang{display:none}
nav.navHaute{height:60px;align-items:center}
.menuLogo img{height:58px}
.menuLogo{align-self:center}
.menuNav{display:none}
.menuMobile{display:initial}
.navigation,.navigation.navUp{background-color:var(--colBlanc)}
.blocAlpha{padding:0 8px var(--space32) 8px}
.grilleAlpha li{flex:0 0 calc( (( 100% - (var(--space32) * 2 ) ) / 3) )}
.centrageCover{bottom:50px}
.titreCover{max-width:none;text-align:center}
.blocEvent{flex-flow:row wrap;background-color:transparent}
.eventImage{flex:0 0 100%}
.eventContent{flex:0 0 90%;position:relative;margin-top:-120px;z-index:10}
.eventImage .coinImg, .reassImg .coinImg{display:none}

.containr .coinImg{bottom:-40px;left:-40px;width:80px;height:80px}

.callBlocs{gap:var(--space16)}
.homeBloc{flex:0 0 calc( (100% - var(--space16)) / 2 );padding:var(--space16) 0}
.introTextes{padding-top:calc(var(--space48) + 102px)}
.introTitres,.introPara{flex:0 0 100%;padding:0}
.introBread{padding-top:calc(var(--space48) + 102px)}
.artiBox{flex-flow:row wrap;gap:var(--space32);justify-content:flex-start}
.artimage,.publimage{flex:0 0 50%}
.artiContent{flex:0 0 100%;padding:0}
.biosuite{display:block;padding-top:var(--space8)}
.biosuite .biogra{columns:1;column-gap:var(--space32)}
.artiPhotoBox{gap:var(--space16)}
.artiPhotoBox li{flex:0 0 calc(((100% - (var(--space16) * 2 ) ) / 3) - 1px )}
.photoBox{flex-flow:row wrap;gap:var(--space32);justify-content:flex-start}
.photoImage{flex:0 0 100%;aspect-ratio:1;max-height:none;max-width:600px;margin-bottom:var(--space96)}
.visionimages{bottom:calc(-1 * var(--space64));left:0;display:flex;justify-content:center;flex-flow:row wrap;gap:var(--space16);width:calc(100% - 50px)}
.photoImage img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.photoContent{flex:0 0 100%;padding:0 0 var(--space32) 0;}
.fooBloc{align-items:center;justify-content:space-between}
.fbLogo{flex:0 0 77px;padding-left:32px}
.fbLogo img{max-width:45px}
.fbInfo{text-align:center}

.listeRes{justify-content:center;align-items:center;padding:var(--space32) 0}
.navFooter{flex-flow:row wrap;justify-content:center;gap:var(--space8)}
.navFooter li.mentionp{flex:0 0 100%}
}
/* max 800px */
@media screen and (max-width:50em){
.containr{padding:0}
.callBlocs{gap:var(--space32);padding-bottom:var(--space96)}
.homeBloc{flex:0 0 100%;padding:var(--space16) 0}
.homeBloc.homeBlocSell{max-width:420px;padding:var(--space32) var(--space16)}
.homeBloc span{padding:var(--space64) 0 var(--space32) 0;border-top:none;color:var(--colGray);text-align:center;font-size:var(--fluid-22-28)}
.overBloc{position:relative;width:90%;margin:-86px auto 0 auto;padding:var(--space32);background-color:var(--colGutGal)}
.overBloc h2{font-size:var(--fluid-22-28)}
.overBloc p{font-size:var(--fluid-20-24)}
.breadBloc{gap:0 var(--space8)}
.fondGut{margin:var(--space64) 0 0 0}
.reassImg,.reassContent{flex:0 0 100%}
.reassContent{padding:var(--space32);text-align:center;margin-bottom:32px}
.reassContent h2 br{display:none}
.pushsBlocs{flex-flow:row wrap;gap:0}
.push01,.push02{flex:0 0 100%}
.pushContent{position:relative;padding:var(--space32) var(--space16);left:initial;bottom:initial;margin-bottom:32px;background-color:var(--colBlanc);color:var(--colGutGal)}
.pushContent h2{font-size:var(--fluid-34-38);font-weight:600}
.paraTapis div,.paraGalerie div{columns:1}
.textesTapis{padding:0 var(--space16)}
.blocTapis{padding:var(--space32) var(--space16)}
.modal{padding:40px var(--space16) 20px var(--space16)}
.closeModal{top:8px;right:20px}
.newBlocEvent{flex-flow:row wrap}
.newEventImage_g,.newEventImage_d{flex:0 0 100%;order:1;position:relative;overflow:hidden}
.newEventContent_d{flex:0 0 100%;order:20;padding:var(--space16) var(--space16) 0 var(--space16)}

.containr .coinImg{bottom:-35px;left:-35px;width:70px;height:70px}

}
/* max 768px */
@media screen and (max-width:48em){
.grilleAlpha li{flex:0 0 calc( (100% - var(--space32)) / 2)}
.grillePhotog,.grilleObj{gap:var(--space32) var(--space16)}
.grillePhotog li,.grilleObj li{flex:0 0 calc((100% - var(--space16) ) / 2)}

.containr .coinImg{bottom:-30px;left:-30px;width:60px;height:60px}

}
/* max 640px */
@media screen and (max-width:40em){
.eventContent{flex:0 0 100%;margin-top:0}
.overBloc{width:100%;margin:-1px auto 0 auto}
.preFooter{padding:var(--space64) 8px 16px 8px}
.grilleAlpha li h3{padding:var(--space4) 0;font-size:14px;font-weight:400}
.artiPhotoBox li{flex:0 0 calc(((100% - (var(--space16) * 1 ) ) / 2) - 1px );padding-bottom:4px}
.artiPhotoBox li span{padding:2px}
.pajiBlocs li{max-width:initial}
.paji01,.pajiPool01,.paji02,.pajiPool02{flex:0 0 100%;text-align:center}
.paji01 img,.paji02 img{margin:0 auto}
footer{padding:var(--space32) 8px}
.tropRes{display:none}
.containr .coinImg{bottom:-25px;left:-25px;width:50px;height:50px}
}
/* max 540px */
@media screen and (max-width:33.75em){
.navLang{width:48px;padding-top:8px}
.navLang a{flex:0 0 25px;font-size:15px}
.artiContent h1,.photoContent h1{line-height:1.2}
.grilleObj{padding:0 8px}
.catNav,.grilleObj li{text-align:center}
.subNav{justify-content:center;gap:16px}
.pajinextprev{padding:var(--space32) var(--space8)}
.pajiBlocs{text-align:center}
.paji03{flex:0 0 100%;order:1}
.paji04{flex:0 0 100%;order:2}
.paji02{flex:0 0 100%;order:3}
.paji01{flex:0 0 100%;order:4;text-align:center}
.paji02 img, .paji03 img{float:none;margin:0 auto}
.artiPhotoBox li span{font-size:11px;text-align:center;padding:0 6px}
.grilleTapis li{flex:0 0 100%}
.homeBloc.homeBlocSell{padding:var(--space32) 0}
}
/* max 480px */
@media screen and (max-width:30em){
.grilleAlpha li h3{display:block;padding:8px 4px;margin:0 auto;line-height:1.1;font-weight:600}
.grilleAlpha li h3 span{display:block;text-align:center}
.catNav{font-size:13px}
.grilleObj li a h2{font-size:13px}
.subNav{justify-content:center;gap:16px}
}