@charset "utf-8";
*{
	margin:0;
	padding:0;
	color:#FFF;
}
a{
	text-decoration:none;
	color:#FFF;
}
li{
	list-style-type:none;
}
body {
	font:14px 'Century Gothic', Helvetica, sans-serif;
}
.container{
	background:rgba(255,255,255,1);
	margin-left:auto;
	margin-right:auto;
	width:80%;
}
header{
	padding-left:5px;
	background:url(../images/logobleu.jpg) #75a6c1 no-repeat 10px;
	height:269px;
}
.menu{
	background:#75a6c1;
	height:25px;
	text-align:right;
	border-top:1px #FFF solid;
}
.menu li{
	display:inline-block;
	margin-right:50px;
}
.menu li a{
	display:block;
	font-size:18px;
	width:100%;
}
.menu li a:hover{
	color:#FFF;
	border-bottom:medium #FFF solid;
}
section{
	padding:13% 5%;
	width:90%;
	background:#75a6c1;
}
.photo{
	margin:0 5% 0 15%;
	display:inline-block;
}
.intro{
	font-size:16px;
	text-align:justify;
	width:30%;
	display:inline-block;
	margin:0 10% 0 5%;
}

/*PAGE ARTISTE*/
.artiste{
	width:90%;
	margin:0 5% 0 5%;
	text-align:justify;
}
/*FIN PAGE ARTISTE*/

/*PAGE PHOTOS*/
.photo-galerie{
	margin:0 10%;
	display:inline-block;
}

/*FIN PAGE PHOTOS*/

/*PAGE CONTACT*/
#contact{
	width:35%;
	margin:0 10% 0 5%;
	float:left;
	text-align:justify;
}
#plan{
	padding-top:5%;
}
#plan img{
	width:50%;
}
/*article img{
	float:left;
}*/
/*FIN PAGE CONTACT*/
/*PAGE MENTIONS*/
#mentions{
	width:100%;
	text-align:justify;
}
/*FIN PAGE MENTIONS*/
#footer{
	width:100%;
	text-align:right;
	height:20px;
	border-top:1px #FFF solid;
	background:#75a6c1;
}
#footer li{
	display:inline-block;
	margin-right:50px;
}
#footer li a:hover{
	color:#FFF;
}
.filet{
	width:1px;
	color:#FFF;
}

/* 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%; }
			}