body { 
background-color: #000 ; /* 003   600 900 */
font-family: Helvetica,Arial,Verdana,sans-serif;
color: #000;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: left;
}

P {
font-size: 12px;
}

/* TABLEAU de fond de page pour centrage */
div.fondpage {
position:absolute;
left: 50%; /*on positionne le coin au milieu*/
width: 760px; /* largeur */
margin-left: -380px; /* puis on décole moitié de la largeur */
/*border: 1px solid #FFF;*/ /* JUSTE pour vérif*/
}


/* TABLEAU de fond de page pour centrage */

table.fondpage td {
text-align: center;
}

/* titre */
h1 {
font-size: 26px;
font-style: italic;
font-weight: bold;
text-decoration: none;
margin-bottom: -18px;
}

/* sousnom */
h2 {
font-size: 18px;
font-style: italic;
font-weight: normal;
text-decoration: none;
margin-bottom: 0px;
margin-left: 40px;
}

/* essai nouveau */
h4,
h4 a {
color: #000;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-decoration: none;
margin-bottom: -11px;
}

/* retrait */
blockquote {
margin-left: 20px;
margin-top: 0px;
margin-bottom: 10px;
}

img {
border-width: 0px;
}

img.border {
border: solid 1px #000;
}

a {
color: #000;
}

a:hover {
text-decoration: underline;
}

a.menu,
a.menutech,
a.togestion {
color: #C00;
text-decoration: none;
}

a.menu {
font-size: 13px;
}

a.menu:hover {
color: #FFF;
text-decoration: none;
}

a.togestion {
font-size: 10px; 
text-align: right;
}

a.menutech:hover, 
a.togestion:hover {
text-decoration: underline;
color: #C00;
}

/* styles indépendants */
.menutech {
color: #C00;
font-size: 11px;
letter-spacing : 0.04em;
}

.footer {
color: #C00; 
font-size: 10px;
letter-spacing : 1px;
}

a.pin img {
margin: 0px;
border: 0px none;
}

a.pin img.pin {
vertical-align: middle;
}

a.pin,
a.pin:visited {
color: #C00;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a.pin:hover {
/*text-decoration: underline;*/
color: #FFF;
background-color: #C00;
text-decoration: none;
}

/* debug */
p.debug {
font-size: 10px;
color: #999999;
}

p.demasque {
color: #666666; 
font-size: 9px;
font-style: normal;
text-decoration: none;
line-height: 1em;
margin-top: 4px;
margin-bottom: -1px;
}

/* DEBUT : COMMUNS */
.designe {
font-size: 10px;
font-style: italic;
text-decoration: none;
margin-bottom: 6px;
}

/* FIN : COMMUNS */
/* DEBUT :  EVENT */

table.eventdates {
background-color: #FFF; /*  600  666 333  066 F90 FC3 */
height: 40px;
}

table.eventdates td {
padding: 5px;
vertical-align: middle;
}

.contactnom {
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.petitcontactnom {
font-size: 11px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

a.emailnom {
color: #F90; /*   099     0C9 */
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

a.eventlien {
color: #F90; /*   099   F90  0C9 */
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

a.datelien {
color: #C00; /*   099   F90  0C9 */
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

.petitcoordnom {
color: #F90; /*   0C9  F90   099   */
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

.regular,
.regular a {
font-style: normal;
text-decoration: none;
}

.petititalic {
font-size: 11px;
font-style: italic;
text-decoration: none;
}

.petitcontactdate {
font-size: 11px;
font-style: normal;
text-decoration: none;
}

a.datedate,
a.datedate:hover {
font-size: 16px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.dateheure {
font-size: 10px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

a.datelieu {
color: #099; /*   099     0C9 */
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

a.datecomment,
a.datecomment:hover {
font-size: 11px;
font-style: italic;
font-weight: normal;
text-decoration: none;
}

/* titre */
p.grossedate {
color: #000;
font-size: 22px;
font-style: normal;
font-weight: bold;
line-height: 1em;
margin-bottom: 1px;
}

.grossedateheure {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1.1em;
margin-top: 2px;
margin-bottom: 4px;
}

/* sousnom */
a.grossedatelieu {
color: #099; /*   099     0C9 */
font-size: 16px;
font-style: normal;
font-weight: bold;
text-decoration: none;
line-height: 1em;
margin-bottom: 1px;
}

p.grossedatecomment{
color: #000;
font-size: 12px;
font-style: italic;
font-weight: normal;
line-height: 1.1em;
}

.eventcoord{
font-size: 12px;
font-weight: normal;
}

table {
border-width: 0px;
border-spacing: 0px;
}

a.lienagenda {
font-size: 14px;
font-weight: bold;
}


/* DEBUT Tableaux de fond de page  */

table.tablepage1 {
background-color: #FFF; 
width: 760px; 
height: 200px;
text-align: left;
}

td.tablepage1 {
padding: 25px 40px 20px;
}

/* titre */
table.tablepage1 h1 {
color: #000;
}

table.tablepage1 h1.lieunom {
color: #066;
font-size: 32px;
}

/* sousnom */
table.tablepage1 h2 {
color: #C00;
}

table.tablepage1 h2.lieuville {
color: #0C9;
font-size: 26px;
margin-left: 80px;
}

table.tablepage2 {
background-color: #000; /* 600  900  */
border: 1px solid #FC3;  /* 0C9  666  F90*/
width: 760px; 
height: 200px;
text-align: left;
}

td.tablepage2 {
padding: 25px 40px 20px;
}

/* titre */
table.tablepage2 h1 {
color: #FFF;  /* FFF  */
}

/* sousnom */
table.tablepage2 h2 {
font-size: 20px;
color: #C00;
}

table.tablepage3 {
background-color: #282828; /* 333 36 36 36*/
width: 760px; 
height: 200px;
text-align: left;
}

td.tablepage3 {
padding: 20px;
}

/* FIN Tableaux de fond de page  */

/* DEBUT Tableaux des accroches  */

table.accg,
table.accp {
background-color: #000; 
width: 760px;
border: 1px solid #666;
}

table.accg {
height: 260px;
}

table.accp {
height: 140px;
}

table.accg td,
table.accp td {
border: 0px solid #000;
vertical-align: middle;
}

table.accg td {
padding-top : 30px;
padding-bottom : 30px;
}

td.accg1 {
width: 245px;
padding-left: 30px;
padding-right: 15px;
text-align: center;
}

td.accg2 {
width: 515px;
padding-left: 15px;
padding-right: 30px;
text-align: left;
}

table.accp td {
padding-top : 20px;
padding-bottom : 20px;
}

td.accp1 {
width: 615px;
padding-left: 30px;
padding-right: 15px;
text-align: left;
}

td.accp2 {
width: 145px;
padding-left: 15px;
padding-right: 30px;
text-align: center;
}

table.accg caption,
table.accp caption {
color: #666;
text-align: center;
font-size: 10px;
margin-bottom: 0px;
padding :0px;
}

table.accg h1 {
color: #FFF;
font-size: 32px;
margin-bottom: -18px; /* -18 */
}

table.accg h2 {
color: #C00;
font-size: 18px;
margin-bottom: -10px; /* 0 */
margin-left: 30px; /* 40 */
}

table.accg p {
color: #FFF;
font-size: 14px;
}

table.accg p.date {
font-size: 14px;
font-weight: bold;
}

table.accg p.date span.lieu {
color: #0C9; /*   0C9     099 */
font-size: 11px;
font-weight: normal;
}

table.accg p.commentdate {
font-size: 12px;
font-style: italic;
}

table.accp h1 {
color: #FFF;
font-size: 24px;
margin-bottom: -18px; /* -18 */
}

table.accp h2 {
color: #C00;
font-size: 18px;
margin-bottom: -14px; /* 0 */
margin-left: 30px; /* 40 */
}

table.accp p {
color: #FFF;
font-size: 12px;
}

table.accp p.date {
font-size: 11px;
font-weight: normal;
margin-bottom: -10px;
}

table.accp p.date span.lieu {
color: #0C9;
font-size: 11px;
font-weight: normal;
}

table.accp .commentdate {
font-size: 11px;
font-style: italic;
}

/* FIN Tableaux des accroches  */
/* DEBUT liste */

h1.liste {
font-size: 34px;
font-style: normal;
font-weight: bold;
text-decoration: none;
margin-bottom: -10px;
}

p.introliste1 {
margin-left: 12px;
}

p.introliste2 {
margin-left: 12px;
color : #FFF;
}

h2.listegroupenom {
font-size: 22px;
font-weight: bold;
color : #C00;
margin-left: 20px;
margin-top: 40px;
margin-bottom: 0px;
}

p.listegroupecomment {
font-size: 11px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 0px;
}


/* FIN liste */
/* DEBUT tableau invisible liste */

table.liste {
width: 100%;
background-color: #FFF;  /*  temp   */
}

table.listeliste {
width: 100%;
background-color: transparent;  /*  temp   */
}

table.liste td,
table.listeliste td {
padding: 10px;
}

table.liste td.image50,
table.liste td.image100 {
text-align: center;
vertical-align: middle;
}

table.liste td.image50 {
width: 70px;
}

table.liste td.image100 {
width: 120px;
}

table.liste a,
table.listeliste a {
font-size: 22px;
font-style: italic;
font-weight: bold;
text-decoration: none;
margin-bottom: -16px;
}


table.liste .sous {
color: #C00;
font-size: 14px;
font-style: italic;
font-weight: normal;
text-decoration: none;
margin-left: 30px;
margin-bottom: -4px;
}

table.liste .commentevent {
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
margin-left: 15px;
}

table.liste .commentdate {
font-size: 11px;
font-style: italic;
margin-left: 15px;
}

table.liste p.listedatedate {
font-size: 11px; /*14 */
font-weight: bold;
margin-bottom: 0px;
}

table.liste p.listedatedate span.lieu {
font-size: 10px;
font-weight: normal;
}

table.listeliste a.liste {
color: #FC3;   /*  FFF 099  0C9 */
font-size: 22px;
font-style: normal;
font-weight: bold;
text-decoration: none;
margin-bottom: -16px;
margin-left: 20px;
}

table.listeliste p.commentliste {
color: #F90;   /*  0C9 C00  FFF  099    */
font-size: 11px;
margin-left: 40px;
margin-top: 2px;
}

table.liste a.listenomlieu,
table.liste a.listenomlieu:hover {
color: #066;  /* 099 0C9 099 900 C00  */
text-decoration: none;
}

table.liste .ville {
color: #0C9;  /*   900 C00  */
font-size: 16px;
font-style: italic;
font-weight: bold;
}

table.liste a.nomlien {
color: #900;  /*   900 C00  */
margin-bottom: 0px;
}

table.liste a.cheminlien {
color: #F90;  /*   C00 F90  */
font-size: 11px;
font-style: normal;
font-weight: normal;
margin-top: 0px;
margin-left: 40px;
letter-spacing : 0.05em;
}

table.liste p.commentlien {
margin-top: 10px;
}

div.togestionbottom {
text-align: right;
margin-top: 1px;
margin-bottom: 0px;
}
/* FIN tableau invisible liste */


/*  debut PAGE LIEU DETAIL */

p.lieuadresse {
font-size: 14px;
font-weight: bold;
margin-top: -5px;
}

p.lieudistance {
font-size: 11px;
margin-top: -8px;
}


a.lieulien {
color: #099; /*   099     0C9 */
font-size: 14px;
font-weight: bold;
margin-top: -6px;
text-decoration: none;
}

.lieulienpetit {
font-size: 10px;
font-weight: normal;
margin-top: 0px;
}

div.lieuorga {
width: 670px; /* largeur */
border: solid 2px #999;
padding: 20px;
margin-top: 0px;
/*border: 1px solid #FFF;*/ /* JUSTE pour vérif*/
}

p.lieuorga  {
margin-top: -20px;
}
/*
div.lieuorga blockquote  {
margin-top: -10px;
}
*/
p.visible {
text-align: center;
color: #999; /*   099     0C9 */
font-size: 11px;
font-weight: bold;
margin-bottom: 0px;
}

/*  fin PAGE LIEU DETAIL */


/*  debut PAGE PSEUDO DETAIL */

p.pseudonomgroupe {
color: #000; /*   C00 099     0C9 */
font-size: 14px;
font-weight: bold;
margin-top: 8px;
margin-bottom: 0px;
margin-left: 20px;
}

p.pseudogroupecomment {
color: #666; /*   000 333 */
font-size: 11px;
font-weight: normal;
margin-top: -2px;
margin-bottom: 0px;
margin-left: 30px;
}

/*  fin PAGE PSEUDO DETAIL */

table.encadredate {
background-color: #FF9; /*  600  666 333  066 F90 FC3 */
/*border: solid 2px #000;*/
width: 670px; /* 100% */
text-align: left;
}

table.encadredate td {
padding: 0px;
background-color: #FF9;
/*padding: 20px 20px 10px; /*  haut côtés bas    */
}

table.encadredate td.autour {
padding: 0px;
background-color: #FFF;
}

table.troiscases {
width: 100%; 
}

table.troiscases td.photopseudo {
width: 100px; 
text-align: center;
}

table.tablefooter {
width: 760px;
}

table.tablefooter td {
padding: 0px;
text-align: center;
}

td {
padding: 0px;
vertical-align: top;
}

td.bottom {
vertical-align: bottom;
}

/* sousnom */
form.messagedirect {
margin-top: 0px;
margin-bottom: 0px;
}

/* SUIVI */
p.suivi {
color: #C00;
font-size: 11px;
letter-spacing : 0.05em;
margin-top: 1px;
margin-bottom: 7px;
margin-left: 7px;
}

p.suivi a {
color: #C00;
font-weight: bold;
}

p.suivi a:hover {
color: #FFF;
font-weight: bold;
}

/* AGENDA */

h1.agenda {
font-size: 30px;
}

h1.agenda  .nom {
font-size: 18px;
color: #C00;
}

a.autresagendas,
a.autresagendas_i {
font-weight: bold;
font-style: normal;
text-decoration: none;
font-size: 13px;
color: #F90; /*#F90;    099   c60 f60  0C9 */
margin-left: 20px;
}
a.autresagendas:hover,
a.autresagendas_i:hover {
/*text-decoration: underline; */ /* garder ? */
text-decoration: none;
color: #C00;
}

p.forautresagendas {
text-align: center;
margin-top: -5px;
margin-bottom: 10px;
margin-left: -10px;
}

a.autresagendas_i, 
a.autresagendas_i:hover {
font-style: italic;
}

a.autresperiodes {
font-weight: bold;
font-style: normal;
text-decoration: none;
font-size: 13px;
color: #69C; /*#F90;    099   c60 f60  0C9 */
/*margin-left: 20px;*/
}
a.autresperiodes:hover {
/*text-decoration: underline; */ /* garder ? */
color: #369;
}

table.foragenda {
border: 1px solid #888;  /*  666   */
margin-top: 10px;
background-color: #FFF;
padding : 0px;
margin : 0px;
border-collapse: collapse;
border-spacing: 0px;
}

/* ABANDONNEE
table.foragenda td.forannee {
border: 1px solid #F00;  
padding : 0px;
margin : 0px;
vertical-align: top;
border-spacing: 0px;
cell-padding: 0px;
}
*/

table.agenda,
table.agendafondu {
width: 96px; /* autre methode ? */ /* largeur d'une colonne d'un mois */
/*border: 1px solid #666; *//* GARDER ? */
border-collapse: collapse;
font-size: 10px;
padding : 0px;
margin : 0px;
}

table.agenda td.annee,
table.agenda td.mois,
table.agenda td.numjoursemaine,
table.agenda td.numjoursam,
table.agenda td.numjourdim,
table.agenda td.numjourferie,
table.agenda td.numjourfantome,
table.agenda td.textejour,
table.agenda td.textejourbooked  {
border: 1px solid #888;    /*  666   */
padding: 2px;
}
table.agendafondu td.annee,
table.agendafondu td.mois,
table.agendafondu td.numjoursemaine,
table.agendafondu td.numjoursam,
table.agendafondu td.numjourdim,
table.agendafondu td.numjourferie,
table.agendafondu td.numjourfantome,
table.agendafondu td.textejour,
table.agendafondu td.textejourbooked  {
border: 1px solid #BBB;  /*  999   */
padding: 2px;
}

table.agenda  td.annee {
background-color: #000;
color: #999;
text-align: center;
letter-spacing : 0.1em;
}
table.agendafondu  td.annee {
background-color: #777;
color: #CCC;
text-align: center;
letter-spacing : 0.1em;
}

table.foragenda td.mois p {
text-align: center;
font-size: 11px;
font-weight: bold;
}
table.foragenda td.mois p .moisnumerique {
font-weight: normal;
font-size: 10px;
}
table.agendafondu td.mois p {
color: #666;
}

table.agenda td.numjoursemaine {
background-color: #DDD;
}
table.agendafondu td.numjoursemaine {
background-color: #EEE;
}

table.agenda td.numjoursam {
background-color: #CCC;
}
table.agendafondu td.numjoursam {
background-color: #DDD;
}

table.agenda td.numjourdim {
background-color: #A6A6A6;
}
table.agendafondu td.numjourdim {
background-color: #CCC;
}

table.agenda td.numjourferie {
background-color: #A3D9A3;
}
table.agendafondu td.numjourferie {
background-color: #D1ECD1;
}

table.agenda td.numjourfantome {
background-color: #FFF;
}
table.agendafondu td.numjourfantome {
background-color: #FFF;
}


table.foragenda p.numjour {
/*margin-bottom :-3px; *//*   ???   */
text-align: center;
font-weight: bold;
font-size: 11px;
margin :0px;
margin-bottom : -1px;
}
table.agenda p.numjour {
color: #000;
}
table.agendafondu p.numjour {
color: #666;
}

table.agenda span.current p.numjour {
color: #C00;
}
table.agendafondu span.current p.numjour {
color: #F66;
}

table.foragenda p.nomjour {
text-align: center;
font-weight: normal;
font-size: 9px;
margin :0px;
margin-bottom : -2px;
}
table.agenda p.nomjour {
color: #666;
}
table.agendafondu p.nomjour {
color: #999;
}

.vacance {
font-style: italic;
}

table.agenda td.textejour {
}
/*
table.agenda td.textejourbooked {
background-color: #FC3;
}
*/
table.agenda td.textejourbooked {
background-color: #FFD863;
}
table.agendafondu td.textejourbooked {
background-color: #FFF2B2;
}

div.textejour {
width: 70px;
height: 24px;
overflow: hidden;
padding: 0px;
font-size: 9px;
}

div.unbooked {
width: 70px;
height: 24px;
}

table.agendafondu div.textejour {
color: #666;
}
/*
no IE donc DESACTIVE la cellule qui s'agrandit au passage de curseur
div.textejour:hover {
height: 200px;
overflow: auto;
padding: 0px;
}
*/
table.foragenda ul {
padding: 0px;
margin: 0px;
list-style: none;
}

table.foragenda li {
padding: 0px;
margin: 0px;
}

/* INFOBULLE de l'AGENDA */
a.infoBulle, div.infobulle { text-decoration: none; position: relative }
a.infoBulle span, div.infoBulle span { display: none; }
a.infoBulle:hover, div.infoBulle:hover { z-index: 400; text-decoration: none; background: none; /* correction d'un bug IE */ } 
a.infoBulle:hover span, div.infoBulle:hover span { top:6px; left:6px; padding: 10px; display: inline; position: absolute; z-index: 500; border: 2px dashed #000; background: #FFF; text-decoration: none; filter:alpha(opacity=90); -moz-opacity:0.90; } /* solid dotted dashed */

table.infobulle {
border: 0px solid #000;
width: 280px;
margin-top: -3px;
}

table.infobulle td {
text-align: left;
border: 0px solid #000;
padding: 0px;
}

table.infobulle th {
text-align: left;
font-size: 11px;
color: #666;
font-weight: bold;
letter-spacing : 0.04em;
}

table.infobulle td.visuel {
text-align: center;
vertical-align: middle;
/*background-color: #F00;  /* DEBUG */
}

table.infobulle td.event {
height: 50px;
vertical-align: middle;
}

table.infobulle a {
text-decoration: none;
}
table.infobulle a:hover {
text-decoration: underline;
}

table.infobulle p.type {
font-size: 11px;
color: #666;
font-style: normal;
margin-left: 4px;
margin-bottom: 0px;
}
table.infobulle p.event {
font-size: 15px;
color: #000;
font-style: italic;
font-weight: bold;
margin-left: 15px;
margin-top: 0px;
margin-bottom: 0px;
}
table.infobulle p.lieu {
font-size: 10px;
color: #099;
font-style: normal;
font-weight: normal;
margin-left: 25px;
margin-top: 0px;
margin-bottom: 0px;
}

p.lienprint {
font-weight: bold;
font-size: 13px;
text-align: right;
}

img.enligne {
border: solid 1px #000;
vertical-align: middle;
}
/*
p.lienprint a.lienprint {
text-decoration: underline;
}
*/