/* CSS Document */
/* -------------------------------- Pop-in ----------------------------------------- */

#pop_in {
	position:absolute;
	width:100vw;
	height:100vh;
	top: 0;
	left:0;
	bottom: 0;
	right: 0;
	display:none;
	z-index:6666;
	text-align: center;
	background:url("/pics/home/fd_pop_in.jpg") center center no-repeat;
	background-size: cover;
}
.btnvideo {
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}
.btnvideo img {
	max-width: 20vw;
	height:auto;
}
.btnaccess {
	position: absolute;
	left:50%;
	bottom:20px;
	transform: translateX(-50%);
	display:inline-block;
	padding: 2px 10px;
	background-color:#EA5901;
	color:#FFFFFF;
	font-weight:bold;
	border-radius:6px;
	cursor: pointer;
	z-index:7777;
}
#divovervideo {
	position:absolute;
	width:100vw;
	height:100vh;
	top: 0;
	left:0;
	bottom: 0;
	right: 0;
	display:none;
	z-index:8888;
	background-color:#FFFFFF;
}
video {
	display: block;
	margin-right: auto;
	margin-left: auto;
	/*max-height: 100%;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);*/
}
body.home {background-image:none;}
.home h1 {
	text-transform: none;
	color:#17e39e;
	line-height: normal;
	text-align: left;
	font-size: 32px;
}
.divhomeheader {
	min-height:80vh;
}
.divhomeheader .live {
	width:48%;
	padding:0 40px;
	position: absolute;
	top:2%;
	left: 2%;
	line-height: 1;
}
.home .live .livevideo {max-height:100%; min-height:50vh;overflow: hidden;}
.home .live .livevideo.off {background:rgba(0,0,0,0.5);}
.btnchat {
	float:right;
	color:#FFFFFF;
	background-color:#EA5901;
	border-radius: 0 0 20px 20px;
	padding: 12px 20px;
	margin: 0 30px 0 0;
	text-decoration: none;
}
.btnchat:hover {
	color:#EA5901;
	background-color:#FFFFFF;
	text-decoration: none;
}
.divhomeheader .divtxt {
	font-size: 0.9vw;
	width:46%;
	padding:0 140px;
	position: absolute;
	top:2%;
	right: 4%;
	/*transform: translateY(-50%);*/
	text-align: center;
	background:url("/pics/home/fd_header_divtxt.png") center center;
	background-size: contain;
	background-repeat: no-repeat;
	height:96%;
}
.divhomeheader h2 {
	text-transform: none;
	color: #17e39e;
	font-size: 1.3vw;
	line-height: normal;
	padding: 0;
	margin: 0 0 20px 0;
	background-image: none;
}
.divhomeheader .divtxt .liretout {
	display:none;
	cursor: pointer;
	z-index: 2;
}
.fd_header {
	background-image:url("/pics/home/fd_header.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}
.pl-100 {padding-left:100px;max-width: 640px;}
@media (min-width: 1680px) {
	.pl-100 {
		padding-left:10vw;
		max-width: 80vw;
	}
}
#homepopup {
	position: absolute;
	z-index: 998;
	background-color: #fff;
	display: none;
	width: 100% !important;
	height: auto !important;
	font-size: 130% !important;
}
.home .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
	position:absolute !important;
	height:auto !important;
	top:10vh !important;
	width:60vw !important ;
	left:20vw !important ;
	right:20vw !important ;
	border:0;
	border-radius:0;
	padding: 0;
}
.home .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
	border:0;
	padding:0;
	height: 40px;
	border-radius: 0;
	background-color: #1D6A99;
}
#homepopup .btn-primary, #homepopup .btn-primary:focus, #homepopup .btn-primary.focus {
	background: #1D6A99;
	outline: none;
}
#homepopup .btn-primary:hover {background: #000000;}
#homepopup h2 {color:#1D6A99;}

#sectionpourquoiexposer .tit1, #sectionpourquoivisiter .tit1 {font-size: 28px;font-family: 'gosha-bold';color:#17e39e;text-transform: uppercase;}

.picto {
	background-color:#FFFFFF;
}
.videoappli {margin-bottom:-240px;}
.actu .divimg {box-shadow: 0 4px 50px rgba(60, 8, 83, 0.25);}
/* -------------------------------------- suivez-nous ---------------------------------------------- */ 
.div1mur {
	width:100%;
	margin-top: 10px;
	border-radius: 20px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	background-color:#FFFFFF;
	font-size: 12px;
}
.div1mur .img-fluid {border-top-right-radius:20px;border-top-left-radius:20px;}
.div1mur .nomedia {height:60px;}
.div1mur .pastille {display:inline-block;position: absolute;top:15px;left:15px;border-radius:40px;padding: 5px 15px;font-family: 'gosha';font-size: 14px;}
.div1murqui {margin:18px;}
.w-20 {width:20%;}

.owl-stage-outer {
	padding: 0 20px;
}
.owl-stage {height:120px;}
.owl-carousel .owl-item {
	height:100%;
}
.owl-carousel .item {
	padding: 10px;
	display:flex;
	height:100%;
}
.owl-carousel .item a {
	display:flex;
	width:100%;
	height:100%;
	margin: auto; /* eh oui, tout bêtement */
}
.owl-carousel .owl-item img {
	max-width: 220px;
	max-height: 100px;
	display:block;
	margin: auto;
}
.div1evt {border-radius:20px;overflow: hidden;margin: 40px 0;box-shadow: 10px 10px 20px #D6D6D6;}
.div1evt img {max-width:100%; height: auto;}
@media (max-width: 1680px) {
}
@media (max-width: 1199.98px) {
	.home .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
		width:70vw !important ;
		left:15vw !important ;
		right:15vw !important ;
	}
	.jours, .heures, .minutes {margin-right: 6px;margin-left:6px;}
	.pl-100 {padding-left:0;max-width: 100%;}
}
@media (max-width: 991.98px) {
	.btnvideo img {width: 100px;height:100px;max-width: 100px;}
	.home h1 {font-size: 2.6vw;}
	.visuel {max-width: 50%; height:auto;}
	.divhomeheader {min-height:100vh;}
	.fd_header {background-position: left top 100px;}
	.divhomeheader {height:auto; padding-top:100px;}
	.owl-carousel .owl-item img {max-width: 100%;}
	video {max-width: 100%;height: auto;}
}
@media (max-width: 767.98px) {
	#pop_in .fdblanc {padding:20px 0 80px 0 !important;}
	#pop_in {background-position:left center;}
	.btnaccess {bottom:25%;}
	.home h1 {font-size: 20px;}
	#homepopup {font-size: 100% !important;}
	.home .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {top:10vh !important; width:100vw !important; left:0vw !important; right:0vw !important;}
	.divtxtmore {
		height:108px;
		overflow: hidden;
	}
	.divtxtmore.deplie {
		height:auto;
	}
	.divbtn {
		height:12vh;
	}
	.divbtn a {margin:20px auto;}
	.visuel {max-width: 80%; height:auto;}
	.videoappli {margin-bottom:40px;}
	.suivez-nous {
		background-image: url("/pics/fonds/fd_suivez-nous_d.png"), url("/pics/fonds/fd_suivez-nous_b.png"), url("/pics/fonds/fd_suivez-nous_g.png"), url("/pics/fonds/fd_suivez-nous_h.png"), radial-gradient(#FFFFFF, #A7D8A9);
		background-position: right top 20%, left 20% bottom, left center, right top, center center;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
		background-size: 20% auto, 20% auto, auto 100%, 40% auto, auto;
		font-size: 14px;
	}
	.div1evt {margin: 20px 0;}
}
@media (max-width:575.98px){
	.divhomeheader {
	}
}