@charset "UTF-8";
/* ------ */
/* MODAL POPUP */
/* Magnificpopup */
/* ------ */
:root {
	--mfp-scrollbar-width:	17px;		/*scrollbar*/
}
/* ------ */
/* FULL PAGE */ 
.mfp-container { position:fixed; overflow:hidden auto; width:auto; max-width:100vw; height:auto; min-height:100vh; left:0; right:0; top:0; bottom:0; margin:0; padding:0; box-sizing:border-box; }
/* ------ */
/* BUTTON TOP - mfp-close */
.mfp-container .mfp-content #siteBox_PopupModal .template_modal_header button.mfp-close.btClose_PopupModal { position:fixed; content:''; cursor:pointer; z-index:999999; 
top:0.25rem; right:calc(0.25rem + var(--mfp-scrollbar-width)); width:48px; height:48px; border-radius:100px !important; }
.mfp-container .mfp-content #siteBox_PopupModal .template_modal_header button.mfp-close.btClose_PopupModal:not(:hover) { background-color:rgba(255,255,255,0.5) !important; }
.mfp-container .mfp-content #siteBox_PopupModal button.mfp-close > .fi { position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; }
/* ------ */

/* ------ */
/* popup IMAGE - IFRAME - VIDEO */
@media screen and (max-width:991px) {
	.mfp-container.mfp-image-holder .mfp-content { overflow:hidden; max-width:98% !important; }
	.mfp-container.mfp-iframe-holder .mfp-content { overflow:hidden; max-width:98% !important; max-height:98% !important; height:98% !important; }
	.mfp-container.mfp-image-holder .mfp-content .mfp-iframe-scaler { margin-left:30px !important; margin-right:30px !important; width:100% !important; }
	.mfp-container.mfp-image-holder .mfp-content .mfp-iframe-scaler,
	.mfp-container.mfp-iframe-holder .mfp-content .mfp-iframe-scaler iframe { top:40px !important; left:0 !important; right:0 !important; width:100% !important; height:calc(100% - 40px) !important; }
}
@media screen and (min-width:992px) {
	.mfp-container.mfp-image-holder .mfp-content { overflow:hidden; max-width:calc(100% - 60px) !important; }
	.mfp-container.mfp-iframe-holder .mfp-content { overflow:hidden; max-width:calc(100% - 60px) !important; max-height:98% !important; height:98% !important; }
	.mfp-container.mfp-iframe-holder .mfp-content .mfp-iframe-scaler { margin-left:30px !important; margin-right:30px !important; width:calc(100% - 60px) !important; }
	.mfp-container.mfp-iframe-holder .mfp-content .mfp-iframe-scaler iframe { top:0 !important; left:30px !important; right:30px !important; width:calc(100% - 60px) !important; height:100% !important;	}
}
/* ------ */
/* btn-close */
.mfp-container.mfp-image-holder .mfp-content .mfp-close,
.mfp-container.mfp-iframe-holder .mfp-content .mfp-close { position:fixed !important; top:0 !important; right:0 !important; text-align:center !important; margin:0 !important; padding:0 !important; }
/* btn-close - galerie arrows */
.mfp-container.mfp-image-holder .mfp-content .mfp-close,
.mfp-container.mfp-iframe-holder .mfp-content .mfp-close { width:60px !important; height:60px !important; background:rgba(255,255,255,0.0); border-radius:100%; }
.mfp-container.mfp-image-holder .mfp-arrow,
.mfp-container.mfp-iframe-holder .mfp-arrow { margin-top:-30px !important; width:60px !important; height:60px !important; background:rgba(255,255,255,0.0); border-radius:100%; }
/* --- */
.mfp-container.mfp-image-holder .mfp-content .mfp-close:hover,
.mfp-container.mfp-iframe-holder .mfp-content .mfp-close:hover,
.mfp-container.mfp-image-holder .mfp-arrow:hover,
.mfp-container.mfp-iframe-holder .mfp-arrow:hover { background:rgba(255,255,255,0.3); border-radius:100%; }
/* --- */
/* btn-close - galerie arrows */
.mfp-container .mfp-arrow .mfp-b,
.mfp-container .mfp-arrow .mfp-a,
.mfp-container .mfp-arrow::before,
.mfp-container .mfp-arrow::after { position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; margin:0 !important; padding:0 !important; }
.mfp-container .mfp-arrow.mfp-arrow-left::before,
.mfp-container .mfp-arrow.mfp-arrow-left::after { left:40% !important; margin:0 !important; padding:0 !important; }
.mfp-container .mfp-arrow.mfp-arrow-right::before,
.mfp-container .mfp-arrow.mfp-arrow-right::after { left:60% !important; margin:0 !important; padding:0 !important; }
/* ------ */
.mfp-container .mfp-content #siteBox_PopupModal { min-height:100vh; display:flex; flex-direction:column; align-items:stretch; }
.mfp-container .mfp-content #siteBox_PopupModal section { flex:1 1 auto; }
/* --- */
.mfp-container .mfp-content #siteBox_PopupModal { background-color:var(--bs-white); /*max-width:1600px;*/ }
.mfp-container .mfp-content #siteBox_PopupModal:not(.siteBloc_Formuler) { margin:0 auto; }

/* ------ */
/* MODAL - Titre Top */
.mfp-container .mfp-content #siteBox_PopupModal h4.sitePageTitre { display:block; padding:10px 20px; margin-bottom:20px; text-align:center; color:var(--site-tpl-col-main); }

/* MODAL - Titre */
.mfp-container .mfp-content #siteBox_PopupModal h4.site_Formuler_Title, 
.mfp-container .mfp-content #siteBox_PopupModal h4.bloc_popup_modal_Title { display:block; padding:10px 20px; margin-bottom:20px; text-align:center; color:var(--bs-white); background:var(--site-tpl-col-main); }
/* ------ */
/* MODAL - ARTICLE */
.mfp-container .mfp-content #siteBox_PopupModal figure img,
.mfp-container .mfp-content #siteBox_PopupModal article.artListe img { width:auto; max-width:100% !important; }/**/
/* ------ */
/* MODAL - WOW.js -> on desactive */
.mfp-container .mfp-content #siteBox_PopupModal .wow { visibility:visible !important; animation-name:none !important; }
/* ------ */
/* MODAL - Editeur CKEditor */
.mfp-container .mfp-content #siteBox_PopupModal.siteBloc_Formuler .cke_chrome { margin:0 3px !important; }
/* ------ */
/* footer label */
.mfp-container .mfp-content #siteBox_PopupModal footer label { display:inline-block; min-width:25%; }
@media screen and (min-width:576px) {
.mfp-container .mfp-content #siteBox_PopupModal footer label { display:block; min-width:100%; }
}
/* ------ */
/* SCROLL TO TOP MODAL */
.mfp-container #scrollToTopModal { position:fixed; content:''; bottom:0; left:100vw; cursor:pointer; z-index:999999; }
.mfp-container #scrollToTopModal > div { display:none; position:absolute; width:48px; height:48px; bottom:0.75rem; right:1.0rem; border-radius:100%; background:rgba(255,255,255,0.2); }
.mfp-container #scrollToTopModal > div::after { position:absolute; content:''; top:50%; left:50%; transform:translate(-50%,-50%);
/*triangle CSS*/ width:0; height:0; border-style:solid; border-width:0 12px 16px 12px; border-color:transparent transparent var(--bs-secondary) transparent; 
-webkit-transition:all 0.25s; transition:all 0.25s; }
.mfp-container #scrollToTopModal > div:hover { background:rgba(255,255,255,0.8); }
.mfp-container #scrollToTopModal > div:hover::after { border-width:0 12px 24px 12px; top:calc(50% - 4px); border-color:transparent transparent var(--site-tpl-col-main); }

/* ------ */
/* custom ALERT POPUP */
/* ------ */
#alertBox { position:fixed; overflow:hidden auto; width:auto; max-width:100vw; height:auto; min-height:100vh; left:0; right:0; top:0; bottom:0; margin:0; padding:0; 
box-sizing:border-box; z-index:99999998; background-color:rgba(0,0,0,0.3); }
#alertBox { display:none; }
#alertBox #alertBox-panel { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; min-width:98vw; max-width:98vw; height:auto; min-height:240px; max-height:98vh; border-radius:8px; }
@media screen and (max-width:767px) {
	#alertBox #alertBox-panel { min-width:98vw; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	#alertBox #alertBox-panel { min-width:75vw; }
}
@media screen and (min-width:992px) and (max-width:1399px) {
	#alertBox #alertBox-panel { min-width:60vw; }
}
@media screen and (min-width:1400px) {
	#alertBox #alertBox-panel { min-width:50vw; }
}
/* --- */
#alertBox #alertBox-panel { overflow:hidden; }
#alertBox #alertBox-panel article { overflow:auto; }
/* --- */
/* BUTTON TOP - alertBox-close */
#alertBox #alertBox-panel button#alertBox-close { position:absolute; display:block; content:''; top:0.25rem; right:0.25rem; cursor:pointer; z-index:99999999;
width:48px; height:48px; padding:0 !important; margin:0 !important; border-radius:100px !important; }
#alertBox #alertBox-panel button#alertBox-close:not(:hover) { background-color:rgba(255,255,255,0.5) !important; }
#alertBox #alertBox-panel button#alertBox-close > .fi { color:var(--bs-secondary); 
position:absolute !important; top:50% !important; left:50% !important; -webkit-transform:translate(-50%,-50%) !important; transform:translate(-50%,-50%) !important; }
#alertBox #alertBox-panel button#alertBox-close:hover > .fi { color:var(--site-tpl-col-main); }
/* --- */
/* footer */
/* CONFIRM buttons */
#alertBox footer { display:none; }
/* ------ */