BODY { margin: 0px; color: #000000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; ; overflow: -moz-scrollbars-vertical }
FORM { margin-left: 20px;margin-top: 0px }
table {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
img {border:none}

.maincorps { background-image: url(images/fond_corps.gif); padding-bottom: 30px }
#colmenu { width: 202px; text-align: right; float: left; background-color: #2B7590 }
#colmenu A { color: #ffffff; text-decoration: none }
#colmenu A:hover { color: #FFDD00 }

.boutons { margin-right: 10px }
.boutons IMG { cursor: pointer }
.sousmenu1 { margin-right: 20px; font-size: 12px; font-weight: bold; line-height: 18px; color: #FFDD00 }
.sousmenu2 { margin-right: 30px; font-size: 10px; line-height: 15px }
.contenu { margin-left: 30px; font-size: 12px; line-height: 30px }

.jour { text-align: center; font-size: 30px; font-weight: bold; color: #ffffff }
.mois { text-align: center; font-size: 30px; font-weight: bold; color: #FFDD00 }
.fete { text-align: center; font-size: 12px; color: #ffffff; font-style: italic }

#corps { width: 778px; background-color: #A1CAEA; float: left; position: relative }
#corps A { color: #E32139; text-decoration: none }

.bando { margin: 9px 0px 0px 12px; height: 30px; font-size: 18px; color: #387391; font-style: italic;  }
.fondMarquee {height: 30px;background-image: url(images/puces-defil.jpg); background-repeat: no-repeat}
.defil { width: 377px; padding-top: 4px; margin-left: 25px }
.agenda { margin-left: 12px; width: 420px; background-color: #EBF6FC; text-align: left; font-size: 12px; font-weight: bold }
.date { text-align: left; font-size: 15px; font-weight: bold; color: #53AA28 }
.infos { text-align: left; font-size: 10px; margin-top: 5px; margin-bottom: 10px }
.datanim { text-align: left; padding-left: 10px; font-size: 13px; font-weight: bold; color: #53AA28 }
.anim { text-align: left; font-size: 15px; font-weight: bold; color: #DE8F3B; padding-bottom: 10px }

#blockedito {background-image:url(images/fond-edito.jpg); background-repeat: no-repeat; font-size: 11px; text-align: justify; padding-left: 20px; line-height: 13px; width: 308px; height: 495px }
.textedito {width: 238px; padding-top: 76px }
.indent_edito { margin-left: 50px }
.indent_edito2 { margin-left: 50px; padding-top: 10px }

.col1_home { width: 447px; float: left }
.col2_home { width: 308px; float: left }

#blockmeteo { background-image: url(images/fond-meteo.gif); background-repeat: no-repeat; width: 278px; height: 95px }
#blockmeteo A { color: #ffffff; text-decoration: none }
#blockmeteo A:hover { color: #ffffff }

.textmeteo { color: #ffffff; font-size: 9px; font-weight: bold; padding-top:5px; padding-bottom: 3px; text-align: center }
.plusdinfos { color: #ffffff; text-align: center; font-size: 9px; margin-top: 2px }
.niveau { color: #ffffff; text-align: center; font-size: 13px; margin-top: 5px; text-align: center; font-weight: bold; padding-top:5px; padding-bottom: 3px;}
.liens { color: #E52239; text-align: right; font-size: 10px; margin-top: 2px; margin-right: 10px }

.elus { width: 290px; text-align: left; font-size: 12px; font-weight: bold }
.commerces { width: 600px; float: left; background-color: #EBF6FC; text-align: left; font-size: 12px; font-weight: bold }

.elusfonction { color: #817F85; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 10px }
.tel { color: #000000; font-size: 12px; font-weight: bold; padding-bottom: 2px; padding-left: 10px; padding-top: 10px}
.telcom { color: #000000; font-size: 12px; font-weight: bold; padding-left: 10px}
.elusnom { color: #166584; font-size: 14px; font-weight: bold; padding-bottom: 3px; padding-left: 10px }
.nomassoc { color: #166584; font-size: 12px; font-weight: bold; padding-bottom: 3px; padding-left: 10px }
.commentaires { color: #000000; font-size: 10px; font-weight: bold; padding-bottom: 3px; padding-left: 10px }
.elusposte { color: #DE8F3B; font-size: 12px; font-weight: bold; font-style: italic; padding-bottom: 3px; padding-left: 10px }

.fondbleu { background-color: #EBF6FC; margin-left: 12px; width: 600px; font-size: 12px;line-height:18px;}

.titre1 { color: #166584; font-size: 18px; font-weight: bold; padding-bottom: 10px; padding-left: 10px }
.titre2 { color: #ffffff; font-size: 14px; font-weight: bold; padding-bottom: 20px; padding-left: 10px }
.champ { border: 1px solid #166584; font-size:12px; width: 200px; margin-left: 20px }
.champtxtarea { background-color: #ffffff; border: 1px solid #166584; width: 420px; height: 50px; margin-left: 20px }
.noir12 { color:#000000; font-size:12px }
.btnO { font-size: 12px; font-weight: bold; height: 18px; color: #166584; background-color: #FFDD00; border: 1px solid #ffffff; border-bottom: 1px solid #414141 }

#galerie { width:450px; height:337px; position:relative; top:10;left:50px;z-index:1}
#galerie img { margin:0;cursor:pointer}
#zoom { width:726px; position:absolute; top:80;left:40px;z-index:2}
#zoom img { margin:0;cursor:pointer}
#loading { display:none;position:relative;top:10;left:50;width:450px; height:340px;opacity : 0.85;filter : alpha(opacity=85);overflow:hidden; }