.accroche-bulles {

	background-color: #f5f5f5;
	background-image: url("https://www.izifamily.com/resources/design/images/bulle.png");
	background-position: right;
	background-size: contain;
}

.accroche-parent {
	background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_1920px-1.jpg");
	background-color: white;
	background-size:100%;
	height: calc(100vw * 1000 / 1920);
}

.accroche-couple {
	background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_1920px-3.jpg");
	background-size:100%;
	height: calc(100vw * 1000 / 1920);
}

.accroche-gd {
	background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_1920px-2.jpg");
    background-size:100%;
	height: calc(100vw * 1000 / 1920);
}

.login{
	background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_connexion1920px.jpg");
    background-color: #F9F9F9;
	background-size:100%;
	background-position-y: 150px;
	height: calc(100vw * 751 / 1920 + 150px);
	min-height: auto;
}

.login .container {
    margin-top: calc(100vw * 150 / 1680);
}


@media screen and (min-width: 1441px) {
	.accroche-bulles #videoDiv{
		padding-top: 35px;
	}

}

@media screen and (max-width: 1440px) {
	.accroche .text{
		padding-top:80px;
	}



	.accroche-parent {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_1440px-1.jpg");
		background-color: white;
		background-size:100%;
		height: calc(100vw * 750 / 1440);
	}

	.accroche-couple {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_1440px-3.jpg");
		background-size:100%;
		height: calc(100vw * 750 / 1440);
	}

	.accroche-gd {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_1440px-2.jpg");
		background-color: white;
		background-size:100%;
		height: calc(100vw * 750 / 1440);
	}
	
	.login{
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_connexion1440px.jpg");
	    background-color: #F9F9F9;
		background-size:100%;
		background-position-y: 130px;
		height: calc(100vw * 694 / 1440 + 130px);
	}

	.login .container {
	    margin-top: 120px;
	}
	
	.login.signup{
		background-position-y: 130px;
		height: calc(100vw * 694 / 1440 + 130px);
	}
	
	.login.signup .container{
		margin-top:80px;
	}
}

@media screen and (max-width: 960px) {

	.accroche-parent {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_960px-1.jpg");
		background-color: white;
		background-size:100%;
		height: calc(100vw * 423 / 960);
	}

	.accroche-couple {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_960px-3.jpg");
		background-size:100%;
		height: calc(100vw * 423 / 960);
	}

	.accroche-gd {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_960px-2.jpg");
		background-color: white;
		background-size:100%;
		height: calc(100vw * 423 / 960);
	}
	
	.accroche .text{
		padding-top:30px;
	}
	
	.accroche .text div{
		margin-bottom:0px;
	}
	
	.login{
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_connexion960px.jpg");
	    background-color: #F9F9F9;
		background-size:100%;
		background-position-y: 100px;
		height: calc(100vw * 561 / 960 + 100px);
	}
	
	.padding-login{
	    padding-left: 15px;
    	padding-right: 15px;
	}

	.login .container {
	    margin-top: 70px;
	}
	
	.login.signup{
		background-position-y: 320px;
		height: calc(100vw * 561 / 960 + 320px);
	}
	
	.login.signup .container{
		margin-top:30px;
	}
	
}

@media screen and (max-width: 768px) {
	.accroche .text{
		padding-top:40px;
	}
	
	.accroche .text div{
		margin-bottom:0px;
	}
	.accroche{
		background-color: #F6F6F6;
		background-position-y:200px;
	}

	.accroche-parent {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_768px-1.jpg");
		background-size:100%;
		height: calc((100vw * 620 / 768) + 200px);
	}

	.accroche-couple {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_768px-3.jpg");
		background-size:100%;
		height: calc((100vw * 620 / 768) + 200px);
	}

	.accroche-gd {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_768px-2.jpg");
		background-size:100%;
		height: calc((100vw * 620 / 768) + 200px);
	}
	
	.login{
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_connexion768px.jpg");
	    background-color: #F9F9F9;
		background-size:100%;
		background-position-y: 650px;
		height: calc(100vw * 405 / 768 + 650px);
	}
	
	.padding-login{
	    padding-left: 15px;
    	padding-right: 15px;
	}

	.login .container {
	    margin-top: 70px;
	}
	
	.login.signup{
		background-position-y: 650px;
		height: calc(100vw * 405 / 768 + 650px);
	}
	
	.login.signup .container{
		margin-top:30px;
	}
	
}

@media screen and (max-width: 400px) {
	.accroche .text{
		padding-top:40px;
		padding-left:30px;
		padding-right:30px;
	}
	
	.decouvrir{
		margin-left:30px;
	}
	
	.accroche .text div{
		margin-bottom:0px;
	}
	
	.accroche{
		background-color: #F6F6F6;
		background-position-y:230px;
	}

	.accroche-parent {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_400px-1.jpg");
		background-size:100%;
		height: calc((100vw * 323 / 400) + 230px);
	}

	.accroche-couple {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_400px-3.jpg");
		background-size:100%;
		height: calc((100vw * 323 / 400) + 230px);
	}

	.accroche-gd {
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_slider-Home_400px-2.jpg");
		background-size:100%;
		height: calc((100vw * 323 / 400) + 230px);
	}
	
	.login{
		background-image: url("https://www.izifamily.com/resources/design/images/slider/Izi-Family_connexion400px.jpg");
	    background-color: #F9F9F9;
		background-size:100%;
		background-position-y: 700px;
		height: calc(100vw * 211 / 400 + 700px);
	}
	
	.padding-login{
	    padding-left: 15px;
    	padding-right: 15px;
	}

	.login .container {
	    margin-top: 70px;
	}
	
	.login.signup{
		background-position-y: 810px;
		height: calc(100vw * 211 / 400 + 810px);
	}
	
	.login.signup .container{
		margin-top:30px;
	}
}