@charset "UTF-8";
/* CSS Document */
body {
height:100%;	
width: 100%;
margin: 0;
background-color: #F3C;
font-family: 'Times New Roman', Times, serif;
font-color: black;
font-size: 1em;
font-style: italic;
text-align: center;
vertical-align: middle;
line-height: normal;
}

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

.entete, .menu, .intro, .acote, .acote1, .fondamental1, .pied {
margin: 5px;
padding-right: 5px;
padding-left: 5px;
border: 2px solid black;
}

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

.coordonnees {
flex: 1;
font-size: 1.2em;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}

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

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

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

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

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

.pink {
flex-grow : 1;
}

.plume {
flex-grow : 1;
}

.blue {
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.5em;
font-weight: bold;
}

h1 {
font-family: 'English 111 Vivace BT', 'Times New Roman', Times, serif;
font-color: white;
font-style: italic; ;
font-size: 3em;
display: inline;
}

h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.8em;
display: inline;
}

em {
font-weight: bold;
}

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

img {
border: none;
}

	
@media screen and (max-width:479px) {
.midi {
display: none;
}

.maxi {
display: none;
}
}

@media screen and (min-width:480px) and (max-width:959px) {
.mini {
display: none;
}

.maxi {
display: none;
}
}

@media screen and (min-width:960px) and (max-width:1200px) {
.mini {
display: none;
}

.midi {
display: none;
}

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

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

.acote {
flex-grow: 1;
vertical-align: middle;
}

.acote1 {
flex-grow: 1;
vertical-align: middle;
font-size: 2.3em;
}

.fondamental1 {
flex-grow: 2;
font-size : 2.3em;
vertical-align: middle;
}
}

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

.midi {
display: none;
}

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

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

.acote1 {
flex-grow:1;
font-size: 2.3em;
vertical-align: middle;
}

.fondamental1 {
flex-grow:2;
font-size : 2.3em;
vertical-align: middle;
}
}