/* CSS Document */
.bx-wrapper {
	border: 0px;
	margin-bottom: 0px;
	z-index: 1;
	background-color: inherit;
}
#fond {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.sombre {
    background-image: url(../images/bg_tacheCouleurSombre.jpg);
    background-position: right top;
    background-size: contain;
	background-repeat: no-repeat;

}
.picto {
	list-style: none;
	margin: 0px;
	padding: 1rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	background-color: #313131;
}
.picto img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.picto p {
	color: #FFFFFF;
}
.map {
	background-color: #fff;
	padding-top: 3rem;
	padding-bottom: 6rem;
}
.map fieldset {
	color: #000000;
	font-size: 1.5rem;
}
@media (min-width: 0px){
	
	.article p {
		font-size: 1.2rem;
	}
	.picto {
		display: none;
	}
	.article img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: auto;
		
	}
	.article a {
		display: inline-block;
		background-color: #575757;
		padding: 0.5rem;
		padding-left: 1rem;
		padding-right: 1rem;
		color: #ccff00;
		text-decoration: none;
		border-radius: 1rem;
	}
	.article a:hover {
		background-color: #ccff00;
		color: #575757;
	}
	
}
@media (min-width: 768px){

	.imageIndex {
		display: block;
	}

	.main {
		padding-bottom: 3rem;
	}
	.picto {
		display: flex;
		margin: auto;
		padding-top: 3rem;
		padding-bottom: 4rem;
		margin-top: 0rem;
		background-color: #FFFFFF;
	
	}
	.picto img {
		max-width: 100%;
		height: auto;
		display: block;
	}
	.picto li {
		width: calc(100% / 4);
		text-align: center;

	}
	.picto p {
		color: #000000;
	}
	.citation {
		display: none;
	}

}

@media (min-width: 1024px){

	.article img {
		max-width: 100%;
		height: auto;
		display: block;
		float: left;
		padding-left: 3rem;
		margin-right: 2rem;
		padding-top: 0.3rem;
	}
	.article h1 {
		display: block;
		margin-top: 0px;
		font-size: 2.6rem;
	}


	.citation {
		color: #313131;
		display: inline-block;
		margin: auto;
		font-family: 'Lobster Two', cursive;
		font-size: 2rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

}
