/*	OPAL Main Stylesheet		*/

/*------------------------------------------------- GENERIC --------------------------------------------------*/
*	{padding: 0; margin: 0;}
img	{border: none;}
a	{text-decoration: none;}
a:hover	{text-decoration: underline;}
hr	{display: none;}
li	{list-style-type: none; list-style-position: outside;}
li.sub	{list-style-type: score; list-style-position: outside; margin-left:10px;}
li.num	{list-style-type: none; list-style-position: outside;}
/*------------------------------------------------ /GENERIC -------------------------------------------------*/

/*------------------------------------------- ELEMENT PROPERTIES --------------------------------------------*/
.clear		{clear: both; font-size: 1px; line-height: 0;}
.right		{float: right;}
.left		{float: left; display: inline;}
.center		{text-align: center; display: table; margin-left: auto; margin-right: auto;}

/* bordure */
.no_border	{border: none;}

/* centrage txt*/
.txt-c	{text-align: center;}
.txt-l	{text-align: left;}
.txt-r	{text-align: right;}

/* alignement vertical */
.valign-t	{vertical-align: top;}
.valign-m	{vertical-align: middle;}
.valign-b	{vertical-align: bottom;}

.rel		{position: relative;}

/*------------------------------------------- /ELEMENT PROPERTIES --------------------------------------------*/

html, body	{border: 0; margin: 0; padding: 0; margin-top: 5px; background: #C2C2C2;}

/*-------------------------------------------------- ZONES ---------------------------------------------------*/

#page		{position: relative; margin-left: auto; margin-right: auto; text-align: left; width: 782px;}
#header		{position: relative; display: table; margin-left: auto; margin-right: auto; text-align: center; width: 782px; height: 90px; background: url(../images/head_bg.png) top left no-repeat;}
#draw_nav_bar	{position: absolute; width: auto; margin-bottom: 0px; text-align: center; left: 0px; top: 70px; height: auto; z-index: 1000;}
#container	{position: relative; min-height: 100%; width: 782px; padding-bottom: 28px; background: #FFFFFF;}
#tools		{float: left; padding: 20px 0; padding-left: 8px;}
#central		{display: table; padding: 20px 12px; overflow: auto; color: #232A47; font-size: 11px;}
#central ul	{margin:18px 0; color: #232A47; font-size: 11px;}
#central li	{background:url('../images/list_dot_red.png') 0 5px no-repeat; padding-left:10px;}
#central li.sub	{background:url('../images/score.gif') 0 5px no-repeat; padding-left:10px;}
#central li.num	{background:none; padding-left:10px;}

#footer		{position: absolute; bottom: 0; height: 38px; width: 594px; padding-left: 188px; line-height: 38px; background: #D8DEE7;}
#footer	span	{color: #232A47; font-size: 11px; height: 38px; line-height: 38px;}
#footer img	{vertical-align: middle;}
#footline	{position: absolute; left: 460px; top: 0px; margin: 0; padding: 0; background: #FFFFFF; width: 1px; line-height: 38px; height: 38px;}
#footlinks	{position: relative; display: inline; margin: 0; margin-left: 30px; padding: 0; line-height: 38px; height: 38px;}
#footlinks img	{vertical-align: middle; padding-left: 30px;}

#toolbox		{border: 1px solid #D8DEE7; width: 168px;}
#toolbox p	{display: block; width: 100%; padding: 0; padding-top: 2px; background: #D8DEE7;}
#toolbox p span	{padding-left: 10px; line-height: 16px; vertical-align: top; color: #232A47; font-size: 11px; font-weight: bold;}
#toolbox ul	{margin:4px 0; color: #232A47; padding: 10px 10px; font-size: 11px;}
#toolbox li	{background:url('../images/list_dot_blue.png') 0 5px no-repeat; padding-left: 10px; padding-bottom: 6px; color: #232A47; font-size: 10px;}
#toolbox li.sub	{background:url('../images/list_dot_arrow.png') 0 5px no-repeat;}
#toolbox li.sub a	{color: #AAAAAA; text-decoration: none; vertical-align: middle;}
#toolbox li.last	{padding-bottom: 0;}

/*-------------------------------------------------- /ZONES --------------------------------------------------*/

/*------------------------------------------------ NAVIGATION ------------------------------------------------*/

dl.menu, dl.menu dt, dl.menu dd, dl.menu dd ul, dl.menu dd ul li
		{margin: 0px; padding: 0px;}
dl.menu				{float: left; text-align: left; width: auto; cursor: pointer; margin-bottom: -4px;}
dl.menu img			{margin-bottom: -3px;}
dl.menu dd ul			{border-left: 1px solid #7085E8; border-right: 1px solid #7085E8; margin: 0 auto; list-style-type: none; background: #EBF0F9; font-size: 11px;}
dl.menu dd li			{display: block;}
dl.menu dd ul li.selected		{display: block; padding: 2px 6px; border-bottom: 1px solid #7085E8; font-size: 11px; color: #4B5897; background-color: #CDD2DE;}
dl.menu dd ul li a		{display: block; text-decoration: none; border-bottom: 1px solid #7085E8; padding: 2px 6px; font-size: 11px; color: #4B5897; background-color: #EBF0F9;}
dl.menu dd ul li a:hover		{text-decoration: none; background-color: #CDD2DE;}

/*----------------------------------------------- /NAVIGATION ------------------------------------------------*/

/*------------------------------------------------- EFFECTS --------------------------------------------------*/

.shadowbox			{display: block; float: left; position: relative; margin: 4px -4px -4px 4px; background: url(../images/shadow-grid.gif) repeat;}
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser... and finally IE7 */
html>body .shadowbox		{margin: 10px -10px -10px 10px; background: url(../images/shadow_soft.png) right bottom no-repeat;}
/* IE6 specific hack */
* html .shadowbox		{margin-left: 2px;}
/* shadow corners */
.shadowbox:before, .shadowbox:after
				{content: " "; display: block; width: 10px; height: 10px; background: inherit;}
.shadowbox:before		{position: absolute; top: 0; right: 0; margin: -10px 0 0 auto; background-position: right top;}
.shadowbox:after			{margin: -10px 0 0 -10px; background-position: left bottom;}
.shadowbox .innerbox		{display: block; position: relative; overflow: hidden; left: -4px; top: -4px;}
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser... and finally IE7 */
html>body .shadowbox .innerbox	{left: -10px; top: -10px; margin: 0;}

/*------------------------------------------------- /EFFECTS --------------------------------------------------*/

a, div, ul, li, th, td, span, p, input, select
		{font-family: Verdana, Arial, Helvetica, sans-serif;}
#search input	{font-size: 11px; font-style: normal; color: #090051; background-color:white;}


A:link		{text-decoration: underline; color:#551a8b;}
A:visited	{text-decoration: underline;}
A:hover		{text-decoration: underline;}

.maintitle	{color: #8086A4; font-size: 20px; font-weight: bold; font-style: italic; font-family: Times New Roman, Times, serif;}
.maintitle2	{color: #8086A4; font-size: 15px; font-style: italic; font-family: "Times New Roman", Times, serif;}
.subtitle	{color: #232a47; font-size: 11px; font-weight: bold;}
.common		{color: #232A47; font-size: 11px;}
.evt_title	{color: #232A47; font-size: 15px; font-weight: bold;}
.evt_subtitle	{color: #232A47; font-size: 12px; font-style: italic;}
.recover		{color: #4B5897; font-size: 10px;}


img.list_dot	{vertical-align: middle;}
img.news_img	{float: left; margin-right: 14px;}


/*------------------------------------------------ MESSAGES --------------------------------------------------*/

#bookmessage		{display: table; width: auto; border: 1px solid #232A47; padding: 10px; color: #232A47; font-size: 11px;}
#errormessage		{display: table; width: auto; border: 1px solid #FF2222; padding: 10px; color: #FF2222; font-size: 11px;}
#warningessage		{display: table; width: auto; border: 1px solid #EE6622; padding: 10px; color: #EE6622; font-size: 11px;}
#infomessage		{display: table; width: auto; border: 1px solid #22FF22; padding: 10px; color: #232A47; font-size: 11px;}


/*-------------------------------------------------- INPUT ---------------------------------------------------*/

input.formatted, textarea.formatted	{vertical-align: middle; width: 200px; font-size: 12px; color:#444444; border:1px solid #CED6E0; background-color:white; padding-left: 4px;}
/* IE7 specific hack */
*:first-child+html input.formatted	{height: 13px; margin-top: -1px; margin-bottom: -1px; padding-top: 2px;}
/* IE6 specific hack */
* html input.formatted		{height: 13px; margin-top: -1px; margin-bottom: -1px; padding-top: 2px;}
/* IE7 specific hack */
*:first-child+html textarea.formatted	{padding-top: 1px;}
/* IE6 specific hack */
* html textarea.formatted		{padding-top: 1px;}

input.fmt_radio	{vertical-align: middle;font-size: 12px; color:#444444; border:1px solid #CED6E0; background-color:white;}

input.button		{color: #2f3d58; font-size: 11px; border:1px solid #999999; background-color: #CED6E0; cursor:pointer;}
input.button:hover	{color: #FF2222; font-size: 11px; border:1px solid #CED6E0; background-color: #EEEEEE;}
input.button:active	{color: #FF2222; font-size: 11px; background-color: #CED6E0;}

.date_input		{font-size: 11px; color: #666666;}

/*-------------------------------------------------- SELECT --------------------------------------------------*/
select			{width: 206px; font-size: 11px; color:#444444; border:1px solid #CED6E0; background-color:white;}
select.formatted		{height: 15px;}
/* IE7 specific hack */
*:first-child+html select.formatted
			{font-size: 10px; height: 17px;}
/* IE6 specific