@charset "UTF-8";
/* CSS Document */
body {
height:100%;	
width: 100%;
margin: 0;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
color: #009;
font-size: 1em;
text-align: center;
vertical-align: middle;
line-height: normal;
}

.conteneur {
min-height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}

.entete, .menu, .intro, .catalogue, .pied {
margin: 2px;
padding-right: 10px;
padding-left: 10px;
}

.principal {
margin: 2px;
}

.acote, .fondamental {
padding-right: 10px;
padding-left: 10px;
}


.entete, .menu, .intro, .principal, .catalogue, .pied {
border-bottom: 2px solid #666;
}
	
.entete {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.intro {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}

.siege, succursale {
flex-grow : 0;
text-align: center;
verticla-align: middle;
}

.etreprise {
flex-grow : 1;
text-align: center;
verticla-align: middle;
}

.principal {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}

.acote, .fondamental {
flex-grow: 1;
text-align: center;
vertical-align: middle;
}

.acote, .fondamental > img {
margin-bottom: 1em;
}

.menu {
display: flex;
flex-direction: row;
justify-content: space-between;
}

.lienmini {
font-size: 1.1em;
font-weight: bold;
}

.lienmidi {
font-size: 1.4em;
font-weight: bold;
}

.lienmaxi {
font-size: 1.6em;
font-weight: bold;
}

.intro {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}

.galerie {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.galerie > img {
margin-bottom: 1em;
margin-left: 1em;
}

.catalogue {
font-weight-bold;
}

.droits {
font-family: 'English 111 Vivace BT', 'Times New Roman', Times, serif;
font-size: 1.2em;
font-weight: bold;
}

em {
font-weight: bold;
}

a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: #666;
}

img {
border: none;
}

.droite {
align: right;
}

@media screen and (max-width:479px) {
.galerie {
display: flex;
flex-direction: column;
justify-content: center;
}

.galerie > img {
margin-top: 1em;
margin-bottom: 1em;
}

.midi {
display: none;
}

.maxi {
display: none;
}

h1 {
font-size: 1.4em;
display: inline;
}

h2 {
font-size: 1.2em;
display: inline;
}

h3 {
font-size: 0.6em;	
font-style: italic;
display: inline;
}

.intro {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}

.siege, .entreprise, .succursale, .catalogue {
font-size: 0.8em;
}

.principal {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}

.acote, .fondamental {
vertical-align: middle;
font-size: 0.8em;
}

.droits {
font-family: 'English 111 Vivace BT', 'Times New Roman', Times, serif;
font-size: 1.2em;
font-weight: bold;
}
}

@media screen and (min-width:480px) and (max-width:959px) {
.galerie {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

.galerie > img {
margin-top: 1em;
margin-bottom: 1em;
}

.midi {
display: none;
}

.maxi {
display: none;
}

h1 {
font-size: 1.6em;
display: inline;
}

h2 {
font-size: 1.4em;
display: inline;
}

h3 {
font-size: 0.8em;
font-style: italic;
display: inline;
}

.intro {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}

.siege, .entreprise, .succursale, .catalogue {
font-size: 1em;
}

.principal {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}

.acote, .fondamental {
font-size: 1em;
vertical-align: middle;
}

.droits {
font-family: 'English 111 Vivace BT', 'Times New Roman', Times, serif;
font-size: 1.4em;
font-weight: bold;
}
}

@media screen and (min-width:960px) and (max-width:1200px) {
.galerie {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

.galerie > img {
margin-top: 1em;
margin-bottom: 1em;
}

.mini {
display: none;
}

.maxi {
display: none;
}

h1 {
font-size:1.8em;
display: inline;
}

h2 {
font-size: 1.6em;
display: inline;
}

h3 {
font-size: 1em;
font-style: italic;
display: inline;
}

.intro {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}

.siege, .entreprise, .succursale, .catalogue,.acote, .fondamental  {
font-size: 1.2em;
vertical-align: middle;
}

.droits {
font-family: 'English 111 Vivace BT', 'Times New Roman', Times, serif;
font-size: 1.6em;
font-weight: bold;
}
}

@media screen and (min-width:1201px) {
.conteneur {
min-height: 100%;
max-width: 1200px;
margin: auto;
display: flex;
flex-direction: column;
}

.galerie {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.galerie > img {
margin-top: 1em;
margin-bottom: 1em;
}

h1 {
font-size:2em;
display: inline;
}

h2 {
font-size: 1.8em;
display: inline;
}

h3 {
font-size: 0.8em;	
font-style: italic;
display: inline;
}

.mini {
display: none;
}

.midi {
display: none;
}

.intro {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}

.siege, .entreprise, .succursale, .catalogue {
font-size: 1.4em;
}

.acote, .fondamental {
font-size: 1.4em;
vertical-align: middle;
}

.droits {
font-family: 'English 111 Vivace BT', 'Times New Roman', Times, serif;
font-size: 1.8em;
font-weight: bold;
}
}