body { font-family:Arial;font-size:12px;background-color:#AFAFAF;color:#AAAAAA;margin:0px;padding:20px 0px 0px 0px; }
p, td, form { margin:0px;padding:0px; }
input, select, option, textarea { font-family:Arial;font-size:12px;color:#AAAAAA; }
a, a:hover, a:visited { color:#AAAAAA; }
h1 { margin:0px 10px 0px 10px;padding:0px 0px 10px 0px;font-family:Century Gothic, Arial;font-size:1.5em;font-weight:normal;color:#555555; }
h2 { margin:10px 10px 5px 10px;padding:0px;font-family:Century Gothic, Arial;font-size:1.2em;line-height:1em;font-weight:normal;color:#555555; }
h3 { margin:0px 0px 0px 10px;padding:0px;font-size:1em;font-weight:bold;text-transform:uppercase; }
div#messages { position:fixed;top:0px;left:0px;width:100%;height:20px;padding:5px;background-color:#F0F0F0; }
div#page { width:900px;margin:auto;background-image:url('../multimedia/body.jpg');background-position:top center;background-repeat:repeat-y;padding-bottom:20px; }
a#logo { margin:0px 0px 0px 53px;display:block;width:117px;height:188px; }
div#gauche, div#centre, div#droite { background-repeat:no-repeat;float:left; }
div#gauche { background-image:url('../multimedia/gauche.jpg');width:225px; }
div#centre { background-image:url('../multimedia/centre.jpg');padding-top:188px;width:450px; }
div#droite { background-image:url('../multimedia/droite.jpg');padding-top:188px;width:225px;text-align:center; }
div#cadre {  }
div#cadre p { margin:0px 0px 0px 10px; }
div#cadre h2 { margin-top:0px;margin-bottom:10px; }
div#outils { width:900px;margin:auto;padding:10px 0px 20px 0px;text-align:center;font-size:0.9em; }
div#outils, div#outils a { color:#F0F0F0; }
div#outils img { vertical-align:middle;margin-left:3px; }
div#menu a { display:block;text-decoration:none; }
div#menu a.menu { padding:4px 10px 4px 10px;font-variant:small-caps;color:#787878;background-image:url('../multimedia/menu1.jpg'); }
div#menu a.menu:hover { color:#222222; }
div.sousmenu { overflow:hidden;background-image:url('../multimedia/menu2.jpg'); }
div.sousmenu a { font-size:0.95em;padding:0px 10px 4px 15px;color:#555555; }
div.sousmenu a:hover { color:#F5F5F5; }
div.sousmenu a.premier { padding-top:4px; }
form.texte { text-align:left;background-color:#FFFFFF;border:solid 1px #CCC7C7;margin:0px 10px 0px 10px;padding:1px; }
form.texte div.champ { float:right; }
form.texte input { border:solid 1px #FFFFFF;padding:0px;margin:2px 0px 0px 0px;width:120px; }
form.texte div.bouton { height:21px;margin:0px; }
form.selection { margin:0px 0px 0px 0px; }
form.selection select { width:205px;border:solid 1px #CCC7C7;margin:2px 10px 0px 10px; }
div#calendrier { width:205px;margin:0px 10px 10px 10px; }
div#vignettes { margin-left:30px;width:406px; }
div#vignettes div.vignette { float:left;width:120px;height:170px;margin:0px 0px 5px 5px;padding:5px;border:solid 1px #A0A0A0; }
div#vignettes div.premiere { margin-left:0px; } 
div#vignettes div.vignette a { display:block;background-position:center;background-repeat:no-repeat;width:120px;height:120px; }
div#vignettes div.vignette div { text-align:center;margin-top:10px;color:#A0A0A0; }
table.calendrier { width:100%; }
table.calendrier th, table.calendrier td { padding:3px; }
table.calendrier th { font-weight:normal; }
table.calendrier a { text-decoration:none;font-weight:bold;color:#555555; }
table.calendrier caption { font-family:Century Gothic, Arial;font-size:1.2em;line-height:1em;font-weight:normal;color:#555555; }
table.calendrier th.ferie, table.calendrier td.ferie { background-color:#F7F7F7; }
table.calendrier th.hormois, table.calendrier td.hormois { background-color:#EAEAEA; }
table.calendrier td.aujourdhui { border:solid 1px #606060; }
a#moisprecedent, a#moissuivant { display:block;width:15px;height:15px;margin:0px 7px 0px 7px; }
a#moisprecedent { float:left;background:url('../multimedia/moisprecedent.jpg'); }
a#moissuivant { float:right;background:url('../multimedia/moissuivant.jpg'); }
div.cache { display:none; }
div.montre { display:block; }
form#formulairecontact { margin:10px 0px 0px 10px; }
form#formulairecontact label { display:block;margin:0px 0px 2px 0px;padding:0px;font-family:Century Gothic, Arial;font-size:1.2em;line-height:1em;font-weight:normal;color:#555555; }
form#formulairecontact input, form#formulairecontact textarea { width:430px; }
form#formulairecontact textarea { height:100px; }
form#formulairecontact a { display:block;width:60px;height:21px;margin:3px 0px 0px 0px;background:url('../multimedia/envoyer.jpg'); }
div.evenement { clear:left;margin-bottom:0px; }
div.evenement div.vignette { width:128px;height:180px;float:left;background:url('../multimedia/vignette.jpg'); }
div.evenement div.vignette div { width:102px;height:150px;margin:13px 0px 0px 15px;background-position:center;background-repeat:no-repeat; }
div.evenement div.description { padding-top:12px;margin-left:128px; }
div.evenement div.description p.date { padding-bottom:10px;margin:0px;color:#555555; }
div.evenement div.description p.adresse { padding:0px;color:#8EA5A5; }
div.evenement div.description p.adresse span.commune { font-variant:small-caps;white-space:no-wrap; }
div.evenement div.description div.detail { margin-top:10px;}
div.evenement div.description div.detail p { padding-bottom:5px; }
div#abonnement { background-color:#F0F0F0;padding:5px 0px 20px 0px;margin:20px 10px 0px 10px; }
div#abonnement h2 { padding-top:5px; }
div#masque { position:absolute;top:0px;left:0px;display:none;background:url('../multimedia/masque.png'); }
div#diapositive { position:absolute;top:0px;left:0px;display:none;background-color:#FFFFFF;padding:5px 10px 10px 10px; }
div#diapositive a.bouton { display:block;float:right;text-decoration:none;padding:0px 0px 5px 0px;font-weight:bold;color:#505050; }
div#diapositive a#diapocourante { display:block;clear:right;background-position:center;background-repeat:no-repeat; }
div.introduction {  }
div.introduction p { padding:0px 0px 10px 0px; }