/* CSS Document */

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

 
 
.cont1-massage  {
	max-width: 570px;
    width: 39.5833333333333%;
	float:left;
	margin:22% 0 0px 6%;
	
}

.cont1-page  {
	max-width: 689px;
    width: 47.8472222222222%;
	float:right;
	margin:0px 0 0px 0;
	-webkit-box-shadow: -7px -1px 94px -21px rgba(10,32,51,1);
-moz-box-shadow: -7px -1px 94px -21px rgba(10,32,51,1);
box-shadow: -7px -1px 94px -21px rgba(10,32,51,1);
	
}

}

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

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

 
 
.cont1-massage  {
	max-width: 570px;
    width: 39.5833333333333%;
	float:left;
	margin:22% 0 0px 6%;
	
}

.cont1-page  {
	max-width: 689px;
    width: 47.8472222222222%;
	float:right;
	margin:0px 0 0px 0;
	-webkit-box-shadow: -7px -1px 94px -21px rgba(10,32,51,1);
-moz-box-shadow: -7px -1px 94px -21px rgba(10,32,51,1);
box-shadow: -7px -1px 94px -21px rgba(10,32,51,1);
	
}
	
	
	}
	
	
	
	@media screen and (min-width: 1px) and (max-width: 767px)

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

 
 
.cont1-massage  {
	max-width: 767px;
    width: 158%;
	margin:26% 0 0 10%;
	
	float: left;
}

.cont1-page  {
	max-width: 767px;
    width: 100%;
	margin:32px 0 0px 0;
	
}
	
	
	}