* {margin:0; padding:0;}
body {
 background-color:#08a7bb; background-image:url(zfiles/2.gif);
 text-align:center; font-size:10pt; color:black;
 font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
td {font-size:10pt; font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
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;}
p {text-indent:1.5em; margin:.5em;}

.gauche {float:left;}
.droite {float:right;}

#page {background-color:white; margin:0 auto 16px auto; display:table; color:black;}
* html #page {width:60em;}
#ombreg {background-image:url(zfiles/3.png); background-position:left;  background-repeat:repeat-y; margin-left:-16px;  padding-left:16px;}
#ombred {background-image:url(zfiles/4.png); background-position:right; background-repeat:repeat-y; margin-right:-16px; padding-right:16px;}

#top {background-image: url(zfiles/6.gif);}
#menu {border-collapse:collapse; width:762px;}
#menu a {background-color:black; color:#ff8400; font-weight:bold; text-decoration:none;}
#bas {background-color:#000000; font-size:75%; padding:.5em; text-align:center; color:#CC9933; clear:both;}
#bas a {color:#CC9933; clear:both;}

#contenu {text-align:left; display:inline;}
#contenu li {margin-left:2em;}
#contenu h1 {clear:both; text-align:center; margin:1em;}

div.double {width:54em; margin:1em auto 1em auto; clear:both;}
div.gauche {width:26.9em; margin:.25em .1em 1em 1em;}
div.droite {width:26.9em; margin:.25em 1em 1em .1em;}
div.bleu {padding:.4em; background-color:#0590A7; color:#ffffff; border:2px outset #0590A7;}
div.bleu h2 {color:#E9B127;}
div.marron {padding:.4em; background-color:#f9f1c4; color:#000000; border:2px solid #CC9933;}
div.marron h2 {color:#058296;}

.document {font-size:70%; text-align:right;}
.date {background-color:#444444; padding:1em; font-size:70%; width:12em; border-style:outset; border-width:2px; color:#ffffff;}
.evenement {margin:1em auto 1em auto; clear:both; padding:1em; width:54em;border-top:2px solid black; background-color:#f0f0f0;}

table.ludotheque td {text-align:center; border:2px inset black;}
table.ludotheque th {background-color:#444444; padding:1em; width:12em; border-style:outset; border-width:2px; color:#ffffff; font-size:70%; text-align:center;}

table.liens {width:54em;}
table.liens th {text-align:center; vertical-align:middle}

.programme {border-style:inset; border-width:2px; text-align:center;}
ul.annees li {display:inline; list-style:none;}
ul.annees li a {color:#ff8400; font-weight:bold; font-size:11pt; text-decoration:none;}



/* Menu */
.zul {padding:0; margin:10px 0 0 0; list-style:none;}
.zli1:before,.zli2:before,.zli3:before,.zli4 :before {content:url(deco/pge0.png);}
.zon:before {content:url(deco/pge1.png);}
.zli1 {margin-left:0em;}
.zli2 {margin-left:1.2em;}
.zli3 {margin-left:2.4em;}
.zli4 {margin-left:3.6em;}

/* 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;}