body{
	font-family: 'Arial', sans-serif;
	background:url('/img/background-atelier-du-vitrail-limoges.jpg') top center;
	/* background:url('/img/adv-attente.jpg') top center; */
	background-size:100%;
	color:#756660;
	margin:0;
	box-sizing: border-box;
}

div{
	box-sizing: border-box;
}

a{
	color:#ffffff;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.img-fluid{
	max-width:100%;
	height: auto;
}

.banniere-haute{
	max-width:508px;
	margin:19px auto;
}

h1{
	text-transform:uppercase;
	text-align:center;
	color: #756660;
	font-size: 1.2em;
	font-family: 'Playfair Display', serif;
	margin-bottom: 7px;
}

p{
	
}

.elipse{
	margin:5px auto;
	width:8px;
	height: 8px;
	background: #756660;
	border-radius:50px;
}

.cartouche-haut{
	margin: auto;
	max-width: 42%;
	text-align:center;
	padding: 20px 5% 30px 5%;
	background: rgba(255,255,255,0.7);
	clear:both;
}

.cartouche-bas{
	margin: 0 auto 50px auto;
	max-width: 42%;
	text-align:center;
	background: rgba(255,255,255,0.7);
	clear:both;
	border:2px solid #ffffff;
}

.slogan{
	line-height: 1.4em;
}

.slogan img{
	width:22px;
	height:auto;
	vertical-align: text-top;
}

.slogan a{
	text-decoration:none;
	color:#756660;
}

.bandeau-images{
	background: #ffffff;
}

.bandeau-images img{
	width:100%;
	height:auto;
}


.bandeau-images a{
	width:19.91%;
	float:left;
	line-height:0.7em;
}

.bandeau-images a:hover img{
	opacity:0.92;
}

.bandeau-images a+a{
	margin-left:0.1%;
}

footer{
	width:100%;
	z-index:10;
}

footer .logo-epv{
	width:5%;
	padding-top: 10px;
	padding-bottom: 10px;
}

footer a{
	text-decoration: underline;
}

footer a:hover{
	text-decoration: none;
	opacity:0.8;
}

.fond-taupe{
	background:#756660;
}

.bandeau-adresse{	
	color:#ffffff;
	max-width:1088px;
	margin:auto;
	padding: 5px 10px;
	display: flex;
    align-items: center;
	gap: 15px;
	justify-content: center;
}

.adresse-2{
	text-align:center;
	width:40%;
}

.logo-social{
	text-align:right;
	font-size: 0.7em;
}

footer .logo-social{
	float:right;
	margin-top: 4px;
}

footer .logo-social a{
	display:inline-block;
}

footer .logo-social a+a{
	margin-left:10px;
}

footer .logo-social img{
	width:30px;
	height:auto;
	margin-bottom: 5px;
}

footer .credits-photos{
	font-size:0.7em;
	padding-top:5px;
}

.banniere-salon-mobile{
	display:none;
}

.banniere-salon-desktop{
	display:flex;
}

.banniere-salon-desktop img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 1080px) {
	.cartouche-haut,.cartouche-bas {
		max-width: 70%;
	}
	
	body{
		background-size: auto;
	}
	
	.banniere-haute {
		max-width: 400px;
		margin: 10px auto;
	}
	
}

@media screen and (max-width: 767px) {
	body{
		font-size:1.0em;
		max-width:100%;
	}
	
	.banniere-haute{
		max-width: 90%;
		margin: 10px auto;
	}
	
	.cartouche-haut,.cartouche-bas {
		max-width: 100%;
	}
	
	.bandeau-images{
		background: none;
	}
	
	.bandeau-images img{
		width:100%;
		height:auto;
	}
	
	.bandeau-images a{
		width:100%;
		float:left;
	}
	
	.bandeau-images a+a{
		margin-left:0;
	}
	
	.banniere-salon-mobile{
		display:flex;
	}
	
	.banniere-salon-desktop{
		display:none;
	}
	
	.bandeau-adresse{	
		color:#ffffff;
		max-width:1088px;
		margin:auto;
		padding: 5px 10px;
		display: flex;
		align-items: center;
		gap: 15px;
		justify-content: center;
	}
	
	footer{
		padding-bottom: 100px;
	}
		
	footer .bandeau-adresse{
		line-height: 1.5em;
		flex-direction: column;		
        text-align: center;
	}
	
	footer .logo-epv{
		width:100%;
	}
	
	footer .logo-social{
		float:none;
		margin-bottom: 10px;
		width: 100%;
		text-align:center;
	}
	
	footer .adresse-2{
		width: 100%;
	}	
	
	footer{
		position:relative;
	}
	
}

@media (prefers-color-scheme: dark) {
  .elipse {
    background:#ffffff;
  }
}

@media screen and (min-width: 767px) {
	footer{
		position:absolute;
		bottom:0;
		left:0;
		z-index:10;
		width:100%;
	}
	
}