*, *:after, *:before {
	box-sizing:border-box;
}
html {
	font-size:100%;
}
img {
  max-width: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin:0;
	padding:0;
}
.enveloppe {
  margin:0 auto;
	max-width:960px;
}
.entete-page {
  border-bottom: solid 1px #ccc;
	margin-bottom:20px;
	padding:10px;
}
.entete-page h1,
.entete-page h2 {
  font-weight:normal;
	text-transform:uppercase;
	margin:0;
}
.entete-page h2 {
  color:#666;
}
.entete-page h1 a {
  color:inherit;
  text-decoration: inherit;
}
.navigation-principale {
	text-transform: capitalize;

}
.navigation-principale ul {
  list-style:none ;
  padding:0;
  margin:0;
}
.navigation-principale a{
  display:block;
  padding:.2em 1em;
  color: #666;
  text-decoration:none;
}

.navigation-principale .titre-sous-menu {
  padding:.2em 1em;
  margin-top:1em;
}
.contenu-principal {
  padding:1rem;
}
.galerie .titre-galerie {
  font-weight: normal;
  text-transform: uppercase;
}
.galerie .liste-images {
  list-style:none ;
  padding:0;
  margin:0;
}
.galerie .liste-images a {
	display:block;
	position:relative;
}
.galerie .liste-images img {
  display:block;
}
.galerie .liste-images .numero-image {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	text-decoration: none;
	color:white;
	background-color: black;
	font-weight: bold;
	text-align:right;
	height:1.4em;
	min-width:1.4em;
	padding:0.2em;
}
.pied-page {
  padding:1rem;
  border-top: solid 1px #ccc;
}
.enveloppe {
  display:flex;
  flex-wrap: wrap;
}
.entete-page {
  flex-basis: 100%;
}
.navigation-principale {
  flex-basis: 20%;
}
.contenu-principal {
  flex-basis:80%;
}
.pied-page {
  flex-basis:100%;
}
.liste-images {
  display:flex;
  flex-wrap: wrap;
}

.test-retailleur form {
	display:flex;
	flex-wrap:wrap;
}
.bloc-img {
	flex-basis:100%;
}
.bloc-l, .bloc-h, .bloc-r {
	flex-basis:100%;
}
.test-retailleur label {
	display:inline-block;
	min-width:100px;
}