html { 
  padding:0px;
  margin:0px;
}
body {
    background-color:#d2c79f;
	font: normal 11px verdana;
	text-align:center; 
	color:#564b47; /*la bonne couleur */
	scrollbar : visible;
	}

/*new menu*/
.navigation {
			margin: 0px;
			padding: 0px;
			background: transparent;
			color: #fff;
			width: 200px;
			font: 1.1em "verdana", sans-serif;
			}
.navigation a, .navigation span {
			color: #fff;
			display: block;
			padding: 10px;
			text-decoration: none;
			border:1px solid #ddd4b0;
			/*background: #000 url(menu-item.png) left bottom no-repeat;*/
			}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
		/*	background-image: url(menu-item-deroule.png);*/
	background: #8f0067;
			}
.navigation .open a, .navigation .open span {
			/*background-image: url(menu-item-enroule.png);*/
			background: #7a0058;
			color:#ffcc00;
			}
.navigation a:hover, .navigation a:focus, .navigation a:active {
color: #ffcc00;
			text-decoration: none;
			}
.navigation .subMenu {
			background: #7a0058;
			margin: 0px;
			padding: 10px;
			}

.navigation .subMenu a:hover,.navigation .subMenu a:focus,.navigation .subMenu a:active {
			  color: #ffcc00; background: #B71088;/*#b71088;*/
			}
.navigation .lilien a {
			  color: #ffcc00; background: #B71088;/*#b71088;*/
			}
.navigation .vide a {
			  
			}
.navigation ul.subMenu a {/*sous menu*/
			padding: 10px;
			margin-left:1px;
			border: 0px;
			}

	<!--[if lte IE 6]>
	
	li {
			height: 1px;
			}
	-->
	<!--[if lte IE 7]>
	
	li {
			height: 1px;
			}
	-->

/*ancien menu*/
ul {
	margin:0px;
	padding:0px;
	list-style: none;
	width: 179px; 
	
	}

ul li {
	position: relative;
	}
	
li ul {
	position: relative;
	left:0px; 
	top: 0px;
	z-index:1;
	}

/* Styles for Menu Items */
ul li a {
	/*font-weight:bold;*/
	background: #7a0058;/*#B71088; /*couleur menu*/
	margin:0px;
	padding:0px;
	/*border: 1px solid #ddd4b0;*/
	}

#head {
  height:130px;
  font-size:13px; 
 /* font-weight:bold;*/
 /* line-height: 17px;/*45*/
  color:#8f0067;/*couleur de la police b40089 7a0058*/
  background-color:#d2c79f;
  background-image: url(images/person313.gif);
  background-repeat:no-repeat;
  background-position:right top;
}
/*** style pour les boxes***/
#box {
width:760px;
text-align:left;
background-color:#fff;
margin:0 auto;/*permet de centrer le site*/
}
#box_menu {
width:200px;
float:left;
z-index:100;
}
#contenu {
width:543px;
float:right;
}
/********* style pour les id  ********/

/*  style du contenu*/
#contenu h1 {
  font-size:12px;
  text-transform:uppercase;
  text-align:left;
  color:#b71088;/*#7d005f;*/
  background-color:#fff;
  padding:0px 0px 20px 10px;/*3*/
  margin:0px;
 display: inline;
}

#contenu h2 {
  font-size:11px;
  text-align:center;
  color:#7d005f;
}
#contenu h3 {/* contact*/
  font-size:11px;
 /* text-align:center;*/
  color: #564b47;
padding:5px 5px 5px 0px ;/*5px 5px 5px 5px*/
  margin:0px;
}
#contenu h4 {/*surtitre navigation */
  font-size:13px;
  text-align:left;
  color:#ffffff;/*7d005f;/*e19831;/*7a0058;/*ddd4b0;*/
   padding:2px 10px 1px 5px;
  margin:0 0px 13px 0px;/*8*/
  /* display:inline;*/
   background: #7d005f;
}

#contenu h5 {/* page daccueil*/
text-align:justify;
  font-size:22px;
  color:#940070;
  font-weight:100;
  margin:10px;
  padding:0px;
   line-height: 25px;
}
#contenu h6 {/* page daccueil*/
	text-align:left;
  font-size:20px;
  color:#940070;
  font-weight:700;
  margin:10px;
  padding:0px;
  display: inline;
}
#contenu p {
  margin:0px 10px 10px 10px;
  text-align:justify;
}

#contenu a { 
  color:#b40089;
    text-decoration: none; 
}
#contenu a:visited { 
  color:#a7966a;
}
#contenu a:hover { 
  color:#940070;
}

/* style du pied*/
#pied 
{
/*font-size:10px;*/
clear:both;
margin:0;
/*clear:left;*/
  background-color:#ddd4b0;
  text-align:center;
}
#pied a { 
  text-decoration: none; 
  color: #b40089;
}
#pied a:visited { 
 color:#564b47;
 }
#pied a:hover { 
  color: #940070;
}