/* source http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, xsup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	xoutline: 0;
	xfont-size: 100%;
	xvertical-align: baseline;
	xbackground: transparent;
}




body {
	xline-height: 1; /* qu'est-ce que ça veut dire ? */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/****************************************************************/

sub, sup {  vertical-align : baseline;  position : relative; font-size:80%; } 
sup {top : -0.5em;}
sub {bottom : -0.25em;}


/****************************************************************/


body { background:#fff; font-size:12px; margin:0; font-family:arial; }
td { font-size:12px; }

/* Liens */
a { text-decoration:none; color:#026; }
/* a { color:inherit; } ne fonctionne pas avec ie */
a.externe {
    background: url('externe.gif') no-repeat 100% 0;
    padding: 0 20px 0 0;
} 
.passe a { color:#999; }
.passe a:hover { color:#048; }



td { vertical-align:top; }

.invisible { display:none; }
span.esi { font-size:1px; } /* espace sécable invisible */
hr { clear:both; margin:0; padding:0; visibility:hidden; }
.marqueurfin { text-align:center; clear:both; }
span.bi { xbackground:#fc3; color:#310; font-weight:bold; font-style:italic; }
.cent1 { width:100px; background:red; float:left; }
.cent2 { width:100px; background:green;  float:left; }
em { font-weight:bold; color:#630; }
/* inutile */ div { zoom:1; }
/** div.sep { font-size:10px; visibility:visible; height:10px;  } **/


/*******************/
/* Bandeau du haut */
/*******************/



#haut { background:#b41616; border-bottom:solid 2px #930; }

#haut .ongletfictif { padding:.4em 1em; }

.menu { width:990px; margin:auto; font-size:14px; }


#haut .onglet-accueil { xfont-size:26px; float:left; margin-right:8em; padding:.4em 1em .4em 0; }
#haut .onglet-accueil a { color:#fff; }
#haut .onglet-accueil a:hover { color:#999; }

#haut .onglet-agenda { float:left; margin-right:2em; background:url('coin8.gif') right top no-repeat; color:#000; padding:.4em 1em; }
#haut .onglet-agenda a { color:#fff; }
#haut .onglet-agenda a:hover { color:yellow; }

#haut .onglet-cinema { float:left; margin-right:2em; background:url('coin8.gif') right top no-repeat; padding:.4em 1em; }
#haut .onglet-cinema a { color:#fff; }
#haut .onglet-cinema a:hover { color:yellow; }

#haut .onglet-theatre { float:left; margin-right:2em; background:url('coin8.gif') right top no-repeat; padding:.4em 1em; color:#666; }
#haut .onglet-theatre a { color:#fff; }
#haut .onglet-theatre a:hover { color:yellow; }

#haut .onglet-librairie { float:left; margin-right:2em; background:url('coin8.gif') right top no-repeat; padding:.4em 1em .4em 1em; }
#haut .onglet-librairie a { color:#fff; }
#haut .onglet-librairie a:hover { color:yellow; }

#haut .onglet-apropos { float:right; padding:.4em 0 .4em 1em; font-style:italic; font-size:12px; }
#haut .onglet-apropos a { color:#ccc; }
#haut .onglet-apropos a:hover { color:yellow; }


.onglet-patrimoine { float:left; margin-right:1em; background:#c96; color:#000; padding:.4em .8em .4em .8em; }
.onglet-cafe { float:left; margin-right:1em; background:#969; color:#000; padding:.4em .8em .4em .8em; }
.onglet-art { float:left; margin-right:1em; background:#c93; color:#000; padding:.4em .8em .4em .8em; }
.onglet-histoire { float:left; margin-right:1em; background:#996; color:#000; padding:.4em .8em .4em .8em; }

.onglet-contact { background:#fff; color:#000; float:right; padding:.4em 1em .4em 1em; }

/* fin du bandeau du haut */

#conteneur { width:990px; margin:auto; background:#fff; }

#bas { background:#cc9; text-align:right; padding:2px 8px 2px 0; font-size:12px; color:#666; margin-top:8px; clear:both; }

#ecran {  margin-top:4px; margin-right:210px; } /* soit une zone ecran de 780px */
#ecranlarge {  margin-top:4px; } /* largeur 990px */
#ecranfiche {  width:400px; margin:40px auto; }
#plus { float:right; width:200px; xbackground:#0fc; overflow:hidden; } /* rectifier pour ie le décalage à droite des flottants */ /* pourquoi overflow hidden dans body ne marche pas ? */


/* Contenu par défaut */
.contenu { xbackground:green; }
.contenu .accueil { margin:0px 0px; padding:10px 0px; xbackground:yellow; } /* soit une largeur de 780px */
.contenu .fiche { margin:0px 0px; padding:10px 0px; xbackground:yellow; } /* soit une largeur de 780px + 210 si écranlarge */
.contenu .vitrine { margin:0px 0px; padding:10px 0px; xbackground:yellow; }
.contenu .agenda { margin:0px 0px; padding:10px 0px; xbackground:yellow; } /* agenda est conçu pour 780px */
.contenu .expositions { margin:0px 50px; padding:10px 0px; xbackground:yellow; } /* soit une largeur de 680px */
/* .contenu .patrimoine { margin:0px 0px; padding:10px 0px; xbackground:yellow; } */ /* soit une largeur de 780px */ 
.contenu .histoire { margin:0px 50px; padding:10px 0px; xbackground:yellow; } /* soit une largeur de 680px */


/* Les "operations", la page "à propos", les pages "cinema"  ne sont pas encadrées de "div contenu" */

/* La page "à propos" */
div.apropos { margin:0; padding:10px 0px; } /* soit 780px */
div.apropos h4 { font-size:16px; margin:1em 0; letter-spacing:.1em;color:#930; }

/* Les opérations (regroupement de dates et présentations) */
div.operation { margin:0px 0px; padding:10px 0px; xbackground:yellow; margin-right:0px; } /* soit une largeur de 780px */
div.operation h4 { font-size:16px; margin:1em 0; border-bottom:solid #ccc 1px; padding-bottom:4px; letter-spacing:.1em;color:#600; }

/* Les pages cinéma */
div.cinema { margin:0px 0px; padding:10px 0px; xbackground:yellow; }



/* Le fiches (événement, association...) */
.contenu .fiche h4 { font-size:14px; margin:1em 0; color:#c66; xbackground:#f8f899; border-bottom:solid #966 1px; letter-spacing:.1em; }

/* Publicité */
#plus a { color:#c60; }
.annonce { padding:4px; font-size:12px; margin-top:8px; color:#663; font-style:italic; }
/* le contenu de cette section réduit de 3 pixels la largeur de l'ecran de gauche sous ie */

.carte { border:solid 1px #996; color:#000; padding:8px; font-size:9px; margin-bottom:1em; }
.enseigne { font-weight:bold; margin-bottom:2em; color:#c60; font-size:10px; }
.metier { font-weight:bold; text-align:center; margin-bottom:2em; font-size:10px; }
.adresse { font-size:8px; }


.communes { padding:20px; font-style:italic; }


.illus1 { width:60px; float:left; margin:0 20px 20px 0; }
.illus2 { width:100px; float:right; margin:0 0 20px 20px; }

/** OK **/

/* Typographie */

strong { color:#633; }
h1  { font-size:1.8em; font-weight:normal; color:#b41616; margin:0 0 1em 0; line-height:1.2em; }
div.sth1 { color:#998; font-style:italic; margin-top:-2em; margin-bottom:1em; font-size:14px; }
div.sth1-date { color:#665; font-style:italic; margin-top:-1em; margin-bottom:1em; font-size:1.4em; }
h2 { font-family:"trebuchet MS"; font-size:1.6em; font-weight:bold; color:#900; margin-top:1em; margin-bottom:1em; }
div.sth2 { color:#665; font-style:italic; margin-top:-1em; margin-bottom:1em; font-size:14px; }
h3 { font-size:12px; font-weight:normal; font-style:italic; letter-spacing:.1em; 
padding:0px 0px 6px 25px; color:#333;
position:relative; top:-10px; left:-10px;
margin:0px 0 0px 0; /* marge en bas de 10px due au top:-10px */
background:url('mire.jpg') no-repeat top left; }
h4 { color:#600; font-size:16px; } /* défini à chaque utilisation */
h5 { font-family:"trebuchet MS"; font-size:1em; color:#900; xmargin:1em 0 .4em 0; }
h6 { font-family:"trebuchet MS"; font-size:1em; color:#960; margin:1em 0 .4em 0; }

p, li { font-size:1em; margin-bottom:.2em; }
p, li, td { letter-spacing:.02em; line-height:1.4em; font-size:1em; }


ul { margin:0; padding:0; }
li { margin:0; padding:0; list-style-type:none; }

li { xdisplay:inline; padding-left:16px; background:url('aster.gif') no-repeat; }


div.intro { color:#600; margin-bottom:1em; padding-bottom:20px; background:url('sep2.gif') no-repeat bottom; }

/*************************************************************/
/*                  Agenda                                                                                                      */
/*************************************************************/ 
/* de la colonne (td), on ne dit rien ; de son contenu (div), on fixe la largeur ; des éléments du contenu, on fixe les padding et les margin si on veut, les font-size, les color, et tout ce qu'on veut... */

.agenda { }               /* 780 */
.agenda tr.ligneevt td { padding:0 0 8px 0; border-top:solid 1px #ddd; xborder-right:solid 1px #eee; } /* garder padding horizontal à 0 ; le border-right rajoute les pixels correspondants */

.agenda td.date {}
.agenda div.date { width:160px; overflow:hidden; }                                             /* 160 */
.agenda div.date span.jour { font-size:13px; color:#600;
display:block; margin-bottom:.4em; }
.agenda div.date span.heure { font-size:13px; color:#666;
display:block; margin-bottom:.4em;
}

.agenda td.theme {}
.agenda div.theme { width:80px; margin-left:20px; overflow:hidden;  color:#ccc; }    /* 100 */

.agenda td.evt {}
.agenda div.evt { margin-left:20px; }                                             /* le reste */
.agenda div.evt span.evttitre { display:block; margin-bottom:.4em; }
	.agenda div.evt span.evttitre span.titre1 {  font-variant:small-caps; font-weight:bold; color:#864; font-size:14px; } /* couleur préservée par un span même si un lien englobe les span titre1 et titre2 */
	.agenda div.evt span.evttitre span.titre2 {  font-variant:small-caps; font-weight:bold; color:#800; font-size:14px; }
.agenda div.evt span.evtcompl { display:block; margin:0 0 2px 0; color:#000; font-size:13px; }
.agenda div.evt span.evtplus { display:block; margin:4px 0; color:#333; font-size:12px; }
.agenda div.evt span.evtpratique { display:block; margin:4px 0; color:#000; font-size:11px; }
.agenda div.evt span.evtcontact { display:block; margin:4px 0; color:#666; font-size:11px; }
.agenda div.evt span.evtgroupe { display:block; margin:4px 0; color:#333; font-size:11px;  }
.agenda div.evt span.organisateur { display:block; margin:4px 0; color:#666; font-size:11px; }
.agenda div.evt span.organisateur1 { display:block; margin:4px 0; color:#666; font-size:11px; }

.agenda td.lieu {}
.agenda div.lieu { width:140px; margin-left:20px; overflow:hidden; }                       /* 160 */
.agenda div.lieu span.lieu1 { display:block; margin-bottom:.4em; font-weight:bold; color:#840; font-size:13px; }
.agenda div.lieu span.lieuplus { display:block; margin-bottom:.4em; color:#000; font-size:11px; }

/*
.agenda td.organisateur { xbackground:#ffff99; }
.agenda div.organisateur { xbackground:green; width:180px; margin:0; overflow:hidden; }
.agenda div.organisateur span.organisateur1 { xbackground:red; display:block; margin:0 0 0 10px; color:#666; font-size:11px; }
*/

div.bloc-annonce div.prochain { background:#ff9; padding:2px; font-size:10px; }
div.bloc-annonce div.prochain span.jour { color:#600; }
div.bloc-annonce div.prochain span.evenement {}
div.bloc-annonce div.prochain span.evtcompl { font-style:italic; color:#333; }








/********************************************************************************************/
/*                                                   Accueil                                */
/********************************************************************************************/

.cadre0 { xwidth:150px; xbackground:yellow; margin-bottom:10px; xdisplay:none; }
.accueilintro { font-style:italic; font-size:12px; }

.cadre1 { xwidth:350px; xbackground:green; margin-bottom:10px; } /* largeur = reste du tableau, soit 350 */
.cadre2 { width:250px; xbackground:yellow; margin-bottom:10px; } /* dont deux marges */
.cadre3 { width:210px; xbackground:green; margin-bottom:10px; } /* ie perd 3 pixels à cause du flottant à droite */

.cadre1 .prochainement { margin:40px 0 10px 0; }
.prochainement {  xbackground:yellow; padding-bottom:10px; border:dotted #cca 1px; }
.prochainement h3 {}
.prochainement h4 { font-size:14px; font-weight:normal; color:#c30; margin-bottom:1em; }

/* Encadré événement */


/* Prochainement */

.prochainement .ligneevt { margin-bottom:10px; xpadding-top:8px; border-top:solid 1px #999; clear:left; xbackground:#666; }




.prochainement .randonnee, .prochainement .nature, .prochainement .sport , .prochainement .patrimoine , .prochainement .rien , .prochainement .conference , .prochainement .musique , .prochainement .spectacle , .prochainement .fete, .prochainement .agri, .prochainement .livre, .prochainement .bal, .prochainement .cartes { xbackground:#ccf; text-align:center; font-style:italic; float:right; width:60px; padding:.2em 0; display:none; font-size:10px; }


.prochainement div.lieu-et-date { color:#000; font-size:11px; }
	.prochainement div.lieu-et-date span.lieu {}
	.prochainement div.lieu-et-date span.date {}

.prochainement div.evt { font-size:12px; }
	.prochainement div.evt span.evenement { font-weight:bold; color:#600; }
	.prochainement div.evt span.evtcompl { color:#000; }

.prochainement .ligneevt br { display:none; } /* sous ie, ne conserve pas l'espace après le br, donc rajouter espaces */

/********************************************************************************************/

/* Expositions (indépendant de la page artistes et exposition)
une expo peut être présentée dans un cadre (page d'accueil) ou en ligne (page expos) */

/* images */
.ligneexpo { xwidth:280px; xbackground:green; margin:10px 0; clear:left; }
.ligneexpo img { float:left; width:140px; margin-right:32px; }
.ligneexpo br { display:none; }
.ligneexpo .expotitrecomplet { font-size:14px; color:#c30; font-weight:bold; }
.ligneexpo .exposurtitre {  display:none; }
.ligneexpo .expotitre {  display:none; }
.ligneexpo .expodates { font-size:13px; color:#900; }
.ligneexpo .expolieu { font-size:13px; color:#000; }
.ligneexpo .expocontact { font-size:13px; color:#000; }
.ligneexpo .expofin { text-align:center; clear:left; }

.cadre2 .bloc-annonce { margin:0 20px 20px 20px; } /*sous ie , contrôler la largeur du contenu, qui si elle dépasse agrandit le cadre (ou la colonne ?) */
.cadre2 .bloc-annonce img { width:208px; } /* inférieur à largeur du cadre moins deux margin du cartouche (pas de centrage) et moins les borders éventuels (de cadreexpo, de img, de cadre2) */
.cadre3 .bloc-annonce img { width:208px; display:block; margin:0; } /* inférieur à largeur du cadre moins deux margin du cartouche (pas de centrage) et moins les borders éventuels, moins 3px pour ie */

.bloc-annonce { xbackground:green; margin:0 0 20px 0; border:solid #eee 1px; }

.bloc-annonce .unlivre { margin:4px 0; }
.bloc-annonce .unlivre img { float:left; width:20px; }
.bloc-annonce p.titre-auteur { text-align:left; margin-left:30px; }
.bloc-annonce p.titre-auteur span.titre1 { xfont-weight:bold; color:#930; font-size:1em; }
.bloc-annonce p.titre-auteur span.titre2 { xfont-weight:bold; color:#933; }
.bloc-annonce p.titre-auteur span.auteur { xfont-weight:bold; color:#300; font-size:1em; }


.bloc-annonce .expotitrecomplet { display:none; }
.bloc-annonce .exposurtitre {  font-size:12px; font-weight:bold; letter-spacing:.2em; color:#663; xbackground:#cca; xbackground:#c33; padding:2px 0px; border-bottom:solid #663 1px; }
.bloc-annonce .expotitre {  font-size:13px; font-weight:bold; letter-spacing:.05em; margin:.4em 0 .4em 0; xcolor:#fc0; color:#900; xbackground:#100; }
.bloc-annonce img {  margin:0 0 4px 0;  } /* la largeur est définie en rubrique cadre 2*/
.bloc-annonce .expodates { font-size:13px; color:#600; xtext-align:center; xfont-weight:bold; background:#fff url('triangle14orange.gif') no-repeat left top; padding:0 0 0 14px; margin:.5em 0; }


.bloc-annonce .texte { font-size:13px; color:#000; text-align:center; }



div.bloc-annonce div.prochain { background:#eed; padding:2px; font-size:10px; }
div.bloc-annonce div.prochain span.jour { color:#600; }
div.bloc-annonce div.prochain span.evenement {}
div.bloc-annonce div.prochain span.evtcompl { font-style:italic; color:#333; }








.cadreexpo .expolieu { font-size:13px; color:#000; text-align:center; }
.cadreexpo .expocontact { font-size:13px; color:#000; text-align:center; }
.cadreexpo .expodescription { font-size:12px; color:#000; }
.cadreexpo .expofin { text-align:center; clear:left; }


div.sep { clear:both; color:white; background:red; height:0.01px; font-size:0.01px; visibility:hidden; }


/* agenda2 = regroupements */
/* largeur : 140 + 500 + 140 = 780 */
.agenda2 h5 { color:#666; font-style:italic; }
.agenda2 tr.ligneevt td { padding-top:16px; padding-bottom:16px; }

.agenda2 td.date {}
.agenda2 div.date { width:140px; }
.agenda2 div.date span.jour { xdisplay:block; color:#900; font-size:12px; font-weight:bold; margin-top:6px; line-height:1.3em; }
.agenda2 div.date span.heure { display:block; color:#420; font-size:12px; font-weight:bold; margin-top:6px; line-height:1.3em; }
.agenda2 div.date span.lieuplus { display:block; color:#600; font-size:12px; font-weight:bold; margin-top:12px; line-height:1.3em;text-transform:capitalize; }

.agenda2 td.evt { }
.agenda2 div.evt { xwidth:480px; margin:0 0 0 20px; } /* 480 si 3 colonnes et 620 si 2 colonnes */
.agenda2 div.evt span.quoi { font-variant:small-caps; xdisplay:block; font-weight:bold; color:#a64; font-size:16px; }
.agenda2 div.evt span.evenement { font-variant:small-caps; xdisplay:block; font-weight:bold; color:#a40; font-size:16px; }
.agenda2 div.evt span.evtcompl { display:block; color:#420; font-size:12px; font-weight:bold; margin-top:6px; line-height:1.3em; }
.agenda2 div.evt span.evtplus { display:block; color:#333; font-size:13px; margin-top:6px; line-height:1.3em; }
.agenda2 div.evt span.evtpratique { display:block; color:#000; font-size:12px; margin-top:6px; line-height:1.3em; }

.agenda2 td.lieu {}
.agenda2 div.lieu { width:140px; margin:0 0 0 20px; } 
.agenda2 div.lieu span.lieu1 { display:block; color:#600; font-size:12px; }	
.agenda2 div.lieu span.lieuplus { display:block; color:#666; font-size:11px; }

/*************************************/
/*                 Thèmes et couleurs                             */
/*************************************/

.agenda .t-nature, .agenda .t-randonnee, .agenda .t-sport, .agenda .t-patrimoine, .agenda .t-rien, .agenda .t-conference, .agenda .t-musique, .agenda .t-spectacle, .agenda .t-fete, .agenda .t-agri, .agenda .t-cartes, .agenda .t-livre, .agenda .t-bal, .agenda .t-agri { 
padding:4px; font-size:13px; display:block;  position:relative; top:-1px; height:80px; xfont-weight:bold; font-style:italic; overflow:hidden;
padding-left:84px; color:#666;
}

.t-nature { background:#060; color:#000; font-weight:bold; background:url('nature80.jpg') left top no-repeat; }
.t-randonnee { background:#663; color:#000; font-weight:bold; background:url('randonnee80.jpg') left top no-repeat; }
.t-sport { background:#036; color:#000; font-weight:bold; background:url('sport80.jpg') left top no-repeat; }
.t-patrimoine { background:#630; color:#000; font-weight:bold; background:url('patrimoine80.jpg') left top no-repeat; }
.t-rien { background:#333; color:#000; font-weight:bold; background:url('evenement80.jpg') left top no-repeat; }
.t-conference { background:#669; color:#000; font-weight:bold; background:url('conference80.jpg') left top no-repeat; }
.t-musique { background:#c90; font-weight:bold; background:url('musique80.jpg') left top no-repeat; }
.t-spectacle { background:#900; color:#000; font-weight:bold; background:url('spectacle80.jpg') left top no-repeat; }
.t-fete { background:#f90; color:#000; font-weight:bold; background:url('fete80.jpg') left top no-repeat; }
.t-agri { background:#f90; color:#000; font-weight:bold; background:url('vache80.jpg') left top no-repeat; }
.t-cartes { background:#060; color:#000; font-weight:bold; background:url('cartes80.jpg') left top no-repeat; }
.t-bal { background:#f90; color:#000; font-weight:bold; background:url('danseuse80.jpg') left top no-repeat; }
.t-livre { background:#606; color:#000; font-weight:bold; background:url('livre80.jpg') left top no-repeat; }

.prochainement .musique { background:#c90; color:#fff; xbackground:url('musique80.jpg'); font-weight:bold; }
.prochainement .spectacle { background:#900; color:#fff; font-weight:bold; }
.prochainement .patrimoine { background:#630; color:#fff; font-weight:bold; }
.prochainement .rien { background:#333; color:#fff; font-weight:bold; }
.prochainement .randonnee { background:#663; color:#fff; font-weight:bold; }
.prochainement .fete { background:#f90; color:#fff; font-weight:bold; }
.prochainement .agri { background:#f90; color:#fff; font-weight:bold; }
.prochainement .cartes { background:#060; color:#fff; font-weight:bold; }
.prochainement .bal { background:#906; color:#fff; font-weight:bold; }
.prochainement .livre { background:#606; color:#fff; font-weight:bold; }
.prochainement .sport { background:#036; color:#fff; font-weight:bold; }
.prochainement .conference { background:#669; color:#fff; font-weight:bold; }
.prochainement .nature { background:#060; color:#fff; font-weight:bold; }




/* Histoire */
.histoire .illus1 { display:none; } /* pour une mise en page plus propre */
/* des colonnes où qu'elles se trouvent, mais actuellement uniquement en section histoire */
.histoire .col1 { width:400px; float:left; }
.histoire .col2 { width:250px; float:right; }	
/* Une bibliographie, où qu'elle se trouve, mais actuellement uniquement en section histoire */
.bibliographie div.livre { xbackground:yellow; margin:1em 0 1em 0; clear:left; }
.bibliographie span.titre { padding-left:18px; background:white url('puce1.gif') no-repeat; font-weight:bold; color:#930; font-size:1.1em; xtext-transform:uppercase; }
.bibliographie .auteur { padding:0 0 0 8px; xbackground:yellow; xfont-weight:bold; color:#765; }
.bibliographie .editeur { margin:0 0 0 8px; color:#543;  font-size:.8em; }




/*************************************************************/
/*                  Agenda3 (fiche événement)                */
/*************************************************************/ 

.agenda3 h4 { color:#666; }
.agenda3 div { margin-bottom:1em; }
.agenda3 div.date { xbackground:red; margin-bottom:12px; }
.agenda3 div.date div.jour { xbackground:green; font-size:16px; color:#600; font-weight:bold; }
	.agenda3 div.date div.jour span.annee { font-weight:normal; color:#666; font-size:.6em; }
.agenda3 div.date div.heure { xbackground:blue; font-size:16px; color:#000; }

.agenda3 div.evt { xbackground:yellow; margin-bottom:12px; }
.agenda3 div.evt div.evttitre {  font-variant:small-caps; font-weight:bold; color:#840; font-size:16px; }
.agenda3 div.evt div.evtcompl { xbackground:blue; color:#000; font-size:16px; }
.agenda3 div.evt div.evtplus { xbackground:green; color:#666; font-size:16px; }
.agenda3 div.evt div.evtpratique { color:#000; font-size:14px; }
.agenda3 div.evt div.evtcontact { xbackground:blue; color:#666; font-size:16px; }

.agenda3 div.lieu { xbackground:green; margin-bottom:16px; }
.agenda3 div.lieu div.lieu1 { font-weight:bold; color:#600; font-size:16px; }
.agenda3 div.lieu div.lieuplus { color:#000; font-size:16px; }

.agenda3 div.organisateur { xbackground:#eee; margin-bottom:16px; font-size:16px; }
.agenda3 div.organisateur div.organisateur1 { display:inline; color:#666;  }