/* 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;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
body.home {background-image:none;}
.home h1 {
	font-family: 'Montserrat-bold';
	text-transform: none;
	color:#005EA8;
	padding:0;
	margin: 0;
	font-size: 1.8vw;
	line-height: normal;
}
.divhomeheader {
	height:100vh;
	padding-top:134px;
	background-image: linear-gradient(#FFFFFF,#A7D8A9);
}
.fd_header {
	background-image:url("/pics/home/fd_header_700.png");
	background-position: left 24% center;
	background-repeat: no-repeat;
}
@media (min-height: 1000px) {.fd_header {background-image:url("/pics/home/fd_header_1000.png");}}
@media (min-height: 700px) {.fd_header {background-image:url("/pics/home/fd_header_700.png");}}
.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: #005EA8;
	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;
}
#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;
}
.btn-primary {
	background-color:transparent;
}
#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;}

/* KK COUNT DOWN */
.homekk {
	width: 120px;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: 20px;
	color:#005EA8;
}
.kkcountdown-box {
	height:100%;
	width: 100%;
	display: block;
	word-wrap: break-word;
	text-align: center;
}
.jours, .heures, .minutes {
	display: block;
	background-color: #FFFFFF;
	float: left;
	border-radius: 300px;
	border-bottom-left-radius: 0;
	height:120px;
	padding-top:24px;
	width:120px;
	margin:0 0 20px 0;
}
.minutes {margin-bottom: 0;}
.secondes {clear: both;height:0;overflow: hidden;display: none;}
.kkcountdown span:first-child {
	display: block;
	font-size: 36px;
	height: 48px;
	font-family: 'Montserrat-bold';
}
.kkcountdown span:nth-child(2) {
	display: block;
	font-size: 18px;
}
#sectionpourquoiexposer, #sectionpourquoivisiter {
	background-image: url("/pics/fonds/fd_exposer_g.jpg"), url("/pics/fonds/fd_exposer_d.jpg");
	background-position: left center, right center;
	background-repeat: no-repeat, no-repeat;
	background-size: contain, contain;
	font-size: 16px;
}
#sectionpourquoiexposer .tit1, #sectionpourquoivisiter .tit1 {font-size: 28px;font-family: 'Montserrat-bold';color:#00965E;text-transform: uppercase;}
.picto {
	background-color:#FFFFFF;
}
.videoappli {margin-bottom:-240px;}
/* -------------------------------------- suivez-nous ---------------------------------------------- */ 
.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: auto, auto, auto, auto, auto;
	font-size: 14px;
}
.div1mur {
	width:100%;
	margin-top: 10px;
	border-radius: 40px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	background-color:#FFFFFF;
}
.div1mur .img-fluid {border-top-right-radius:40px;border-top-left-radius:40px;}
.div1mur .nomedia {height:60px;}
.div1mur .pastille {display:inline-block;position: absolute;top:15px;left:15px;border-radius:40px;padding: 5px 15px;}
.div1murqui {margin:10px;}
.w-20 {width:20%;}

.owl-stage-outer {
	padding: 0 20px;
}
.owl-carousel .owl-item img {
	max-width: 120px;
	max-height: 60px;
}
.owl-carousel .item {
	padding: 20px 30px;
	height:100px;
	border:1px solid #575656;
	border-radius:80px;
}
.owl-carousel .item a {
	margin: auto; /* eh oui, tout bêtement */
}
#autrevt {
	/*background-image: url("/pics/fonds/fd_evt_d.png"), url("/pics/fonds/fd_evt_g.png"), radial-gradient(#FFFFFF, #A7D8A9);*/
	background-image: url("/pics/fonds/fd_evt_g.png");
	/*background-position: right bottom, left 0 top, center center;*/
	background-position: left 0 top;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: auto, auto, auto;
}
.div1evt {border-radius:120px 120px 120px 0;overflow: hidden;margin: 40px 0;box-shadow: 10px 10px 20px #D6D6D6;}
.div1evt img {max-width:100%; height: auto;}
@media (min-width: 1380px) {
	.divhomeheader {padding-top:150px;}
}
@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;}
}
@media (max-width: 991.98px) {
	.btnvideo img {width: 100px;height:100px;max-width: 100px;}
	.home h1 {font-size: 2.6vw;}
	.divhomeheader .divtxt {font-size: 14px; padding:10px 20px;}
	.divhomeheader {padding-top:90px;}
	.divhomeheader p, .divhomeheader ul {font-size: 1.3vw;}
	.jours, .heures, .minutes {height:80px;padding-top:14px;width:80px;margin-right: 10px;margin-left:10px;}
	.kkcountdown span:first-child {font-size: 24px;height: 30px;}
	.kkcountdown span:nth-child(2) {font-size: 14px;}
	#sectionpourquoiexposer {background-position: right -270px top 5px;}
	#sectionpourquoiexposer .tit1 {font-size: 20px;}
	#sectionpourquoiexposer .tit2 {font-size: 18px;}
	#sectionpourquoiexposer, #sectionpourquoivisiter {
		background-position: left top, right bottom;
		background-size: auto 50%, auto 50%;
	}
}
@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;}
	.divhomeheader {
		min-height:100vh;
		height:auto;
	}
	.fd_header {
		background-image:url("/pics/home/fd_header_mobile.jpg");
		background-color: #A7D8A9;
		background-position: center top;
		background-size: contain;
	}
	.divhomeheader p, .divhomeheader ul {font-size: 16px;}
	.divhomeheader .live {
		width:100%;
		padding:10px 20px;
		position: relative;
		top:auto;
		left: auto;
		right:auto;
		height: 30vh;
	}
	.divhomeheader .divtxt {
		font-size: 14px;
		width:100%;
		padding:10px 20px;
		border-radius: 0;
		position: relative;
		top:auto;
		left: auto;
		right:auto;
		transform: translateY(0);
		height: 30vh;
	}
	.divhomeheader h2 {font-size: 17px;}
	.divhomeheader .divtxt.deplie {
		height:auto;
	}
	.divhomeheader .divtxt .liretout {
		display:block;
		position:absolute;
		right:10px;
		top:118px;
	}
	#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;}
	/* KK COUNT DOWN */
	.homekk {
		width:300px;
		margin:44vh auto 4vh auto;
		position: relative;
		bottom:auto;
		left:auto;
		height:12vh;
	}
	.divtxtmore {
		height:108px;
		overflow: hidden;
	}
	.divtxtmore.deplie {
		height:auto;
	}
	.divbtn {
		height:12vh;
	}
	.divbtn a {margin:20px auto;}
	#sectionpourquoiexposer, #sectionpourquoivisiter {
		background-position: left top, right bottom;
		background-size: auto 30%, auto 30%;
	}
	.owl-stage {height:40px;}
	.owl-carousel .owl-item img {max-width: 80px;max-height: 40px;}
	.owl-carousel .item {padding: 10px 10px;height:60px;}
	.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;
}

}
@media (max-width:575.98px){
	.divhomeheader {
	}
}