body            { color: #000; font-size: 12pt; font-family: "Comic Sans MS", cursive; background-color: white; text-align: center; margin: 0; padding: 0 }
p    { text-align: left }
p.info { color: #2f5128; text-align: center; display: block }
p.erreur { color: #d40000; text-align: center; display: block }
h1       { color: #062300; font-size: 2em; font-weight: bold; text-align: center; margin: 20px 0; text-shadow: rgba(0,0,0,0.3) 3px 3px 3px         }
h2      { color: #062300; font-size: 1.7em; font-weight: bold; text-align: center; display: table; margin: 10px auto; border-bottom: 2px solid #062300; text-shadow: rgba(0,0,0,0.2) 3px 3px 3px        }
h3     { color: #000; font-size: 12pt; font-weight: bold; text-align: left; margin: 10px 0; text-shadow: rgba(0,0,0,0.2) 2px 2px 2px       }
h4     { color: black; font-size: 11pt; font-weight: bold; text-align: left; margin: 15px 0; text-shadow: rgba(0,0,0,0.2) 2px 2px 2px         }
h5 { font-size: 10pt; text-align: left }
ul  { text-align: left; list-style-type: disc; display: table; margin: 10px 0 10px 20px }
li   { text-align: justify; list-style-position: outside; margin-bottom: 10px }
li a { text-decoration: none }
li a:hover { text-decoration: underline }
a  { color: #1b1b6f; text-decoration: underline }
a:hover  { color: #235899; text-decoration: underline }
a:active { color: #d33228 }
a.bouton { color: #062300; text-decoration: none; background-image: url("general_images/bouton_normal.png"); display: inline-table; width: 190px; height: 56px }
a.bouton:hover { background-image: url("general_images/bouton_survole.png") }
a.bouton:active { color: #cdeac3; background-image: url("general_images/bouton_appuye.png") }
a.bouton .texte  { font-size: 14px; text-decoration: none; text-align: center; display: block; padding-top: 12px }
a.boutonValider { color: #062300; text-decoration: none; background-image: url("general_images/bouton_normal.png"); display: inline-table; width: 190px; height: 56px }
a.boutonValider:hover { background-image: url("general_images/bouton_survole.png") }
a.boutonValider:active { color: #cdeac3; background-image: url("general_images/bouton_appuye.png") }
a.boutonValider .iconValider { display: none; }
a.boutonValider .texte  { font-size: 14px; text-decoration: none; text-align: center; display: block; padding-top: 12px }
img { border-width: 0 }
table.mois  { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 5px 10px; border: solid 1px gray }
table.mois tr { margin: 0; padding: 0 }
table.mois td { background-color: white; text-align: center; margin: 0; padding: 4px }
table.mois td.titreMois { border-bottom: 1px solid gray }
table.mois td.jourDuMois { background-color: white }
table.mois td.aujourdhuit { background-color: #9ff }
table.mois td.samedi, table.mois td.dimanche { background-color: #f6f6f6 }
table.mois td.evenement { background-color: #f30 }
table.mois td.aujourdhuitevenement { background-color: #d4337c }
/*header*/
#header        { background-image: url("general_images/entete_fond.jpg"); background-repeat: no-repeat; background-position: left top; display: block; margin: 0; padding: 0; position: relative; width: 900px; height: 211px }
#header .espaceur   { }
#header .info  { display: none }
#header a.bouton  { position: absolute; top: 148px; left: 105px }
/*main*/
#main       { text-align: center; margin: 0; padding: 0; width: 900px; border-width: 0 }
#main .espaceur    { display: table; width: 100% }
/*Menu*/
#menu  { display: block; width: 220px; float: left }
#menu a  { color: #062300; font-size: 16pt; font-family: "Comic Sans MS", cursive; font-weight: normal; line-height: 20px; text-decoration: none; background-image: url("general_images/menu_bouton.png"); background-repeat: no-repeat; background-position: 0 0; display: block; width: 220px; height: 80px }
#menu a:hover { background-image: url("general_images/menu_bouton.png"); background-repeat: no-repeat; background-position: 0 -100px }
#menu a:active { color: #cdeac3; background-image: url("general_images/menu_bouton.png"); background-repeat: no-repeat; background-position: 0 -200px }
#menu a .texte, #menu b .texte { display: block; padding: 23px 60px 0 0 }
#menu a.situation .texte, #menu b.situation .texte { font-size: 15pt; line-height: 18px; padding-top: 13px }
#menu b    { color: white; font-size: 16pt; font-family: "Comic Sans MS", cursive; font-weight: bold; line-height: 20px; text-decoration: none; background-image: url("general_images/menu_bouton.png"); background-repeat: no-repeat; background-position: 0 -200px; display: block; width: 220px; height: 80px }
/*Contenu*/
#contenu      { display: block; margin-left: 230px; overflow: visible }
#contenu .espaceur    { background-image: url("general_images/contenu_fond.gif"); background-position: 20px 0; display: table; width: 100%; height: 560px }
#contenu .texteStyle1 { }
#contenu .texteStyle1Centre { text-align: center }
#contenu .hyperlien { }
#contenu .hyperlien a { display: table }
#contenu .hyperlien .commentaire { font-size: 0.9em; font-style: italic; display: table; margin-left: 10px }
#contenu .blocImage  { text-align: center; display: inline-table }
#contenu .blocImage img { display: block; margin: 0; padding: 0 }
#contenu .blocImage .legende  { color: #24411e; font-size: 11pt; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; display: block; margin: 0; padding: 5px 0 0 }
#contenu .lienImageZoom  { text-align: center; display: inline-table }
#contenu .lienImageZoom img   { margin: 0; padding: 0 }
#contenu .lienImageZoom .legende  { color: #24411e; font-size: 11pt; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; display: block; margin: 0; padding: 5px 0 0 }
#contenu .tableauDansArticle  { font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; width: 100%; border: solid 1px #1e3b14 }
#contenu .tableauDansArticle tr  { }
#contenu .tableauDansArticle tr.ligne1 { background-color: #f2fcee }
#contenu .tableauDansArticle tr.debut_bas { display: none }
#contenu .tableauDansArticle td  { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px dotted #1e3b14 }
#contenu .zoneFormulaireContact { display: table; margin-right: auto; margin-left: auto }
#contenu .zoneFormulaireContact label { text-align: right; display: inline-table; width: 150px; vertical-align: top }
#contenu .zoneFormulaireContact label.ville { width: 50px }
#contenu .zoneFormulaireContact input { vertical-align: top }
#contenu .zoneFormulaireContact .zoneBoutonEnvoi { text-align: center }
#contenu .zoneChoixOccupation { text-align: center; display: inline-table }
#contenu .zoneChoixOccupation img { display: table; margin-right: auto; margin-left: auto }
#contenu .coordonneesPlan { display: table }
#contenu .coordonneesPlan .plan { margin: 5px 20px 5px 5px; padding: 0; float: left; border: solid 1px black }
#contenu .coordonneesPlan .adresse { }
/**/
#main.popup { width: auto; height: auto }
#main.popup #contenu { margin: 0 }
#main.popup #contenu .espaceur  { height: auto }
#main.popup #contenu table.description { display: table; margin: 0 0 20px; width: 100% }
#main.popup #contenu table.description td.colimage { padding-top: 5px; padding-left: 5px; width: 128px }
#main.popup #contenu table.description td.coltexte { text-align: left; padding-top: 5px; padding-left: 5px }
#main.popup #contenu table.calendrierOccupation { width: 100% }
#main.popup #contenu table.calendrierOccupation td { text-align: center; vertical-align: top }
#main.popup #contenu table.calendrierOccupation td table { margin-right: auto; margin-left: auto }
#main.popup #contenu table.calendrierOccupation td table td.nomDuMois { font-weight: bold }
#main.popup #contenu table.legendeOccupation { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 10px }
#main.popup #contenu table.legendeOccupation td.colcouleur { background-color: #f30; width: 20px; height: 20px }
#main.popup #contenu table.legendeOccupation td.coltexte { padding-left: 5px }
/*Peid-de-page*/
#footer        { color: black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; text-align: left; margin: 0; padding: 0; width: 900px }
#footer .espaceur  { }
#footer .copyright { padding-right: 20px }
#footer a   { color: gray; text-decoration: none }
#footer a:hover   { color: #373737 }