body {
	margin: 0px auto; Width: 864px; position: relative; padding-top: 5px; font-size: 0.70em; font-family: Verdana, Arial, Helvetica;  color: #666666;
}
#header {
	height: 122px; padding-left: 0px; position: relative; z-index:1;
}
#haut {
  text-align: justify; margin-left: 170px; padding-left: 0px; Width: 690px; height: 15px; padding-top: 0px; color: #ffffff; background-color: #98217B; font-weight: bold;
}
#conteneur {
	margin: 0px auto; Width: 860px; position: relative; background-color: #ffffff; border: 2px solid #98217B
}
#centre {
	margin-left: 150px; margin-right: 150px; margin-top: 0px; padding-right: 10px; padding-left: 15px; padding-bottom: 0px; padding-top: 15px; background-color: #ffffff;
}
#centre2 {
	text-align: justify; margin-left: 10px; margin-right: 10px; margin-top: 0px; padding-right: 5px; padding-left: 5px;
}
#piedcentre1 {
  text-align: center; font-size: small; height: 40px; color: #EB6A0A; padding-top: 20px; padding-bottom: 20px; font-weight: bold;
}
#piedcentre2 {
  text-align: center; font-size: x-small; height: 20px; color: #555; padding-top: 0px; padding-bottom: 10px; font-weight: normal;
}
#piedsavoirplus {
  text-align: left; font-size: x-small; height: 40px; padding-top: 5px; color: #000000; padding-bottom: 5px; font-weight: normal;
}
#gauche {
	left: 0px; width: 150px; font-size: x-small; position: absolute; background-color: #ffffff;
}
#droit {
	right: 0px; width: 150px; font-size: x-small; position: absolute; background-color: #ffffff;
}
#tete {
	margin: 0px auto; Width: 864px; position: relative; text-align: center; font-size: x-small; color: #98217B; padding-top: 0px; height: 15px;
}
#pied {
	margin: 0px auto; Width: 864px; position: relative; text-align: center; font-size: x-small; color: #98217B; padding-top: 0px; height: 55px;
}
.menuhaut a {
	margin: 0px 0px; color: #ffffff; text-decoration: none; background: url(bg_menu.gif) repeat-x 0 -25px ;
}
.menuhaut a:hover {
	color: #EB6A0A; text-decoration: none;	background: url(bg_menu.gif) repeat-x 0 0 ;
}
div#centre h1 {
  text-align: center; font-size: large; padding-bottom: 0px; font-weight: bold; color: #EB6A0A;
}
div#centre h2 {
  text-align: justify; font-size: small; font-weight: bold; padding-bottom: 0px; color: #98217B;
}
div#piedcentre1 a {
  text-align: center; padding-top: 5px; font-weight: bold;
}
div#piedcentre2 a {
  text-align: center; padding-top: 5px; font-weight: bold;
}
div#piedsavoirplus a {
  color: #000000; text-decoration: none;
}
div#piedsavoirplus a:hover {
  color: #555; text-decoration: none;
}
.menugauche {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 10px; list-style-type: none; width: 100%; /* correction pour Opera */
}
.menugauche li {
	margin-bottom: 5px; margin-left: 10px; color: #98217B;
	/margin-left: -5px; /*correctif pour IE 6 et IE 7 */
}
.menugauche a {
	margin: 0px 5px; color: #98217B; text-decoration: none;
}
.menugauche a:hover {
	color: #EB6A0A; text-decoration: underline;
}
.menudroit {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 10px; list-style-type: none; width: 100%; /* correction pour Opera */
}
.menudroit li {
	margin-bottom: 5px; margin-left: 10px; color: #98217B;
	/margin-left: -5px; /*correctif pour IE 6 et IE 7 */
}
.menudroit a {
	margin: 0px 5px; color: #98217B; text-decoration: none;
}
.menudroit a:hover {
	color: #EB6A0A; text-decoration: underline;
}
div#pied a {
  color: #98217B; text-decoration: none;
}
div#pied a:hover {
	color: #EB6A0A; text-decoration: underline;
}
P {
	margin: 0px 0px 5px;
}
a {
  color: #EB6A0A; font-weight: normal; text-decoration: none;
}
a:hover {
  color: #98217B; text-decoration: none;
}
/* ligne violette pour le menu gauche */
hr {
clear: both;
width: 95%;
border: 0; /* enleve toute bordure */
border-bottom: 1px #98217B solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}
/* pas de lignes orange pour tableau */
------------

/* arrondi pied et tete */
------------
.ar
{ margin: 0 1em 0 0;

}
b.rtop, b.rbottom
{
display:block;

}
b.rtop b, b.rbottom b
{
display:block;
height: 1px;
overflow: hidden;
background: #98217B
}
b.r1
{
margin: 0 4px
}
b.r2
{
margin: 0 2px
}
b.r3
{
margin: 0 1px
}
b.rtop b.r4, b.rbottom b.r4
{
margin: 0 0px;
height: 2px;
}
/* arrondi centre */
------------
div#top_fond_centre {
width: 545px;
background: url(top_fond_centre.gif) top left no-repeat;
}
div#bottom_fond_centre {
width: 545px;
background: url(bottom_fond_centre.gif) bottom left no-repeat;
}
div#bottom_fond_centre {
margin: 0 0px 0 0px;
}
/* diaporama */
------------
div.slideshow {
position: absolute;
top: 0px;
left: 0px;
}
.slideshow div {
position: absolute;
top: 0px;
left: 170px;
}