@charset "utf-8";
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:rgba(0,0,0,1);
}
h1{
	font-weight:200;
}
body {
	font:14px 'Century Gothic', Helvetica, sans-serif;
	background:url(../images/backgroundindex.png) repeat-y;
	background-size:contain;
}
.container-index{
	height:270px;
	text-align:center;
	margin-top:15%;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:16.15%;
	line-height:270px;
}
.salon{
	width:49%;
  	display:inline-block;
}
.galerie{
	width:49%;
	display:inline-block;
}
.salon a{
	color:#FFF;
}
.galerie a{
	color:#75a6c1;
}
#footer{
	margin-top:10%;
	text-align:center;
}
/* iphone 3 */
        @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) { .container{
	width:100%;
	height:100%; }
}
        
        /* iphone 4 */
        @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { .container{
	width:100%;
	height:100%; }
}
        
        /* iphone 5 */
        @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .container{
	width:100%;
	height:100%; }
}
        
        /* iphone 6, 6s, 7, 8 */
        @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { .container{
	width:100%;
	height:100%; }
}
            
        /* iphone 6+, 6s+, 7+, 8+ */
        @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { .container{
	width:100%;
	height:100%; }
}
        
        /* iphone X , XS, 11 Pro, 12 Mini */
        @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .container{
	width:100%;
	height:100%; }
}

        /* iphone 12, 12 Pro */
        @media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) { .container{
	width:100%;
	height:100%; }
}
       
        /* iphone XR, 11 */
        @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) { .container{
	width:100%;
	height:100%; }
}
            
        /* iphone XS Max, 11 Pro Max */
        @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) { .container{
	width:100%;
	height:100%; }
}

        /* iphone 12 Pro Max */
        @media only screen and (min-device-width : 428px) and (max-device-height : 926px) and (-webkit-device-pixel-ratio : 3) { .container{
			width:100%;
			height:100%; }
			}