/*=============================================
           Skin for Epsilon-Ti 
   Copyright (c) 2008 www.epsilon-ti.com
  =============================================*/
   
html { height: 100%;}
body { text-align: center; margin: 0 auto; font-family: Trebuchet MS; font-size: 12px; color: #666666;}
/********** Default ************/
/*******************************/
table {font-family: Trebuchet MS; font-size: 12px; color: #666666; margin:0 0 0 0; }
p, li {font-family: Trebuchet MS; font-size: 12px; color: #333333;  }
h1 {font-family: Arial; font-size: 24px; color: #3399cc; text-decoration: none; font-weight: bold; line-height:20px;}
h2 {font-family: Tahoma; font-size: 16px; color: #3399cc; font-weight: normal; line-height:5px; }
a:link, a:visited, a:active {font-family: Trebuchet MS; font-size: 12px; text-decoration: none; color:#666666; background-color: transparent; font-weight:normal;}
a:hover {background-color: transparent; color:#000000; text-decoration: none;}
hr {height: 1px; color: #3399cc}

/********** Custom *************/
/*******************************/
#headertable { background-color: transparent; width: 978px; background-position: center; }
#login { font-size:12px; text-decoration:none; color: #ffffff; margin:5px auto 0 auto; padding: 4px 15px 0 0; height:30px; text-align:right;}

.header01 { width:978px; height:137px; display:inline-block;} 
.header { width: 978px;  height:137px; display:inline-block;}
.logo { padding-left:10px; }

.banner { background: url(images/header1.png) top center no-repeat; height: 137px; }
.bannerright{float:right; text-align: right; padding-top: 5px; height:104px; width: 614px; }

.rotateNews { z-index:1; display:inline; float:left; text-align: left; height:103px; width:530px; }
.rotateNews p { font-family: Arial; font-size: 12px; color: #ffffff; text-align: left; }
.rotateNews h1 { font-family: Arial; font-size: 24px; color: #003366; font-weight: bold; font-style:italic; line-height:0px; }
.rotateNews a:link { display:none; }
.rotateNews a:visited { display:none; }

.langholder {z-index:2; display:inline; color: #ffffff; text-align:right; line-height:1px; height: 20px; width:70px; }
.langholder img {border:none; padding:0px 0px 0px 0px;}
.langholder select { background:#1f558b; border:1px solid #003366; color:#ffffff; width:146px; font-size:10px;font-family:Arial; }

.menubg {float:right; background:transparent no-repeat;  height: 28px;  }
.menu { width: 614px; text-align:right; height: 28px;  }

.internal01 { background: transparent; text-align: left;  height: 25px;}
.internal02 { margin:0 auto 0 auto;  padding:2px 2px 4px 16px; }
.internal { float:left; line-height:12px; padding-right:3px; padding-top:4px;}

.emphase1 {font-family: Arial !important; font-size: 16px !important; color: #6699cc !important; font-weight: bold !important; font-style:italic !important;}
.emphase2 {font-family: Arial !important; font-size: 14px !important; color: #6699cc !important; font-weight: bold !important; font-style:italic !important;}

/*********** Skinobject *************/
/************************************/
.userlogin01 { background: transparent; text-align: left;  height: 25px;}
.userlogin02 { margin:0 auto 0 auto;  padding:2px 2px 4px 16px; }
.userlogin { font-size:12px; font-family:Trebuchet MS; text-decoration:none; color: #666666; float:left; line-height:12px; padding-right:3px; padding-top:4px; }

.breadcrumb { color: #666666; text-align: left; height: 28px; margin-left:18px; padding-top:2px;}

.copyright { z-index:1; display:inline-block; padding-right:3px; width:480px; line-height: 28px; font-family:Trebuchet MS; font-size:12px; color:#666666; text-align:right; float:right; }
.liensBasPage { z-index:2; display:inline-block; padding-left:3px; width:480px; line-height: 28px; text-align:left; float:left; }

/******* DNN classes *******/
/***************************/
.SubHead {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333;}
.Head {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 14pt; text-decoration: none; font-weight: normal; white-space: nowrap;background-color:transparent;}

.normal, .Normal {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333;}
.NormalBold {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;}
.NormalRed {color: #990000; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}

a.Normal:link, a.Normal:visited {text-decoration: underline; }
a.Normal:hover {text-decoration: none; }

select, input { font-family: tahoma; font-size: 11px; color: #555; }
.NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }

/******** Panes **********/
/*************************/
.bandebleu {background: url(images/header_Rpt.png) repeat-x;  height:137px; }
.content { width:978px; display:inline-block; }
.contentpanetop { width:578px; height:30px;padding-bottom:0px;}
.contentpane { min-width:578px; max-width:578px; height:500px;} 
.leftpane { min-width:400px; max-width:400px; }
.leftpanebottom { min-width:400px; max-width:400px; padding-top:15px; }
.contentpanebottomleft { min-width:289px; max-width:289px; padding-top:15px; float:left; }
.contentpanebottomright { min-width:289px; max-width:289px; padding-top:15px; float:right; }
.footer { min-height: 28px; max-height: 28px; min-width:978px; max-width:978px; font-family:Trebuchet MS; font-size:12px; color:#666666; display:inline-block; }
.backgroundTable {background: url(images/Background.png) no-repeat;}

/******* For light backgrounds *******/
/**********************************************/
.lightbg {color:#666666; font-family: Trebuchet MS; font-size: 12px; font-weight:bold;}
a.lightbg:link, a.lightbg:visited, a.lightbg:hover, a.lightbg:active { font-family: Trebuchet MS; font-size: 12px; text-decoration: none; color:#666666; background-color: transparent; font-weight:normal; }
a.lightbg:hover { background-color: transparent; color:#000000;}

/***** Search boxes *****/
/************************/
.search { margin-top:80px; width:380px; vertical-align:bottom; line-height:20px; }
.search img { border: none; }
.search input { background:transparent; width:230px;}

.SearchField{ font-family:Trebuchet MS; font-size:11px; color:#666666; border: none;}
a.SearchField {font-size:11px; color:#666666; text-decoration:none !important; font-family:Trebuchet MS;  vertical-align:bottom;}
a.SearchField:hover {text-decoration:underline; }
#dnn_dnnSEARCH_txtSearch.NormalTextBox {float:left; margin-left:10px; padding: 4px 0px 2px 4px; font-family:Arial; font-size:11px; color:#666666; height:20px; border:none; width:203px; background-image:url(images/searchFieldHover.png);}
 
/******************* Nav Menu *********************/
/**************************************************/

/******************* Main menu ********************/
.main_dnnmenu_bar {cursor:auto; height:28px; background-color: Transparent; display:block; line-height:15px;}
.main_dnnmenu_rootitem  { cursor:auto; color: #ffffff; font-size: 12pt; font-style: normal; background-color: Transparent; font-family: Trebuchet MS; padding: 0px 6px 0px 6px; height: 28px; display:inline-block; }
.main_dnnmenu_icon {cursor:auto; text-align: center; width: 3px; height: 28px; padding-right:6px;}
.main_dnnmenu_item  { cursor:auto; color: #003333; font-size: 12pt; font-style: normal; font-family: Trebuchet MS; background-color: Transparent;  height: 28px; padding-right: 3px; }
.main_dnnmenu_itemhover { background-color: transparent; background: url(images/horz_menu_hover.png) bottom repeat-x; height: 28px;  }
.main_dnnmenu_itemselected { background-color: transparent; background: url(images/horz_menu_hover.png) bottom repeat-x; height: 28px;  } /* background: url(images/horz_menu_bg_selected.png) bottom repeat-x; */

.main_dnnmenu_submenu {color: #003333; font-size: 12pt; font-style: normal; font-family: Trebuchet MS; background: url(images/vert_menu_hover.png) bottom repeat-x; padding: 2px 3px 2px 3px; } 
.main_dnnmenu_submenu_container {color: #003333; font-size: 12pt; font-style: normal; font-family: Trebuchet MS; } 

/******************* Sub Menu *********************/
.espaceSubmenuTop { height:30px; }
.submenu { text-align:left; height: 430px; } 

.sub_dnnmenu_bar { cursor:hand; margin-left:10px; background-color: transparent; width:185px; display:inline-block;  }
.sub_dnnmenu_item  { cursor:hand; color: #666666; font-size: 10.5pt; font-style: normal; background-color: Transparent; font-family: Trebuchet MS; text-align: left; width:185px; display:inline-block; padding: 7px 0px 7px 0px; }
.sub_dnnmenu_itemselected { cursor:hand; color: #666666; font-size: 10.5pt; font-style: normal; font-family: Trebuchet MS; text-align: left; background-color: Transparent; background: url(images/vert_menu_hover.png) bottom repeat-x;  }
.sub_dnnmenu_itemhover { cursor:hand; color: #666666; font-size: 10.5pt; font-style: normal; font-family: Trebuchet MS; text-align: left; background-color: Transparent; background: url(images/vert_menu_hover.png) bottom repeat-x; }
.sub_dnnmenu_icon { display:none; }

/******************* Down Menu *********************/
.down_dnnmenu_bar { display:inline-block; cursor:hand; margin-left:10px; background-color: transparent; height:28px; }
.down_dnnmenu_item  { cursor:hand; color: #666666; font-size: 10.5pt; font-style: normal; background-color: Transparent; font-family: Trebuchet MS; text-align: left; display:inline-block; padding-right: 10px; }
.down_dnnmenu_itemselected { cursor:hand; color: #666666; font-size: 10.5pt; font-style: normal; font-family: Trebuchet MS; text-align: left; background-color: Transparent;  }
.down_dnnmenu_itemhover {background-color: transparent; color:#000000; text-decoration: none;}
.down_dnnmenu_icon { display:none; }

/********************************************** LightBox ****************************************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:lightbox/image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/******************* Contact page specification *********************/
.mapTable { border:1px solid #003366; font-size: 12pt; font-style: normal; font-family: Arial; padding: 1px 1px 1px 1px; border-collapse:separate;} 
.mapDiv { padding: 0px 0px 0px 0px;}

/******************* Tableau vide titre bleu deg pale+ *********************/
.table_roundTitle_m {background:url(images/roundTable/topMiddle.png) repeat; height:33px; text-align:left;font-size:16px !important; font-family:Arial MS Sans Serif !important; font-weight:bold !important; color: #333333;}
.table_roundTitle_l {background:url(images/roundTable/topLeft.png); height:33px; width:10px}
.table_roundTitle_r {background:url(images/roundTable/topRight.png); height:33px; width:10px}

.table_roundContent {text-align:left!important;font-size:12px!important; font-family:Arial MS Sans Serif!important; color: #333333;}
.table_roundContent_l {background:url(images/roundTable/middleLeft.png); width:10px}
.table_roundContent_r {background:url(images/roundTable/middleRight.png); width:10px}

.table_roundFooter_m {background:url(images/roundTable/bottomMiddle.png); height:15px; font-size:xx-small !important;}
.table_roundFooter_l {background:url(images/roundTable/bottomLeft.png); height: 15px; width:10px; font-size:xx-small !important;}
.table_roundFooter_r {background:url(images/roundTable/bottomRight.png); height: 15px; width:10px;font-size:xx-small !important;}


/******************** Tableau coin rond deg bleu pale ++ **********************************/
.table_header_l_4 {background: url(images/roundShadow/rs-topleft_deg3.png); height:40; width:38px;}
.table_header_r_4 {background: url(images/roundShadow/rs-topright_deg3.png); height:40; width:37px;}
.table_header_m_4 { background: url(images/roundShadow/rs-topmiddle_deg3.png); height:40; margin-left:auto;margin-right:auto; font-size:16px; font-family:Arial MS Sans Serif; font-weight:bold; text-align:left; color: #333333}

.table_footer_l_4 { background: url(images/roundShadow/rs-bottomleft_deg3.png); height:39; width:38px;}
.table_footer_r_4 { background: url(images/roundShadow/rs-bottomright_deg3.png); height:39; width:37px;}
.table_footer_m_4 { background: url(images/roundShadow/rs-bottom_deg3.png); height:39; margin-left:auto;margin-right:auto; vertical-align:top;}

.table_content_l_4 { background: url(images/roundShadow/rs-middle_deg3.png); width:38px;}
.table_content_r_4 { background: url(images/roundShadow/rs-middleright_deg3.png); width:37px;}
.table_content_m_4 { background: url(images/roundShadow/rs-middle_deg3.png); margin-left:auto;margin-right:auto; vertical-align:top;}


/******************** Tableau coin rond contenant blanc titre bleu vert pale + **********************************/
.table_header_l_5 {background: url(images/roundShadow/Empty/rs-topleft_deg2.png); height:40; width:38px;}
.table_header_r_5 {background: url(images/roundShadow/Empty/rs-topright_deg2.png); height:40; width:37px;}
.table_header_m_5 { background: url(images/roundShadow/Empty/rs-topmiddle_deg2.png); height:40; margin-left:auto;margin-right:auto; font-size:16px; font-family:Arial MS Sans Serif; font-weight:bold; text-align:left; color: #333333}

.table_footer_l_5 { background: url(images/roundShadow/Empty/rs-bottomleft_deg2.png); height:39; width:38px;}
.table_footer_r_5 { background: url(images/roundShadow/Empty/rs-bottomright_deg2.png); height:39; width:37px;}
.table_footer_m_5 { background: url(images/roundShadow/Empty/rs-bottom_deg2.png); height:39; margin-left:auto;margin-right:auto; vertical-align:top;}

.table_content_l_5 { background: url(images/roundShadow/Empty/rs-middleleft_deg2.png); width:38px;}
.table_content_r_5 { background: url(images/roundShadow/Empty/rs-middleright_deg2.png); width:37px;}
.table_content_m_5 { background: url(images/roundShadow/Empty/rs-middle_deg2.png); margin-left:auto;margin-right:auto; vertical-align:top;}



/******************** Tableau coin rond deg bleu pale ++ short **********************************/
.table_header_l_4_s {background: url(images/roundShadow/short/rs-topleft_deg3.png); height:30; width:40px;}
.table_header_r_4_s {background: url(images/roundShadow/short/rs-topright_deg3.png); height:30; width:40px;}
.table_header_m_4_s { background: url(images/roundShadow/short/rs-topmiddle_deg3.png); height:30;}

.table_footer_l_4_s { background: url(images/roundShadow/short/rs-bottomleft_deg3.png); height:52; width:40px;}
.table_footer_r_4_s { background: url(images/roundShadow/short/rs-bottomright_deg3.png); height:52; width:40px;}
.table_footer_m_4_s { background: url(images/roundShadow/short/rs-bottom_deg3.png); height:52; margin-left:auto;margin-right:auto; vertical-align:top;}

.table_content_l_4_s { background: url(images/roundShadow/short/rs-middleLeft_deg3.png); width:40px;}
.table_content_r_4_s { background: url(images/roundShadow/short/rs-middleright_deg3.png); width:40px;}
.table_content_m_4_s { background: url(images/roundShadow/short/rs-middle_deg3.png); margin-left:auto;margin-right:auto; vertical-align:top; font-size:16px; font-family:Arial MS Sans Serif; font-weight:bold; text-align:center;}

/******************* Tableau contenant blanc titre bleau deg pale +  *********************/
.table_blue {border:none 0px; border-spacing:0px; padding: 0px 0px 0px 0px; margin-left: auto; margin-right: auto;}
.table_head_blue {padding: 0px 0px 0px 0px; border-spacing:0px; border:none 0px; border-bottom:solid 1px #FFFFFF;}
.table_title_dt_blue {background:url(images/roundShadow/Empty/rs-topmiddle_deg2.png) repeat; height:30px; 
    text-align:center;font-size:16px; font-family:Arial MS Sans Serif; font-weight:bold; color: #000000; 
    border:solid 1px #a0cef1;}
.table_dt_blue,.table_dt_l_blue, .table_dt_r_blue
{background-color:White; color: #3399cc;text-align:left;
    font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; 
    vertical-align:top; padding: 5px 10px 5px 10px;border-bottom:solid 1px #a0cef1;}
.table_dt_l_blue {border-left:solid 1px #a0cef1; border-right:solid 1px #a0cef1;}
.table_dt_r_blue{border-right:solid 1px #a0cef1;}


.squarebox {
    width: 100%;
    border: solid 0px #336699;
    text-align: center;
    overflow: hidden; }
.squareboxgradientcaption 
{
    color: #000000;
    padding: 5px;
    background-image: url(/SiteEpsilon/Portals/1/Skins/Epsilon/Panel/images/gradient_blue.png);
    background-repeat: repeat-x; }
.squareboxcontent {
    background-color: #ffffff;
    padding: 10px;
    overflow: hidden;
    border-top: solid 0px #336699; 
    }

/*----------------------------------------------------------------------------------------------------------*/