BODY	{ SCROLLBAR-BASE-COLOR: #21423D }

H1.title {font-size: 35px; font-weight: 800; COLOR: #FFFFFF; TEXT-DECORATION: none; display:inline; line-height:35px; text-align:center;}
H2.bandetails {font-size: 20px; font-weight: 800; COLOR: #FFFFFF; TEXT-DECORATION: none; display:inline; line-height:22px;}
.horloge {font-family: Arial, Times, serif; font-size: 10px;	text-decoration: none; font-weight: 800; COLOR: #FFFFFF;}
.contenurouge { color: #FF0000; font-weight: bold; }

a:link		{ color: #3333FF; text-decoration: none; }
a:visited	{ color: #3333FF; text-decoration: none; }
a:active	{ color: #3333FF; text-decoration: none; }
a:hover		{ color: #FF3333; text-decoration: underline; }

a.partenaires:link		{ color: #FFFFFF; text-decoration: none; }
a.partenaires:visited	{ color: #FFFFFF; text-decoration: none; }
a.partenaires:active	{ color: #FFFFFF; text-decoration: none; }
a.partenaires:hover		{ color: #FFFFFF; text-decoration: underline overline; }

 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ COLOR: #666666; FONT: 11px verdana, arial, sans-serif }

.title		{ COLOR: #A2B7B5; FONT: 18px verdana, arial, sans-serif; font-weight: bold }

.biglink 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }

.biglink:hover 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }

.just 		{text-align: justify;}

.copyright	{ COLOR: #999999; FONT: 9px verdana, arial, sans-serif }

.smalltitle 	{ COLOR: #A2B7B5; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.careertitle	{ COLOR: #666666; FONT: 14px verdana, arial, sans-serif; font-weight: bold }

.subtitle	{ COLOR: #A2B7B5; FONT: 15px verdana, arial, sans-serif; font-weight: bold }

.phonetitle	{ COLOR: #000000; FONT: 12px verdana, arial, sans-serif; font-weight: bold }

.picturecomments{ COLOR: #666666; FONT: 12px verdana, arial, sans-serif }

.picturehilight	{ COLOR: #3366FF; FONT: 13px verdana, arial, sans-serif; font-weight: bold  }

.picturetitle 	{ COLOR: #000000; FONT: 13px verdana, arial, sans-serif; font-weight: bold }

.list 		{ COLOR: #000000; FONT: 12px verdana, arial, sans-serif; font-weight: normal }

.faq 		{ line-height: 19px }





 /* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}





 /* SIDEBAR OPTIONS */
a.sidelink:link		{ color: #CCFFCC; text-decoration: none; }
a.sidelink:visited	{ color: #CCFFCC; text-decoration: none; }
a.sidelink:active	{ color: #CCFFCC; text-decoration: none; }
a.sidelink:hover	{ color: #CCCC99; text-decoration: underline; }
.sidebartitle	{ COLOR: #FFFFFF; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }
.sidebartext	{ COLOR: #A2B7B5; FONT: 11px verdana, arial, sans-serif; }
.date-font	{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold; }
.bordersSB		{ border: #C0C0C0 1px solid; }

 /* END SIDEBAR OPTIONS */


.button-popups { 	background-image: url("picts/button-popup.gif");
		background-color:#21423D;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }

.buttonon-popups { 	background-image: url("picts/buttonon-popup.gif");
		background-color:#C0C0C0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 200PX;
		BORDER: #000000 1px solid}


.dropdown 	{ COLOR: #333333;
		background-color: #FFFFFF;
		WIDTH: 200PX;
		FONT: 11px verdana, arial, sans-serif}


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 275PX;
		BORDER: #000000 1px solid}

.submitbutton { FONT: 9pt arial, verdana, sans-serif }


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, sans-serif;
		background-image: url("picts/shadeform.gif");
		BORDER: #000000 1px solid }


.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, sans-serif; background-color: #FFFFFF; }


.searchbutton 	{ font-size: 8pt;
		  width: 35px;
		  background-color: #ECE9D8;
		  BORDER: #000000 1px solid; }





 /* IMAGE HOVER CODE */


.rollover 	{ background-color: #000000}

.rolloveron 	{ background-color: #0000CC; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }




.menu		{ font-family: arial, verdana, helvetica, sans-serif;
		  font-size: 8pt;
		  height: 22px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 7px;
		  padding-right: 7px;
		  cursor:pointer;
		  font-weight: bold;
		  text-align: center;
		  line-height: 20px;
		  display: block;
		  border: #000000 0px solid;
          border-right: #313252 1px solid;
		  }


a.menu:link 	{ background-image: url("../picts/menu.gif");background-color:#2D2D4A;color: #FFFFFF;}
a.menu:visited 	{ background-image: url("../picts/menu.gif");background-color:#2D2D4A;color: #FFFFFF; }
a.menu:active 	{ background-image: url("../picts/menu.gif");background-color:#2D2D4A;color: #FFFFFF; }
a.menu:hover 	{  background-image: url("../picts/menuon.gif");background-color:#C0C0C0;color: #000000;text-decoration: none; }

/* Style de la table principale contenant le calendrier */
table.calendar_main {font-family: Arial, Times, serif;font-size: 10px;}
/* Style du titre du calendrier (<< mois annee >>)  */
.calendar_title {color: #FFFFFF;	text-align: center;}
/* Style de la cellule "mois annee" du titre    */
.calendar_title_month {}
/* Style du lien "mois annee" du titre          */
.calendar_title_month_clickable {color: #FFFFFF;	text-decoration: none;}
/* Style de la cellule contenant le lien "<<" du titre         */
.calendar_title_left_arrow {text-align: left;width: 10px;}
/* Style de la cellule contenant le lien ">>" du titre         */
.calendar_title_right_arrow {text-align: right;width: 10px;}
/* Style du lien "<<" du titre          */
a.calendar_title_left_arrow_clickable:link,a.calendar_title_left_arrow_clickable:visited,a.calendar_title_left_arrow_clickable:active {color: #C0C0C0;text-decoration: none;}
/* Style du lien ">>" du titre          */
a.calendar_title_right_arrow_clickable:link,a.calendar_title_right_arrow_clickable:visited,a.calendar_title_right_arrow_clickable:active {color: #C0C0C0;text-decoration: none;}
/* Style du lien "<<" du titre          */
a.calendar_title_left_arrow_clickable:hover {color: #FFFFFF;text-decoration: none;font-weight: 900;}
/* Style du lien ">>" du titre          */
a.calendar_title_right_arrow_clickable:hover {color: #FFFFFF;text-decoration: none;font-weight: 900;}
/* Style global de la table du calendrier  */
.calendar_table {border: none;border-collapse: collapse;	font-size: 10px;}
/* Style generique des cellules de la table du calendrier */
.calendar_table td {border: 1px solid #99A9B6;text-align: center;	width: 20px;color: #FFFFFF;}
/* Style of the table header cells that contains the days                   */
/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
.calendar_table th {border: 1px solid #99A9B6;background-color: #99A9B6;font-weight: normal;text-align: center;}
/* Style des cellules de la table contenant les jours du week-end (samedi et dimanche)  */
.calendar_weekend {	background-color: #cccccc;}
/* Style des cellules contenant des jours ne faisant pas partie du mois en  cours d'affichage  */
.calendar_other_month {	color: #999999;}
/* Style des liens des jours ne faisant pas partie du mois en cours  d'affichage */
.calendar_other_month_clickable {color: #999999;	text-decoration: none;}
/* Style du jour (non cliquable) representant aujourd'hui */
.calendar_today {color: #ff0000;}
/* Style du lien sur le jour representant aujourd'hui */
.calendar_today_clickable {color: #ff0000;	text-decoration: none;}
/* Style des liens des jours faisant partie du mois en cours d'affichage */
.calendar_day_clickable {color: #000000;	text-decoration: none;}
/* Style de la ligne du pied du calendrier (lien de retour vers le mois courant) */
.calendar_footer {color: #000000;text-align: center;}
/* when the month being displayed is the current month                     */
/* Style de la cellule contenant le lien de retour au mois courant utilise lorsque le mois affiche est le mois courant  */
.calendar_footer_current_month {}
/* Style du lien de retour dans la cellule de classe .calendar_footer_current_month */
.calendar_footer_current_month_clickable { color: #000000; text-decoration: none;}
/* Style de la cellule contenant le lien de retour au mois courant utilise lorsque le mois affiche n'est pas le mois courant  */
.calendar_footer_other_month {}
/* Style du lien de retour dans la cellule de classe .calendar_footer_other_month */
.calendar_footer_other_month_clickable {	color: #000000;	text-decoration: none;}

#content { margin-top: 10px; position: relative;}
#map { position: absolute; top: 0; left: 0; width: 625px; height: 575px; border: 1px solid #aaaaaa; }
#map-wrapper { position: relative; height: 100%; }
#sidebar { position: absolute; border: 1px solid #aaa; top: 0; left: 635px; width: 200px; height: 575px; overflow: auto; }
#sidebar p { margin: 10px; }
#sidebar ul#sidebar-list { list-style: none; padding: 0; margin: 0; }
#sidebar ul#sidebar-list li a { display: block; border: 0px solid #ddd; background: #eee; margin: 1px; padding: 1px; font: 10px Arial, Times, serif; text-decoration: none; color: #666666; }
#sidebar ul#sidebar-list li.current a { border: 1px solid #444444; border-left-width: 2px; padding-left: 2px; }
#sidebar ul#sidebar-list li a:hover { background: white; color: #555555; }
#sidebar ul#sidebar-list li a strong { display: block; }
#sidebar ul#sidebar-list li a span { font-style: italic; font-size: 11px; }


