body   { font-size: 1em; background-color: white; margin: 0px; padding: 0px; margin-bottom:0px;}

H1        { margin-top: 0px; font-size: 30px; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none;}
H1.winter { color: #039 }
H1.spring { color: #006400 }
H1.summer { color: #4E7300 }
H1.autumn { color: #DB7F59 }

H2 { color: black; font-weight: bold; font-size: small; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom: 0px; padding-bottom: 0px }
H3 { font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom: 0px; padding-bottom: 0px }

A    { color: #039; text-decoration: underline }
A:hover  { color: #00868e; text-decoration: underline }

H1.winter A { color: #039;  text-decoration: none; }
H1.spring A { color: #006400;  text-decoration: none; }
H1.summer A { color: #4E7300;  text-decoration: none; }
H1.autumn A { color: #DB7F59;  text-decoration: none; }

.error  { color: red; font-weight: bolder }

.baritems { width: 138px; padding-top: 30px; font-weight: normal; color: white; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; margin: 0px }
.baritems UL { list-style: none; margin: 0; padding: 0; border: none }
.baritems LI { font-weight: bold; margin: 0; padding: 0;}

.baritems LI A {
		display: block;
		padding: 2px 1px 0px 8px;
		color: #fff;
		text-decoration: none;
		width: 100%;
}

html>body .baritems LI A {
		width: auto;
}

.baritems LI A:hover {
		color: #FFFF80;
		text-decoration: none;
		font-size: 12px;
		padding: 1px 1px 0px 7px;
}

.baritems .error { color: #ffa500; font-weight: bolder }
.baritems .error A { color: #ffa500;; font-weight: bolder }

.activityicon TD {
   /*font-size: 70%;*/
   font-weight: bold;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   padding-right: 10px
}

.activityicon A
{
   text-decoration: none;
}

.activityicon A IMG
{
   border: 0px;
   background-color: #039;
}

.activityicon A:hover IMG
{
   border: 0px;
   background-color: #00868e;
}

#menuarea {
   background: #66CBFF url("images/backdrop.jpg") no-repeat;
}

#logonarea {
   display: block;
   background-color: #66CBFF;
   color: #04029C;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-weight: bold;
   font-size: 11px;
   text-align: left;
   padding: 10px;
   margin-top: 0px;
}

#logonarea A {
	color: #04029C;
	text-decoration: none;
}

#logonarea A:hover {
   color: #FFFF80;
   text-decoration: none;
}

#logonarea HR {
   color: #04029C;
   background-color: #04029C;
   border: 1px solid #04029C;
   text-align: center;
   margin: 5px 0 10px 0;
}     

#submenu {
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-weight: bold;
   font-size: 11px;
   text-align: left;
   padding: 5px 10px 10px 10px;
   margin-left: 10px;
   margin-bottom: 10px;
   float: right;      
}

#submenu TD {
      font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
      font-weight: bold;
      font-size: 11px;
      text-align: left;
}

.spring #submenu, .spring .poll
{
      background-color: #EBF6DA;
      border: solid 1px #A3E324;
}

.summer #submenu, .summer .poll
{
      background-color: #FFFFC8;
      border: solid 1px #CACA00;
}

.autumn #submenu, .autumn .poll
{
      background-color: #FFD58D;
      border: solid 1px #DB7F59;
}

.winter #submenu, .winter .poll
{
      background-color: #D3E5FF;
      border: solid 1px #4247CE;
}

#submenu P, #submenu TD P {
      margin: 0px;
		padding: 5px 0px 0px 7px;
		text-indent: -8px;
}

#submenu A { text-decoration: none; }

#logonarea .poll { background-color: #D3E5FF; border: solid 1px #4247CE; }
#logonarea .poll TD { color: #04029C; }
#logonarea .poll .title, #logonarea .poll .pollbar { background-color: #04029C; color: #D3E5FF; }

.winter .poll .title, .winter .poll .pollbar { background-color: #04029C; color: white; }
.spring .poll .title, .spring .poll .pollbar { background-color: #006400; color: white; }
.summer .poll .title, .summer .poll .pollbar { background-color: #4E7300; color: white; }
.autumn .poll .title, .autumn .poll .pollbar { background-color: #DB7F59; color: white; }

.poll, .poll TD {
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-weight: bold;
   font-size: 11px;
   text-align: left;
   padding: 0px;
}

.poll .title
{
      margin: 0px;
      text-align: center;
      vertical-align: middle;
      display: block;
      padding: 3px;
      margin: 2px;
}

.poll .contents { padding: 5px; }
.poll FORM { margin: 0px; padding: 0px; }

.logoninput	{
           border 		: none;
			  font-family	: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			  color			: #000000;
			  height		   : 17px;
			}

FORM INPUT, FORM TEXTAREA	{
			  font-family	: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			  color			: #000000;
			}
			
.spring FORM TABLE, .spring .formframe { border-left: ridge 2px #A3E324; border-right: ridge 2px #A3E324; }
.spring .actualite { border-left: ridge 2px #A3E324; padding-left: 10px; }
.spring FORM INPUT, .spring FORM TEXTAREA, .spring FORM SELECT { border: ridge 2px #A3E324; }
.spring FORM .cb, .spring FORM .phpdiginputradio { border: 0px; }

.summer FORM TABLE, .summer .formframe { border-left: ridge 2px #CACA00; border-right: ridge 2px #CACA00; }
.summer .actualite { border-left: ridge 2px #CACA00; padding-left: 10px; }
.summer FORM INPUT, .summer FORM TEXTAREA, .spring FORM SELECT { border: solid 2px #CACA00; }
.summer FORM .cb, .summer FORM .phpdiginputradio { border: 0px; }

.autumn FORM TABLE, .autumn .formframe { border-left: ridge 2px #5F4107; border-right: ridge 2px #5F4107; }
.autumn .actualite { border-left: ridge 2px #5F4107; padding-left: 10px; }
.autumn FORM INPUT, .autumn FORM TEXTAREA, .autumn FORM SELECT { border: ridge 2px #5F4107; }
.autumn FORM .cb, .autumn FORM .phpdiginputradio { border: 0px; }

.winter FORM TABLE, .winter .formframe, #logonarea FORM TABLE { border-left: ridge 2px #4247CE; border-right: ridge 2px #4247CE; }
.winter .actualite { border-left: ridge 2px #4247CE; padding-left: 10px; }
.winter FORM INPUT, .winter FORM TEXTAREA, .winter FORM SELECT { border: ridge 2px #4247CE; }
.winter FORM .cb, .winter FORM .phpdiginputradio { border: 0px; }

.poll FORM TABLE.noborder, #logonarea .poll FORM TABLE.noborder { border: 0 }

#logonarea a.fbutton1 { font-weight: bold; font-size: 12px; padding: 2px 10px; display: block; text-align: center; background-color:  #04029C; color: white; width: 100%; text-decoration: none;}
a.fbutton3 { font-weight: bold; font-size: 12px; padding: 1px 2px 1px 2px; background-color: #04029C; color: white; text-decoration: none;}
a.fbutton4 { font-weight: bold; font-size: 12px; padding: 2px 5px 2px 5px; text-decoration: none;}

.winter a.fbutton2, #logonarea a.fbutton2 { font-family	: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: white; font-weight: bold; text-decoration: none; background-color: #6699ff; padding: 2px 10px; display: block }
.spring a.fbutton2 { font-family	: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: white; font-weight: bold; text-decoration: none; background-color: #A3E324; padding: 2px 10px; display: block }
.summer a.fbutton2 { font-family	: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #4E7300; font-weight: bold; text-decoration: none; background-color: #FFFF80; padding: 2px 10px; display: block }
.autumn a.fbutton2 { font-family	: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: white; font-weight: bold; text-decoration: none; background-color: #FF7F59; padding: 2px 10px; display: block }

.winter a.fbutton2:hover, #logonarea a.fbutton2:hover { color: #039; text-decoration: none; background-color: #ffffe0 }
.spring a.fbutton2:hover { color: #228b22; text-decoration: none; background-color: #ffffff }
.summer a.fbutton2:hover { color: #4E7300; text-decoration: none; background-color: #ffffff }
.autumn a.fbutton2:hover { color: #ff4500; text-decoration: none; background-color: #ffffe0 }

.newyearwinter { clear: both; color: #039; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 30px; margin-bottom: 14px; padding-bottom: 2px; border-bottom: solid 2px #66CBFF }
.newyearspring { clear: both; color: #006400; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 30px; margin-bottom: 14px; padding-bottom: 2px; border-bottom: solid 2px #66CBFF }
.newyearsummer { clear: both; color: #4E7300; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 30px; margin-bottom: 14px; padding-bottom: 2px; border-bottom: solid 2px #66CBFF }
.newyearautumn { clear: both; color: #DB7F59; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 30px; margin-bottom: 14px; padding-bottom: 2px; border-bottom: solid 2px #66CBFF }

.newmonth { color: #000; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

TD.formseparator {
   /*font-size: 90%;*/
   font-weight: bold;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   padding: 6px 0 6px 0;
}

.spring TABLE.disptable { border-collapse: collapse; border: solid 1px #006400; }
.spring .disptable TH, .spring .disptable TD { border: solid 1px #006400; padding: 3px; }
.spring .disptable TH, .spring .headedtable TH { background-color: #C7F581; color: #006400; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.spring .disptable TD.evenrow, .spring .disptable TR.evenrow { background-color: white; }
.spring .disptable TD.oddrow, .spring .disptable TR.oddrow, .spring TD.formseparator { background-color: #EBF6DA; }
.spring .headedtable TH { background: white; padding-bottom: 2px; border-bottom: solid 2px #66CBFF }

.summer TABLE.disptable { border-collapse: collapse; border: solid 1px #4E7300; }
.summer .disptable TH, .summer .disptable TD { border: solid 1px #4E7300; padding: 3px; }
.summer .disptable TH, .summer .headedtable TH { background-color: #FFFF80; color: #4E7300; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.summer .disptable TD.evenrow, .summer .disptable TR.evenrow { background-color: white; }
.summer .disptable TD.oddrow, .summer .disptable TR.oddrow, .summer TD.formseparator   { background-color: #FFFFC8; }
.summer .headedtable TH { background: white; padding-bottom: 2px; border-bottom: solid 2px #66CBFF }

.autumn TABLE.disptable { border-collapse: collapse; border: solid 1px #5F4107; }
.autumn .disptable TH, .autumn .disptable TD { border: solid 1px #5F4107; padding: 3px; }
.autumn .disptable TH, .autumn .headedtable TH { background-color: #FCB841; color: white; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.autumn .disptable TD.evenrow, .autumn .disptable TR.evenrow { background-color: white; }
.autumn .disptable TD.oddrow, .autumn .disptable TR.oddrow, .autumn TD.formseparator   { background-color: #FFD58D; }
.autumn .headedtable TH { background: white; padding-bottom: 2px; border-bottom: solid 2px #66CBFF }

.winter TABLE.disptable { border-collapse: collapse; border: solid 1px #4247CE; }
.winter .disptable TH, .winter .disptable TD { border: solid 1px #4247CE; padding: 3px; }
.winter .disptable TH, .winter .headedtable TH { background-color: #9AB9E4; color: #039; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.winter .disptable TD.evenrow, .winter .disptable TR.evenrow { background-color: white; }
.winter .disptable TD.oddrow, .winter .disptable TR.oddrow, .winter TD.formseparator   { background: #D3E5FF; }
.winter .headedtable TH { background: white; padding-bottom: 2px; border-bottom: solid 2px #66CBFF }

.oddevent { background-color: white; }
.spring .evenevent { background-color: #EBF6DA; }
.summer .evenevent { background-color: #FFFFC8; }
.autumn .evenevent { background-color: #FFD58D; }
.winter .evenevent { background-color: #D3E5FF; }

.indented { text-indent: 40px }
.photo   { border: solid 1px #000 }

.fonctionnement    { color: #4169e1; line-height: 150%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: justify }
.fonctionnementheading    { color: #f03; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left }
.indented { text-indent: 40px }
.fonctionnementlarger { font-size: 1em }
.fonctionnementred { color: #f03; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.fonctionnementnumhead { color: #f03; font-variant: small-caps; font-size: 1em }
.red TD { border: solid 2px #f03 }
.red TABLE {border-collapse: collapse; border: solid 2px #f03 }
.white { color: white }
.author { font-style: italic; font-weight: bold }
.black TD { border: solid 2px black }
.black TABLE {border-collapse: collapse; border: solid 2px black }
.phpdigHighlight  { background-color: #99ccff; color: #039; font-weight: bold }

.highlight { background-color: yellow; }

.winter .seasonhighlight { color: #039 }
.spring .seasonhighlight{ color: #006400 }
.summer .seasonhighlight{ color: #4E7300 }
.autumn .seasonhighlight{ color: #DB7F59 }

.small, .small TD {
   font-size: 1em;
}

.small TD {
   margin: 0;
   padding: 0;
}

.smallhead {
   /*font-size: 90%;*/
   font-size:0.8em;
   font-weight: bold;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

.upcomingevents {
   padding: 10px;
}

.spring .upcomingevents
{
   background: #EBF6DA url("images/corner.gif") left top no-repeat;
   border-bottom: solid 1px #A3E324;
}

.summer .upcomingevents
{
   background: #FFFFC8 url("images/corner.gif") left top no-repeat;
   border-bottom: solid 1px #CACA00;
}

.autumn .upcomingevents
{
   background: #FFD58D url("images/corner.gif") left top no-repeat;
   border-bottom: solid 1px #DB7F59;
}

.winter .upcomingevents 
{
   background: #D3E5FF url("images/corner.gif") left top no-repeat;
   border-bottom: solid 1px #4247CE;
}

.upcomingevents .invis
{
   display: none;
}

.winter .upcomingevents H2 { color: #039; }
.spring .upcomingevents H2 { color: #006400; }
.summer .upcomingevents H2 { color: #4E7300; }
.autumn .upcomingevents H2 { color: #5F4107; }

.spaced LI
{
   padding-bottom: 10px;
}

.arialbold, .arialbold TD, .arialbold TH
{
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-weight: bold;
   font-size: 1em;
}

#cafemail
{
   color: white;
   font-size: 11px;
   text-align: center;
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

#cafemail A
{
   color: white;
}

#cafemail A:hover
{
   color: yellow;
}

.diff
{
	padding-left: 7px;
}

.spring .diff { border-left: ridge 2px #A3E324; border-right: ridge 2px #A3E324; background-color: #EBF6DA; }
.summer .diff { border-left: ridge 2px #CACA00; border-right: ridge 2px #CACA00; background-color: #FFFFC8; }
.autumn .diff { border-left: ridge 2px #5F4107; border-right: ridge 2px #5F4107; background-color: #FFD58D; }
.winter .diff { border-left: ridge 2px #4247CE; border-right: ridge 2px #4247CE; background-color: #D3E5FF; }

.block .info
{
   font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-weight: bold;
   font-size: 1em;
}

.diff INS, .diff .added
{
}

.diff DEL, .diff deleted
{
}

.diff changed
{
}

.CalendriercpYearNavigation,
.CalendriercpMonthNavigation
{
   background-color:#039;
   text-align:middle;
   vertical-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-weight:bold;
}

.CalendriercpDayColumnHeader,
.CalendriercpYearNavigation,
.CalendriercpMonthNavigation,
.CalendriercpCurrentMonthDate,
.CalendriercpCurrentMonthDateDisabled,
.CalendriercpOtherMonthDate,
.CalendriercpOtherMonthDateDisabled,
.CalendriercpCurrentDate,
.CalendriercpCurrentDateDisabled,
.CalendriercpTodayText,
.CalendriercpTodayTextDisabled,
.CalendriercpText
{
   font-family:arial;
   font-size:8pt;
}

TD.CalendriercpDayColumnHeader
{
   text-align:right;
   border:solid thin #039;
   border-width:0 0 1px 0;
}

.CalendriercpCurrentMonthDate,
.CalendriercpOtherMonthDate,
.CalendriercpCurrentDate
{
   text-align:right;
   text-decoration:none;
}

.CalendriercpCurrentMonthDateDisabled,
.CalendriercpOtherMonthDateDisabled,
.CalendriercpCurrentDateDisabled
{
   color:#D0D0D0;
   text-align:right;
   text-decoration:line-through;
}

.CalendriercpCurrentMonthDate
{
   color:#039;
   font-weight:bold;
}

.CalendriercpCurrentDate
{
   color: yellow;
   font-weight:bold;
}

.CalendriercpOtherMonthDate
{
   color:#808080;
}

TD.CalendriercpCurrentDate
{
   color:yellow;
   background-color: #039;
   border-width:1px;
   border:solid thin yellow;
}

TD.CalendriercpCurrentDateDisabled
{
   border-width:1px;
   border:solid thin #FFAAAA;
}

TD.CalendriercpTodayText,
TD.CalendriercpTodayTextDisabled
{
   border:solid thin #039;
   border-width: 1px 0 0 0;
}

A.CalendriercpTodayText,
SPAN.CalendriercpTodayTextDisabled
{
   height:20px;
}

A.CalendriercpTodayText
{
   color:#039;
   font-weight:bold;
}

SPAN.CalendriercpTodayTextDisabled
{
   color:#D0D0D0;
}

.CalendriercpBorder
{
   border:solid thin #039;
}
img
{
	border:0px;
}

#mess_important
{
position:fixed; 
bottom:0%;
width:100%;
height:40px;
background-color:#65cbff;
border-top:2px dotted #04019c;
text-align:center;
color:black;
font-weight:bold;
font-size:1em;
padding-top:10px;
}
#mess_important a
{
	color:red;
	text-decoration:none;
}
#mess_important a:hover
{
	color:red;
	text-decoration:underline;
}

.lien_site
{
width:30px;
background-color:#d3e5ff;
border:1px solid #04029c;
margin-left:2px;
padding:2px;
font-size:10px;
}
.lien_site a
{
text-decoration: none;
}
}