body {
	background: #4C69C7;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
}

#container {
	width: 812px;
	background: #4C69C7;	
	text-align: left;
	border: 0;
	margin: auto;
}

p#banner {
	background: transparent url('im/banner.gif') top center no-repeat;
	width: 812px;
	height: 110px;
	margin: 0;
	padding: 0;
}

#nav {
	float: left;
	width: 812px;
	height: 27px;
	/*width: 100%;*/
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	/*margin: 0 1em;*/
	font: bold 10pt arial, helvetica, sans-serif !important;
	text-align: left;
	background: transparent url('im/barmnu.gif') top left no-repeat;
}

#nav ul {
	/*float: left;*/
	/*width: 36em;*/
	list-style: none;
	border: solid #F0AD54;
	border-width: 1px 0;
	padding: 0;
	/*margin: 0 0 1em 0;*/
	margin: 0;
	background: transparent url('im/FondBleuTR.png') repeat;
}

#nav a {
	display: block;
	/*width: 12em; /* au lieu de 10em*/
	/*w\idth: 6em;*/
	color: #383085;
	text-decoration: none;
	padding: 0.25em 0.25em 0.25em 0.5em;
}

#nav ul a {
	color: #ffffff;
}

#nav a.daddy {
	background: url('im/fleche2.gif') center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 12em; /*au lieu de 12em*/
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.95em;
	font-weight: normal;
	color: #ffffff;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em; 
	width: 14em; /* au lieu de 12*/
}

#nav li ul a {
	width: 14em; /*au lieu de 12*/
}

#nav li ul ul {
	margin: -1.75em 0 0 14.95em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover { /*surlignage 1er niveau */
	color: #383085;
	background : transparent;
}
/* surlignage 2eme niv*/
#nav ul li:hover, #nav ul li.sfhover { 
	color: #fff;
	background: #4C69C7;
}

#nav ul ul li:hover, #nav ul ul li.sfhover { /* surlignage 3eme niveau */
	color: #fff;
	background: #4C69C7;
}

#content {
	clear: left;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

#content a {
	/*color: #7C6240;*/
	color: #4c69c7;
}

#content a:hover {
	text-decoration: none;
}
#content ul {
	margin-left: 40px;
}

h1 {
	COLOR: #383085; 
	font: bold 120% Arial, Helvetica, sans-serif; 
	padding: 10px; 
	margin-left: 0;
	margin-right: 10px;
}

h2 {
	COLOR: #383085; 
	font: bold 100% Arial, Helvetica, sans-serif; 
	padding: 10px;
	margin-left: 0; 
	margin-right: 10px;
}

h3 {
	COLOR: #383085; 
	font: normal 100% Arial, Helvetica, sans-serif; 
	padding: 1px 2px 0 10px;
	margin-left: 0; 
	margin-right: 10px;
}

.text { color: #333333; padding-left: 10px; padding-right: 10px; margin-left: 10px; margin-right: 10px; line-height: 150%;
	font: 80% verdana, arial, helvetica, sans-serif;
}

.smalltext { color: #333333; font-size: 10px; padding: 0; margin: 0;
}

.piedpage { 
background: transparent url(im/bordur4.gif) repeat-x;
color: #333333; font-size: 10px; padding: 0; margin: 0;
}

hr {
clear: both;
visibility: hidden;
}

.imgLeft {
margin-top: 0.5em;
margin-right: 0.7em;
margin-left: 0.7em;
margin-bottom: 1em;
float: left;
}

.imgRight {
margin-top: 0.5em;
margin-right: 0.7em;
margin-left: 0.7em;
margin-bottom: 1em;
float: right;
}