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

.conteneur {
min-height: 100%;
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;
margin-right: 2em;
margin-left: 2em;
}

.entete, .menu, .principal, .galerie, .pied {
margin: 5px;
padding-right: 10px;
padding-left: 10px;
border: 2px solid black;
}

.entete, .principal {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.acote, .fondamental, .siege, .entreprise, .succursale {
flex: 1;
text-align: center;
padding-right: 10px;
padding-left: 10px;
}

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

.lienmini {
font-size: 1.2em;
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;
}

.siege {
flex-grow : 1;
}

.entreprise {
flex-grow : 1;
}

.succursale {
flex-grow: 1;
}

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

.acote {
flex-grow: 1;
}

.pied {
display: flex;
flex-direction: row;
}

.droits {
flex: 1.3;	
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: #06C;
}

img {
border: none;
}

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

.maxi {
display: none;
}

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

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

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

.acote {
flex-grow: 1;
vertical-align: middle;
font-size: 0.8em;
}

.fondamental {
flex-grow: 1;
vertical-align: middle;
font-size : 0.8em;
}

.droits {
flex: 1.3;	
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;
}

.mini {
display: none;
}

.maxi {
display: none;
}

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

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

.droits {
flex: 1.4;	
font-family: 'English 111 Vivace BT', 'Times New Roman', Times, serif;
font-size: 1em;
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;
}

.mini {
display: none;
}

.midi {
display: none;
}

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

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

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

.siege, .succursale {
font-size: 1.2em;
}

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

.acote {
flex-grow: 1;
vertical-align: middle;
font-size: 1.2em;
}

.fondamental {
flex-grow: 1;
vertical-align: middle;
font-size : 1.2em;
}

.droits {
flex: 1.3;	
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;
margin-right: 3em;
margin-left: 3em;
}

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

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

.midi {
display: none;
}

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

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

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

.acote {
flex-grow: 1;
font-size: 1.4em;
vertical-align: middle;
}

.fondamental {
flex-grow: 1;
font-size: 1.4em;
vertical-align: middle;
}

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