body {
	background: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin:20px;
}
h1,h2, address, address a, #consulter p {color: #d82e39}
h1 {
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.07em;
	margin: 2em 0px;
}
h2 {
	margin: 0px;
	font-size: 1em
}
#logo, #adresseh {margin-bottom: 10px}
address {font-style: normal}
address a {text-decoration: none}
address a:hover {text-decoration: underline}
.drapeaux img {
	margin:5px;
	border: none;
}
.photo {
	float:left;
	clear:left;
	width:300px;
	margin-bottom: 50px;
}
.texte {
	background: url(images/repere.png) no-repeat;
	margin-left:300px;
	padding-left:100px;
	width:34em;/* pour IE */
}
.texte p {margin-top:0px}
.alaligne {clear:both;line-height:0;height:0} /* force le retour à la ligne en présence de float */

#acerboish ,#acerboisb {float:right}
#drapeauxh {float:right}
#drapeauxb {
	float:left;
	margin: 0px 30px;
}
#adresseb {
	float:left;
	margin-left: 100px;
	margin-bottom: 50px;
}
#consulter {
	width: 8em;
	text-align: center;
	float: right;
}
#consulter p {margin-top: 0px}
#consulter a {
	font-size:46px;
	text-decoration: none;
}
#consulter a {background: url(images/consultOff.png) no-repeat}
#consulter a:hover {background: url(images/consultOn.png) no-repeat}