@charset "UTF-8";
/* CSS Document */
html, body {
margin: 0;
padding: 0;
}

body {
background-color: white; 
font-family: Verdana, Geneva, sans-serif; 
font-size: 100%;
color: #06c;
text-align: left;
font-style: normal;
line-height: normal;
}

img {
border: none;
}

h1 {
font-size: 150%;
text-transform: uppercase;
}

h2 {
font-size: 80%;
margin-left: 22px;	
}

h3 {
font-size: 80%;
margin-left: 22px;
color: #F06;
}

h5 {
font-size: 70%;
}

hr {
width: 100%;
noshade: noshade;
color: #3cf;
size: 3px;
}

.imageright {
	margin-left: 30px;
	position: relative;
	float: right;
}

.imageleft {
	margin-right: 30px;
	position: relative;
	float: left;
}

.citation {
font-size: 100%;
font-style: italic;
}

.signature {
text-align: right;
font-size: 80%;
}

.emphase {
font-weight: bold;
}

a {
color: #3cf;
text-decoration: none;
img-border: none;
}

a:visited {
color: #06c;
text-decoration: none;
img-border: none;
}

a:hover {
color: #06c;
text-decoration: none;
}

#conteneur {
margin: auto;
padding-top: 10px;
width: 620px;
vertical-align: middle;
}

#logo {
position: absolute;
width: 130px;
}

#entete {
margin-left: 140px;
font-size: 90%;
min-height: 130px;
}

.coordonnees {
vertical-align: baseline;
}

#menu {
position: absolute;
width: 130px;
align: left;
}

.vertical a {
display: block;
background: url(boutons/bouton.jpg) no-repeat;
width: 130px;
color: #06c;
line-height: 30px;
text-align: left;
text-decoration: none;
}

.vertical a:hover {
display: block;
background: url(boutons/bouton2.jpg) no-repeat;
width: 130px;
color: #3cf;
line-height: 30px;
text-align: left;
text-decoration: none;
}

#corps {
margin-left: 140px;
}

#separation {
text-align: center;
}

#vide {
position: absolute;
width: 130px;
align: left;
}

#pied {
margin-left: 140px;
font-size: 90%;
height: 130px;
}