body {
  background-color: #FFFFF0;
  margin: 0;
  padding: 0;
  text-align:center;
}

body, td {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
}
img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

a {
	color: #35B;
	text-decoration: none;
}
a:hover {
	color: #B53;
}

#page {
	background-color:#FFF;
	border: solid 0px #CCC;
	border-top: none;
	background-color: #FFF;
	width: 810px;
	margin: 0 auto 1px auto;
	border-left: 0px solid #777;
	border-right: 0px solid #777;
	padding: 0;
	text-align: left;
}

#top {
	width:810px;
	height:210px;
	background-color: #FFFFF0;
	background-image: url(deco/bando_pr.jpg) ;
background-repeat: no-repeat;
	background-position: center;
	border-bottom: none;
	margin:0;
	padding: 0px 0 0 0;
}
/* propriétés du menu horizontal */

#menu_horizontal {
background-color:#DFC082;

float: left;
width: 810px;
font: 1em, Calligraph421 BT, Arial, Times New Roman ;
}

#menu_horizontal ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

#menu_horizontal  li {
margin: 0pt;
background: transparent  ;
float: left;
}

#menu_horizontal a {
background: transparent url(image/onglet.jpg) no-repeat scroll right top;
padding:1px 2px 2px 3px;
display: block;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

#menu_horizontal a { 
float: none;
}

#menu_horizontal  a:hover {
background: transparent  no-repeat ;
color: #333333;
}



#menu_horizontal .zli2 {
display:none;

}

#menu_horizontal .zli3 {
display:none;
}
#menu_horizontal .zli4 {
display:none;
}


#mid {
	width: 799px;
	border-bottom: 1px solid #CCC;
	
	margin:0;
	padding: 0;
}

#side {
	width: 1px;
	float: right;
	margin:0;
	padding: 5px 10px 5px 10px;
}

#main {
	width: 799px;
	float: left;
	margin:0;
	padding: 7px;
	text-align: justify;
}

#break {
	clear: both;
}

#bot {
	width: 810px;
	border-bottom: 3px solid #777;
	background-color:#E1FFF0;
	font-size: 75%;
	text-align: center;
	margin:0;
	padding: 0;
	color: #000000;
}
#bot a {color:#000000
}
#top h1 {
	margin: 0;
	padding: 0 0 0 10px;
	color: #FFF;
	font-size: 24px;
}
#top h2 {
	margin: 0;
	padding: 4px 0 5px 10px;
	color: #EEF;
	font-size: 90%;
}

/* Menu */
.zul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}
.zli1,.zli2,.zli3,.zli4 {
	background-image: url(deco/pge0.png);
	background-repeat: no-repeat;
	padding-left: 14px;
}
.zon {
	background-image: url(deco/pge1.png);
}
.zli1 {
	margin-left: 0px;
}
.zli2 {
	margin-left: 16px;
}
.zli3 {
	margin-left: 32px;
}
.zli4 {
	margin-left: 48px;
}

/* styles zite */
#zadmin {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 3px 0 0 0;
}
.ztable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 5px 0;
	width: 100%;
}
.zalert {
	border: 1px solid #C00;
	background-color: #FEA;
	padding: 0 2px;
}
div.background
  {
  width:500px;
  height:250px;
  background:url(deco/aout2010.jpg) repeat;
  border:2px solid black;
  }
div.transbox
  {
  width:425px;
  height:210px;
  margin:30px 30px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
text-align:left;
  }
div.transbox p
  {
  margin:30px 30px;
  font-weight:bold;
  color:#000000;
text-align:left;
  }

.slideshow { height: 220px; width: 400px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #000; background-color: #DFC082; }
#slideshow img { display: none }
#slideshow img.first { display: block }