* { margin: 0; padding: 0; border: 0; }

body {
width:760px;
margin:0 auto;
padding:1em 0;
font-size: 70%;
font-family: "lucida grande", tahoma, helvetica, verdana Sans-Serif;
background-color: #630404;
}

#page { width:100%; background-color: #fff; font-size:1em; position:relative; padding: 10px; }

ul, li {float:left; list-style-type:none; margin:0; padding:0;}
ul {
background: transparent url(/i/menu.jpg) top left no-repeat;
width: 760px;
text-align: center;
}

li a {
display: block;
height: 200px;
width: 190px;
}

li a:hover { background: transparent url(/i/menu.jpg) top left no-repeat;}
a#menu1:hover { background-position: 0px -200px; }
a#menu2:hover { background-position: -190px -200px; }
a#menu3:hover { background-position: -380px -200px; }
a#menu4:hover { background-position: -570px -200px; }

h1 { text-align:right; font-size: 3em; font-weight:900; letter-spacing:-1px;  line-height:72px; text-align:center; color:red; text-decoration:none; margin:1em; }
h2 { color: navy; }
hr { clear:both; margin: 10px; }

.boite1 {
	margin: 10px 10px 50px 10px;
	float: left;
	width: 260px;
	padding-bottom: 30px;
	background: white url(/i/b/01-milieu-bas.png) no-repeat center bottom;
}
.boite1 h2 {
	margin: 0;
	padding: 30px 30px 0 30px;
	background: transparent url(/i/b/01-haut.png) no-repeat center top;
	text-align: center;
}
.boite1 p { margin: 1em 45px; text-align:left; color: gray; font-size:1.1em;}

.boite2 {
	margin: 10px 10px 50px 10px;
	float: left;
	width: 260px;
	padding-bottom: 30px;
	background: white url(/i/b/02-milieu-bas.png) no-repeat center bottom;
}
.boite2 h2 {
	margin: 0;
	padding: 40px 30px 0 30px;
	background: transparent url(/i/b/02-haut.png) no-repeat center top;
	text-align: center;
}
.boite2 p { margin: 1em 45px; text-align:left; color: green; font-size:1.1em;}

.boite3 {
	margin: 0 20px;
	float: left;
	width: 200px;
	padding-bottom: 30px;
	background: white url(/i/b/03-milieu-bas.png) no-repeat center bottom;
}
.boite3 h2 {
	margin: 0;
	padding: 30px 25px 0 25px;
	background: transparent url(/i/b/03-haut.png) no-repeat center top;
	text-align: center;
}
.boite3 p { margin:1em 45px; text-align:right; color:red; font-size:1.1em;  }

.boite4 {
	float: right;
	width: 400px;
	padding-bottom: 40px;
	background: white url(/i/b/03-milieu-bas.png) no-repeat center bottom;
	margin:3em;
}
.boite4 h2 {
	margin: 0;
	
	background: transparent url(/i/b/03-haut.png) no-repeat center top;
	text-align: center;
}
.boite4 p { margin:1em 45px; text-align:right; color:red; font-size:1.2em; }

.article {
	clear:both;
	width: 500px;
	padding: 15px;
	border: 1px dotted red;
	font-size: 1.1em;
	margin: 20px 0 0 100px;
}


.footer { font-weight: bold; color: navy; clear: both; width: 98%; margin: 2em auto 0 auto; border-top: 1px dotted navy; border-bottom: 1px dotted navy; text-align:center; }
#pays { float:right; margin:0 10px 0 0; padding:5px; }
#pays a { display:block; margin:10px; }

.rss { clear:both; margin-top:1em; margin-bottom:1em; font-size:110%;}
dl { float: left; border:1px solid red; width:47%; margin:1em 0.2em; padding:0.5%; }
dt { text-align:center; background-color:orange; color:black; font-weight:900;}
dd { background-color:#c09898;padding:1%;color:#fff; }
dd.title { font-size:1em;font-weight:900;}
dd a { color: black; }
dd hr { color:red;margin:0.2em;width:100%;}

.produits { float: right; margin:0px 50px; }

.google { margin: 1.5em auto; width: 95%; }
#yahoo {  margin-right: 1em; }

#drapeau { margin: 1em auto; width: 99%; text-align: center; }
#drapeau img { margin: 2.5em; }
#easysante { margin: 2em; }
#easysante img { float: left; margin: 1em; }
#easysante p { padding: 2em 0; }