body { color: #001b81; background-image:url(http://danse-de-l-etre.infini-terre.fr/images/base/fond.jpg); font-family:Verdana,"Comic Sans MS", Arial, Helvetica, sans-serif; font-size:0.9em; color:#F5D7DB; margin:0}

a:link, a:visited { color: #FFCC00; text-decoration: none;}
a:hover, a:active { color : #FF6633;}
p, td, li { text-decoration: none; font-size:0.9em}

h1  { font-size:1.1em; font-style: normal; font-weight:bold; color:#FF9966; margin:12px 0 12px 0; padding:0; text-decoration: none;}
h2  { font-size:1.1em; font-style: normal; font-weight:bold; color:#FFCC99; margin:12px 0 8px 0; padding:0; text-decoration: none;}

#page { width:896px; margin: 0 auto 0 auto; padding:0; background-image:url(http://www.danse-de-l-etre.fr/images/base/calendrier.jpg); background-repeat:no-repeat;}
.illustration { width:697px; height:159px; margin:0 0 20px 199px;}
#left { width:220px; float:left; margin:0 0 0 195px; padding:0;}
#main { width:476px; padding:0 0 0 18px; margin:0 0 0 410px;}

#cadre_menu, #cadre_recherche, #cadre_filtre, #cadre_agenda { border:0; padding:0 5px 5px 5px; width:205px; font-size:0.9em;}

#cadre_footer { clear:both; width:697px; padding:10px 0 0 0; margin:0 0 0 199px;}
#menu { list-style-type:none; margin:0; padding:0; width:697px;}
#menu li { margin-right:1px; float:left; border-right:1px solid #FF9ABD; border-bottom:1px solid #FF9ABD; border-top:1px solid #FF9ABD;}
#menu li a { text-decoration:none; text-align:center; background-color:#9F2C5E; color:#FF9966; display:block; padding:3px;}
#menu li a:hover { background-color:#320032; }

#csshtml { clear:both; width:697px; padding:10px 0 0 0; margin:17px 0 0 199px; text-align:center;}

.cadre { border: 2px solid #000099; padding:0 5px 0 5px;}
.event { border:1px dotted #FF9966; padding:5px; margin-bottom: 5px;}
.date { font-size:0.9em; color:#FFCC66;}
.titre { font-size:0.9em; color:#FFFF00;}
.texte { font-size:0.9em; margin:0; padding:0}
.lieu { font-size:0.9em; color:#CCFF99;}
.contact { font-size:0.9em; color:#FFFF99;}
.telephone { font-size:0.9em; color:#FFFF00;}

.confirmation { border:1px solid #fc0; background-color:#ff9; padding:5px; color:#000;}
.erreur { border:1px solid #f00; background-color:#fcc; padding:5px; color:#000;}
.valid_ko { color:#f00; font-weight:bold; background-image:url(../img/nok.png); background-position:left; background-repeat:no-repeat; padding-left:20px; margin:0;}
.valid_ok { color:#090; font-weight:bold; background-image:url(../img/ok.png); background-position:left; background-repeat:no-repeat; padding-left:20px; margin:0;}

.champMail { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #ED8CB0; width:400px; padding-left:3px; color:#F5D7DB; text-align:left; background-color:#9F2C5E; }
.champTexte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px solid #ED8CB0; width:400px; text-align:justify; color:#F5D7DB; padding:3px; background-color:#9F2C5E; }
.bouton { color:#F5D7DB; text-align:center; background-color:#5F0349; border:2px solid #9F2C5E; font-size:1em }

#trait1 { height:1px; width:569px; background-color:#320032; clear: both; margin-left:249px; }
#trait2 { height:1px; width:569px; background-color:#320032; margin-left:249px; }
#trait3 { height:1px; width:569px; background-color:#320032; margin-left:249px; }

#footer { margin: 0 0 0 249px; padding:7px 1px 8px 1px; color:#FF99CC; text-align:center; font-size:0.9em; border-left:1px solid #320032; border-right:1px solid #320032; width:567px; }
#footer a { text-decoration:none; color:#FF33FF; }
#footer a:hover { color:#CC66FF; }
#sousfooter { margin: 0 0 0 249px; padding:4px 1px 3px 1px; color:#FF99CC; text-align:center; font-size:0.9em; border-left:1px solid #320032; border-right:1px solid #320032; width:567px; }
#sousfooter a { text-decoration:none; color:#FF33FF; }
#sousfooter a:hover { color:#CC66FF; }
.surfooter { color:#FF3366}