/*
Theme Name: Sacha Goldberger - Landing Page
Author: JD² - Jonathan Durand
Author URI: https://wwww.jdcarre.fr
Description: Theme enfant - développé par JD² - Design graphique par Ben Bensimon - https://www.bensimon.fr
Template:sachagoldberger
Version:1
*/
/************************************************************************************************************/
/****************************************BODY**************************************************************/
* { box-sizing: border-box; }
/* force scrollbar */
html {
	overflow-y:hidden;
	min-height: 100vh;
}
body.preload{
	background-image:url('img/loading.gif');
	background-position:center 40%;
	background-repeat:no-repeat;
	background-size:15%;
	margin-bottom:20px;
	min-height:99px;
	min-width:99px;
	display:block;
	width:100%;
	height:100%;
	z-index: 10000;
	background-color: #000014;
}

.bloc-landing{
	min-height: 100vh;
	background: url('img/bck_home_2024.jpg');
	background-repeat: no-repeat;
	background-position: 50% center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-color: #000014;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}
.bloc-interrupteur{
	position:absolute;
	top:20%;
	right:10%;
	max-width: 190px;
}
img.etiquette-fineart{
	max-width:130px;
}
img.etiquette-people {
    max-width: 120px;
}
.interrupteur > img.on{
	display:block !important;
}
.interrupteur > img{
	display:none !important;
	max-width: 35px;
}

.bloc-player{
	width: 300px;
	margin-top: 175px;
	margin-left: 68px;
	margin-right: auto;
}
.fond-tv{
		position:absolute;
    left: 15%;
		width:445px;
		height: 1005px;
		max-height:700px;
		background: url('img/fond_tv.png') no-repeat top center;
		-webkit-background-size:100%;
		-moz-background-size:100%;
		-o-background-size:100%;
		background-size: 100%;
}
@media (max-width:1500px) and (min-width:1080px){
	.bloc-interrupteur{
		right:4%;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
}

@media (max-width:1080px) and (min-height:551px) {
	.fond-tv{
		left: 2%;
		max-height:780px;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}

	.bloc-interrupteur{
		top:10%;
		right:8%;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
	.bloc-landing{
		min-height: 120vh;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
}
@media (max-width:884px){
	.bloc-landing{
		min-height: 120vh;
		background-position-x: 60%;
	}
}
@media (max-width:768px) and (min-height:551px) {
	.bloc-landing{
		min-height: 100vh;
		background: url('img/bck_mobile.jpg') no-repeat top center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
	background-size: cover;
	}

	.fond-tv{
    left: 15%;
		max-height:540px;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}

	.bloc-interrupteur{
		top:8%;
		right:5%;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
}
@media (min-height:950px){
	.fond-tv{
		max-height:80vh;
	}
}
@media (max-width:530PX) and (min-height:551px) {
	.bloc-player{
		width: 68%;
		margin-top: 39%;
		margin-left: 15%;
	}
	.fond-tv{
		width:90%;
		left:	0%;
		max-height:50vh;
	}

}

@media (max-height:550px){
	.fond-tv{
		left: 0% !important;
		max-height:400px;
		max-width:100%;
	}
	.bloc-player{
			max-width:100%;
	}
.bloc-interrupteur {
    right: 3%;
	}
}
@media (max-width:530PX) and (max-height:550px){
	.fond-tv{
		display: none;
	}
.bloc-interrupteur {
    right: 20%;
		left: 20%;
	}
}