@charset "UTF-8";
/* ------ */
/* SLIDEHOME */
/* ------ */

.slidePanoramaBoxWrap { position:relative; clear:both; width:100%; max-width:100vw; margin:0 auto; padding:0; z-index:0; }
.slidePanoramaBox { position:relative; height:auto; width:100%; max-width:100vw; margin:0 auto; padding:0; z-index:1; text-align:center; }
.slidePanoramaBox .item { position:relative; padding:0; max-width:100%; }
/* --- */
.slidePanoramaBox .item .item-wrap { position:absolute; padding:0; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
/* --- */
/* banniere */
.slidePanoramaBox .item .item-bkg { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:center center no-repeat; background-size:cover; }
/* --- */
/* texte */
.slidePanoramaBox .item .item-text { position:relative; padding:0.75rem; color:var(--site-blanc) !important; font-size:100% !important; background:rgba(0,0,0,0.3); }
.slidePanoramaBox .item .item-text h2 { font-size:140%; padding:0 0 10px 0; color:var(--site-blanc) !important; font-style:normal; font-weight:normal !important; }
.slidePanoramaBox .item .item-text h4 { padding:0 0 10px 0; color:var(--site-blanc) !important; font-style:normal; font-weight:normal !important; }
.slidePanoramaBox .item .item-link { position:relative; }
.slidePanoramaBox .item .item-link a { font-size:100%; padding-top:0.5rem; padding-bottom:0.5rem; }
/* --- */
/* photo */
.slidePanoramaBox .item img.item-img { position:relative; display:block; width:100%; max-width:100%; }
/* --- */
@media screen and (max-width:575px) {
	.slidePanoramaBox .item .item-wrap { position:absolute; padding:0.5rem; display:flex; justify-content:center; align-items:center; top:0; left:0.5rem; right:0.5rem; bottom:0; width:auto; }
	/*.slidePanoramaBox .item .item-wrap { position:relative; padding:0.5rem; top:auto; left:auto; right:auto; bottom:auto; }*/ /* bloc text en dessous */
	/* --- */
	.slidePanoramaBox .item .item-text { padding:1rem; }
	.slidePanoramaBox .item .item-text h2 { font-size:200%; }
	.slidePanoramaBox .item .item-link a { font-size:100%; padding-top:0.5rem; padding-bottom:0.5rem; }
}
@media screen and (min-width:576px) {
	.slidePanoramaBox .item .item-text { padding:2rem }
	.slidePanoramaBox .item .item-text h2 { font-size:260%; font-weight:lighter; }
	.slidePanoramaBox .item .item-link a { font-size:110%; padding-top:0.5rem; padding-bottom:0.5rem; }
	.slidePanoramaBox .item .item-link a .fi { width:28px; height:28px; font-size:28px; } 
}
@media screen and (min-width:992px) {
	.slidePanoramaBox .item .item-text { padding:3rem }
	.slidePanoramaBox .item .item-text h2 { font-size:340%; font-weight:lighter; }
	.slidePanoramaBox .item .item-link a { font-size:120%; padding-top:0.75rem; padding-bottom:0.75rem; }
	.slidePanoramaBox .item .item-link a .fi { width:32px; height:32px; font-size:32px; } 
}
/* ------ */
/* dots */
.slidePanoramaBox .slick-dots { bottom:-35px; }
/* --- */
/* arrows */
.slidePanoramaBox .slick-prev, .slidePanoramaBox .slick-next { z-index:2; width:28px; height:28px; -webkit-transition:all 0.5s; transition:all 0.5s; }
.slidePanoramaBox .slick-prev::before, .slidePanoramaBox .slick-next::before { font-size:28px; font-family:var(--site-fontawesome-fam); }
.slidePanoramaBox .slick-prev { left:1% !important; }
.slidePanoramaBox .slick-next { right:1% !important; }
.slidePanoramaBox .slick-prev::before { content:'\f137'; font-weight:900; }		/* fas fa-solid fa-circle-chevron-left */
.slidePanoramaBox .slick-next::before { content:'\f138'; font-weight:900; }		/* fas fa-solid fa-circle-chevron-right */
.slidePanoramaBox .slick-prev { display:none !important; }
/* --- */
@media screen and (min-width:992px) {
	.slidePanoramaBox .slick-prev, .slidePanoramaBox .slick-next { width:32px; height:32px; }
	.slidePanoramaBox .slick-prev::before, .slidePanoramaBox .slick-next::before { font-size:32px; }
	.slidePanoramaBox:not(:hover) .slick-prev, .slidePanoramaBox:not(:hover) .slick-next { opacity:0 !important; }
}
/* ------ */
/* scrollToMe */
/*.slidePanoramaBoxWrap .scrollToMe#slidehome-scrollToMe { display:none !important; }*/
.slidePanoramaBoxWrap .scrollToMe#slidehome-scrollToMe { display:block !important; }
/* tablet - desktop */
@media screen and (min-width:769px) {
	.slidePanoramaBoxWrap .scrollToMe#slidehome-scrollToMe { display:block !important; }
}
.slidePanoramaBoxWrap .scrollToMe#slidehome-scrollToMe > div { opacity:0; }
.slidePanoramaBoxWrap:hover .scrollToMe#slidehome-scrollToMe > div { opacity:1; }
/* ------ */
/* HEADER après SLIDEHOME */
.slidePanoramaBoxWrap ~ #headerMainWrap { padding-top:0 !important; }
.slidePanoramaBoxWrap ~ #headerMainWrap aside { top:5px !important; }
/* ------ */
/* ------ */
/* FULL SCREEN */
.slidePanoramaBox, 
.slidePanoramaBox .slick-list, 
.slidePanoramaBox .slick-track, 
.slidePanoramaBox .item { min-height:100vh !important; }
/* ------ */

/* ------ */
/* ANIMATION */
.slidePanoramaBox .item .item-wrap { -webkit-transition:all 1.5s; transition:all 1.5s; }
/* A- slide - depuis LEFT */
/*
.slidePanoramaBox .slick-list .item:not(.slick-active) .item-wrap { opacity:0 !important; left:-100vw; }
.slidePanoramaBox .item.slick-active .item-wrap { opacity:1 !important; left:0; }
*/
/* B- slide - depuis TOP */
/*
.slidePanoramaBox .slick-list .item:not(.slick-active) .item-wrap { opacity:0 !important; left:0; top:-100vh; }
.slidePanoramaBox .item.slick-active .item-wrap { opacity:1 !important; left:0; top:0; }
*/
/* C- slide - depuis BOTTOM */
/*
.slidePanoramaBox .slick-list .item:not(.slick-active) .item-wrap { opacity:0 !important; left:0; bottom:-100vh; }
.slidePanoramaBox .item.slick-active .item-wrap { opacity:1 !important; left:0; bottom:0; }
*/
/* Z- slide - ZOOM IN */
.slidePanoramaBox .item:not(.slick-active) .item-wrap { opacity:0 !important; transform:scale(0) !important; }
.slidePanoramaBox .item.slick-active .item-wrap { opacity:1 !important; transform:scale(100%) !important; }
/*
*/

/* ------ */
/* SPECIAL PFL */
/* item-wrap - slide - centré */
.slidePanoramaBox .item .item-wrap > div { justify-content:center; align-items:center; }
.slidePanoramaBox .item .item-text h2 { text-shadow:0 0 2px #333; }
/* ------ */