<style type="text/css">
<!--

body {background-image: url(bg.gif);}
#main {position: absolute; width: 100%; background-image: url(bg.gif); background-repeat:repeat-y;}
#mainleftcolumn {position: absolute; left: 0; width: 150px; padding-top: 25px;}
#mainrightcolumn {position: absolute; right:0; width: 150px;padding-top: 25px;}
#column1 {position: relative; top: -400px; left: 0px; background-color: #D2D2D2; width: 600px; border: 1px solid #A10000; min-height: 800px;margin-bottom:15px; padding:15px;}
#column2 {position: relative; left: 640px; background-color: transparent; width: 150px; height: 400px; border: 0; text-align : center;}
#bottom {position: relative; top: -400px; left: 0px;}
#topheader {width:100%;margin-bottom:25px;margin-top:25px;}
#mainmiddlecolumn {position: relative; margin: auto; text-align:left;width:750px;background-color:transparent !important;padding-bottom:15px;}
body {background-color: #000000; background-image: url(bg.gif); background-repeat:repeat-y;background-position:right; margin: 0;}
img {border: none;} 

p.copyright {
	text-align: left;
	color: rgb(210,210,210);
}

table, p , form, a{
	font-family: tahoma;
	font-size : 12px;
}

td.event {
	text-align : center;
	background-color : rgb(161,0,0);
}

a {
	text-decoration : none;
	color : rgb(0,0,128);
}

td.admin {
	text-align: left;
	padding-right: 15px;
}

td.calendar_title {
	text-align : center;
	color : rgb(210,210,210);
	background-color : rgb(161,0,0);
	width: 145px;
	padding-bottom: 5px;
	padding-top: 5px;
}

td.calendar {
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: center;
}

table.title {
	border: 1px solid rgb(161,0,0);
	margin-bottom: 15px;
}

p.title_page {
	text-align : center;
	font-size: 18px;
	color: rgb(161,0,0);
	margin-bottom: 20px;
	}

table {
	border : 0;
	background-color : rgb(210,210,210);
}
	
td.no_event {
	color : black;
	background-color : rgb(210,210,210);
	text-align : center;
}

a.event_display {
	position: relative;
	color : rgb(220,220,220);
	text-decoration: none;
}
a.event_display span {
   display: none; /* on masque l'infobulle */
}
a.event_display:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.event_display:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: rgb(210,210,210);

   color: black;
   padding: 3px;

   border: 1px solid rgb(161,0,0);
   border-left: 4px solid rgb(161,0,0);
}


td.album
{
	width : 150px;
	height : 150px;
	text-align : center;
}

div.photo
{
	padding : 5px;
	border : 1px solid rgb(255,255,255);
	background-color : white;
}

p.popoboard {
	font-size : 2;
}

.proseniors, .links, .event_table, .comite {
	text-align: center;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-collapse: collapse;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	padding-top: 0.5em;
}
td.proseniors, td.links , td.event_table , td.comite{
	text-align: center;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-collapse: collapse;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	padding-top: 0.5em;
}
p.title {
	font-weight: bold;
	text-align: center;
}

p.cercle {
	text-align: justify;
}

.agenda {
	text-align: center
}
	
.error_message
{
	color : red;
}
--></style>