/*** CSS for website Espace santé européen ***/

/* RAZ */
* {  
  margin:0; 
  padding:0; 
} 
table { 
  border-collapse:collapse; 
  border-spacing:0; 
} 
fieldset,img {  
  border:0; 
} 
ul {
	list-style: none; 
}
div#body ul li{
	line-height: 17px;
}
div#body ul > li{
	list-style-image: url(images/puce_bleue.jpg);
	margin-top: 5px;
}
div#body  ul li ul li{
	list-style-image: none;
	margin-top: 0px;
}
/* general */
body{
	font-family: arial;
	font-size: 12px;
	color: #4D4D4D;
	background-color: #E4DEDA;
}
div#body h1{
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: bold;
	color: #713225;
	background: transparent url(images/puce_h1.jpg) no-repeat 0 40%;	
	padding: 5px 0px 5px 80px;
	margin: 10px 0px 0px ;
}
* html div#body h1{
	margin-left: 40px;
}	
h2{
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #88CDCF;
	border-bottom: #88CDCF solid 2px;
	padding: 0px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	display: block;
}
div#body h2{
	clear: both;
	float: left;
}
h3{
	color: #fff;
	font-size: 12px;
}
h4{
	font-weight: bold;
	text-transform: uppercase;
}
h5{
	font-size: 13px;
	color: #713225;
}
h6{
	font-size: 11px;
	color: #713225;
}
a{
	color: #713125;
	font-weight: bold;
	text-decoration: none;
}
p{
	margin-top: 5px;
}

/* header */

/* menu */
div#menu {
	height: 17px;
	background: #fff url(images/fond_menu.jpg) repeat-x 100% 100%;
}
div#menu ul li a{
	letter-spacing: 1px;
	border-left: #fff solid 2px;
	float: left;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}
/*div#menu ul li#bilans, x:-moz-any-link {padding-left: 30px;}
div#menu ul li#bilans, x:-moz-any-link, x:default {padding-left: 320px;}
div#menu ul li#bilans a{
	
}*/
div#menu ul li#accueil a{
	border: none !important;
	padding: 2px 20px 2px 28px;
}
div#menu ul li#bilans a{
	padding: 2px 20px 2px 28px;
}
div#menu ul li#consult a{
	padding: 2px 15px 2px 28px;
}
div#menu ul li#plan a{
	padding: 2px 25px 2px 28px;
}
div#menu ul li#contact a{
	padding: 2px 20px 2px 28px;
}
div#menu ul li#accueil a:hover{
	background: transparent url(images/btn_bilans.jpg) no-repeat 0px 100%;
}
div#menu ul li#bilans a:hover{
	background: transparent url(images/btn_consult.jpg) no-repeat -5px 100%;
}
div#menu ul li#consult a:hover{
	background: transparent url(images/btn_consult.jpg) no-repeat -5px 100%;
}
div#menu ul li#plan a:hover{
	background: transparent url(images/btn_plan.jpg) no-repeat -5px 100%;
}
div#menu ul li#contact a:hover{
	background: transparent url(images/btn_contact.jpg) no-repeat -5px 100%;
	padding-right: 25px;
}
/* IE 7 */
* + html div#menu ul {
	margin-left: 265px;
}
* + html div#menu ul li#bilans, * + html div#menu ul li#consult, * + html div#menu ul li#plan, * + html div#menu ul li#contact{
	margin-top: -15px;
}
/* IE 6 */
* html div#menu ul {
	margin-left: 265px;
}
* html div#menu ul li#plan, * html div#menu ul li#consult, * html div#menu ul li#bilans, * html div#menu ul li#accueil {
	margin-bottom: -15px;
}
* html div#menu {
	margin-top: -75px;
}
/* body */
div#body{
	padding: 50px;
}
div#body div.zone{
	background-color: #E4DEDA;
	margin: 10px 0px 10px 0px;
}
.clear{
	clear: both;
}
/* footer */
div#footer{
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #88CDCF;
}
div#footer ul li{
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	border-left: #474F74 solid 1px;
}
li.premier{
	border: none !important;
}
div#footer a{
	color: #FFF;
}
div#footer a:hover{
	color: #713125;
}
div#footer li img{
	margin-bottom: -10px;
}