/* CSS Document */

@media screen and (min-width: 1025px) 
{
.cont1{
    max-width: 1440Px;
    width: 100%;
	position:relative;
	background:url(../img/nuit/nuit4/lisa-peretti-graphiste-direction-artistique-marseille-hotel-nuit-bg.jpg) no-repeat;
	margin-top:100px;
	background-size: 100%;
	overflow:hidden;
}

.cont1-page{
    max-width: 720px;
    width: 50%;
	-webkit-box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
-moz-box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
}


.cont1-calendrier{
    max-width:849px;
    width: 55.958%;
	position:absolute;
	right:3%;
	top:43%;
	z-index:2;
	border-radius:182px;
	-webkit-box-shadow: -11px 10px 48px 0px rgba(7,56,17,1);
-moz-box-shadow: -11px 10px 48px 0px rgba(7,56,17,1);
box-shadow: -11px 10px 48px 0px rgba(7,56,17,1);
	
}
}


@media screen and (min-width: 768px) and (max-width: 1024px)

{
	
	.cont1{
    max-width: 1024Px;
    width: 100%;
	position:relative;
	background:url(../img/nuit/nuit4/bg.jpg) no-repeat;
	margin-top:80px;
	background-size: 100%;
	overflow:hidden;
}

.cont1-page{
    max-width: 720px;
    width: 50%;
	-webkit-box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
-moz-box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
}


.cont1-calendrier{
    max-width:849px;
    width: 55.958%;
	position:absolute;
	right:3%;
	top:43%;
	z-index:2;
	border-radius:182px;
	-webkit-box-shadow: -11px 10px 48px 0px rgba(7,56,17,1);
-moz-box-shadow: -11px 10px 48px 0px rgba(7,56,17,1);
box-shadow: -11px 10px 48px 0px rgba(7,56,17,1);
	
}
	
	
	}
	
	@media screen and (min-width: 1px) and (max-width: 767px)

{
	
	
	.cont1{
    max-width: 1024Px;
    width: 100%;
	position:relative;
	background:url(../img/nuit/nuit4/lisa-peretti-graphiste-direction-artistique-marseille-hotel-nuit-bg.jpg) no-repeat;
	margin-top:50px;
	background-size: 100%;
	overflow:hidden;
}

.cont1-page{
    max-width: 720px;
    width: 100%;
	-webkit-box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
-moz-box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
box-shadow: 23px 11px 111px -48px rgba(7,56,17,1);
}


.cont1-calendrier{
    max-width:849px;
    width: 90%;
	z-index:2;
	border-radius:15px;
	
	-webkit-box-shadow: 0px 0px 25px 0px rgba(7,56,17,0.2);
-moz-box-shadow: 0px 0px 25px 0px rgba(7,56,17,0.2);
box-shadow: 0px 0px 25px 0px rgba(7,56,17,0.2);
	
    margin: 40px auto 30px;
}
	
	
	}