@charset "UTF-8";
/* ------ */
/* MEDIAS */
/* ------ */
img { max-width:100%; }

/* ------ */
/* GALERIES-MEDIAS */
/* ------ */
.mediasGalerieWrap { max-width:var(--site-art-max-width); padding:0; margin:0 auto 1rem; } /* 965 = (960 + 0.5%) */
.mediasGalerieWrap figure { display:block; position:relative; text-align:center; }
/* --- */
.mediasGalerieWrap figure a { display:inline-block; position:relative; margin:0 auto; text-align:center; max-width:var(--site-art-max-width-img); }
.mediasGalerieWrap figure:hover figcaption { opacity:1; }
/* --- */
/* GALERIES-PHOTOS - GALERIES-PICTOS */
.mediasGalerieWrap.mediasGalPhotos figure img { max-height:94vh; max-width:100%; padding:0 !important; margin:0 !important;	}
/* --- */
/* GALERIES-BOOKLET (PHOTOS) */
.mediasGalerieWrap.booklet { max-height:94vh !important; }
.mediasGalerieWrap.booklet figure { max-height:100% !important; padding:0 !important; margin:0 !important; }
.mediasGalerieWrap.booklet .b-tab:hover,
.mediasGalerieWrap.booklet .b-tab { padding:0 !important; top:100% !important; width:unset !important; height:unset !important;
color:transparent !important; background-color:transparent !important; border:0 !important; 
-webkit-transition:all 0.25s; transition:all 0.25s; }
.mediasGalerieWrap.booklet .b-overlay { width:10% !important; min-width:70px; } /* au lieu de 50% */
.mediasGalerieWrap.booklet .btnBooklet, 
.mediasGalerieWrap.booklet ~ div.btnBookletControls button.btnBooklet, 
.mediasGalerieWrap.booklet .btnBooklet:hover,
.mediasGalerieWrap.booklet ~ div.btnBookletControls button.btnBooklet:hover { margin-top:0.25rem !important; padding:0.5rem 0.65rem !important; /*border:0 !important;*/ border-radius:100% !important; }

/* --- */
.mediasGalerieWrap.booklet .b-tab { border-bottom:0; border-radius:50px 50px 0 0; -webkit-transition:all 0.25s; transition:all 0.25s; 
color:#6c757d; background-color:var(--bs-white); border:1px solid var(--site-gris-clair); }
.mediasGalerieWrap.booklet .b-tab:hover { background-color:var(--site-gris-clair); color:var(--bs-white); }
.mediasGalerieWrap.booklet .b-overlay { width:10% !important; min-width:60px; } /* au lieu de 50% */
/* controls en haut */
.mediasGalerieWrap.booklet { padding-top:50px !important;/*pour controls*/ }
.mediasGalerieWrap.booklet .btnBookletControls,
.mediasGalerieWrap.booklet .btnBookletControls:hover,
.mediasGalerieWrap.booklet .b-tab:hover,
.mediasGalerieWrap.booklet .b-tab { top:-50px !important; }

/* --- */
/* GALERIES-SLIDER (SLICK) - PHOTOS/VIDEOS */
.mediasGalerieWrap.mediasGalSlider figure { max-height:94vh; }
.mediasGalerieWrap.mediasGalSlider figure img { max-height:94vh !important; max-width:100% !important; width:auto !important; }
.mediasGalerieWrap .slick-track { display:flex !important; align-items:center !important; }
.mediasGalerieWrap .slick-track > figure { float:none !important; }
.mediasGalerieWrap .slick-prev, 
.mediasGalerieWrap .slick-next { z-index:12 !important; width:auto !important; height:auto !important; } 
.mediasGalerieWrap .slick-prev { left:10px !important; } 
.mediasGalerieWrap .slick-next { right:10px !important; }
.mediasGalerieWrap .slick-prev::before, 
.mediasGalerieWrap .slick-next::before { font-size:32px !important; color:var(--site-btn-col) !important; opacity:0.0 !important; -webkit-transition:all 0.25s; transition:all 0.25s; }
.mediasGalerieWrap:hover .slick-prev::before, 
.mediasGalerieWrap:hover .slick-next::before { opacity:0.5 !important; }
.mediasGalerieWrap .slick-prev:hover::before, 
.mediasGalerieWrap .slick-next:hover::before { opacity:1.0 !important; }
/* --- */
/* GALERIES-VIDEOS */
.mediasGalerieWrap.mediasGalVideos figure { max-height:unset !important; }
/* ------ */
/* GALERIES-PLAYLIST - MUSICS PLAYER */
.mediasGalPlaylist ul.list-group li.playing a { font-weight:bold; }

/* ------ */
/* MEDIAS form */
/* ------ */
/* input file - dropzone */
form input[type="file"] { display:inline-block !important; background:var(--bs-white); border-width:3px !important; border-style:dotted !important; border-color:var(--bs-gray-400); padding:20px !important; cursor:pointer; }
form input[type="file"]:hover { border-width:3px !important; border-style:dashed !important; border-color:var(--bs-gray-400); }
/* multiple */
form input[type="file"][multiple] { padding:50px !important; }
/* --- */
#boxMedias_Listing > div figure div.bg-light { opacity:0.75; }
#boxMedias_Listing > div:hover figure div.bg-light { opacity:1.0; }
/* ------ */
/* input range (slide) */
form input.inputRange { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; border:0; opacity:0; z-index:2; cursor:pointer; }
form div.inputRangeSlide { position:relative; height:8px; cursor:pointer; background:var(--bs-gray-200); }
form div.inputRangeSlide > div:first-child { position:relative; height:8px; cursor:pointer; background:var(--bs-green); }
form div.inputRangeOutput {
	position:absolute; display:block; content:""; min-height:28px; right:-3px; top:-12px; line-height:24px; 
	border:1px solid #aaa; background:#f8f8f8; border-radius:3px; 
}

/* ------ */
/* UPLOAD - box_preview */
/* ------ */
form div.LblVal .box_preview .preview-item.preview-item-photo img { width:auto !important; max-width:200px !important; min-width:100px !important; height:auto !important; max-height:200px !important; min-height:50px !important; }
form div.LblVal .box_preview_vidurl .preview-video-url iframe,
form div.LblVal .box_preview .preview-item.preview-item-video video { width:100% !important; min-width:120px !important; max-width:200px; max-height:150px; }
form div.LblVal .box_preview .preview-item.preview-item-music audio { width:100% !important; min-width:120px !important; }
/* ------ */
/* delcheck */
.delcheck { cursor:pointer !important; }
/* ------ */
/* deplacer */
.siteBt_Media_Sortable:hover { cursor:move !important; }
/* ------ */
/* MEDIA - PHOTO / VIDEO / MUSIC / FILE*/
figure.siteMedia_aff { margin:0 !important; width:100%; display:inline-block; max-width:100%; }
figure.siteMedia_aff img { width:auto !important; width:height !important; }
@media screen and (max-width:575px) {
	figure.siteMedia_aff,
	figure.siteMedia_aff video,
	figure.siteMedia_aff iframe,
	figure.siteMedia_aff img { max-width:100%; max-height:200px; }
}
@media screen and (min-width:576px) and (max-width:767px) {
	figure.siteMedia_aff,
	figure.siteMedia_aff video,
	figure.siteMedia_aff iframe,
	/*figure.siteMedia_aff img { max-width:min(360px, 50vw); max-height:min(270px, 30vw); }*/
	figure.siteMedia_aff img { max-width:min(320px, 80vw); max-height:min(240px, 60vw); }
}
@media screen and (min-width:768px) {
	figure.siteMedia_aff,
	figure.siteMedia_aff video,
	figure.siteMedia_aff iframe,
	/*figure.siteMedia_aff img { max-width:min(480px, 50vw); max-height:min(360px, 30vw); }*/
	figure.siteMedia_aff img { max-width:min(320px, 40vw); max-height:min(240px, 30vw); }
}
/* ------ */
/* VIDEO - cover */
.fullscreen video,
.videoCover video,
video,
video.videoCover { object-fit:cover; }
/* ------ */
/* VIDEO - FULLSCREEN */
.fullscreen { position:absolute !important; overflow:hidden; top:0 !important; left:0 !important; bottom:0 !important; right:0 !important; min-width:100vw !important; min-height:100vh !important; }
/*
.fullscreen iframe.responsive-video { position:absolute !important; top:50% !important; left:50% !important; width:100vw; height:100vh; -webkit-transform:translate(-50%, -50%) !important; transform:translate(-50%, -50%) !important; }
.fullscreen iframe.responsive-video { width:max( 100vw, calc( 100vh * 4/3 ) ) !important; height:max( 100vh, calc( 100vw * 4/3 ) ) !important; }
*/

/* ------ */
/* icones rotation + delete */
input.checkboxInput ~ label .fa-trash-can,
label.checkboxLabel > .fi,
label.radioLabel > .ico-rotation { color:var(--site-tpl-col-main); -webkit-transition:all 0.25s; transition:all 0.25s; }
label.radioLabel:hover > .fa-arrow-rotate-right { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
label.radioLabel:hover > .fa-arrow-rotate-left { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }
label.radioLabel:hover > .fa-arrows-rotate { -webkit-transform:rotate(180deg); transform:rotate(180deg); }

/* ------ */
/* MEDIAS - box Photo/Vidéo/Music */
div.sitePhoto_aff, div.siteVideo_aff, div.siteMusic_aff { position:relative; display:inline-block; overflow:hidden; width:50%; }
/* MEDIAS - PREVIEW	*/
form p > div.img_preview { padding-top:5px; }
form p > div.img_preview img { display:inline-block; max-width:150px; max-height:150px; }
/* ------ */