/*---------------------------------------------------------*/
/*  ___      _  _      _               ___ _          ___  */
/* |   \ _ _| \| |_  _| |_____   ___  | __| |_____ __|_  ) */
/* | |) | '_| .` | || | / / -_) |___| | _|| / -_) \ / / /  */
/* |___/|_| |_|\_|\_,_|_\_\___|       |_| |_\___/_\_\/___| */
/*                                                         */
/*      Skin Styles for DotNetNuke - Flex2 by DrNuke       */
/*              http://www.DrNuke.co.uk/flex2              */
/*       Copyright DrNuke Ltd - All rights reserved        */
/*---------------------------------------------------------*/

/*----------------------------------------------------*/
/* General Page Styles								  */
/*----------------------------------------------------*/
html { height:100%; margin:0; padding:0; }
#Body { height:100%; margin:0; padding:0; margin-top:0 }
form { height:100%; margin:0; padding:0; }
p, td, div { font-family:arial,helvetica; font-size:12px; color:#333333; margin: 0; line-height: 1.Oem; }
.normal, .Normal { font-size:12px; color:#333333; }
.NormalBold { font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#333333; }
.NormalRed { color:#c50000; font-family:arial,helvetica; font-weight:bold; font-size:12px; }
.fullheight { height:100%; }
.fullwidth { width:985px; }
.clear { clear:both; line-height:0; margin:0; padding:0; font-size:0; height:0; }
.hidden { display:none; }	

/*----------------------------------------------------*/
/* Page Structure									  */
/*----------------------------------------------------*/
#OuterContainer { height:100%; margin:0 auto; }
#InnerContainer { margin:0; background:#f7f7f7; }
#LogoContainer { margin:0 5px 0 5px; overflow:hidden; font-size:0; }
#LogoRightContainer { text-align:right; margin:0 5px 0 0; }
#LanguageContainer { margin:5px 12px 7px 0; text-align:right; }
#SearchContainer { margin:7px 5px 7px 0; text-align:right; }
#DateContainer { margin:0 9px 7px 0; text-align:right; }
#MenuContainer { height:50px; margin:0 0 0 0; }
#UnderBannerContainer { height:7px; margin:0 5px 0 5px; background:#e4e4e4; }
#LoginContainer { height:27px; margin:4px 4px 0 0; float:right;}
#UserContainer { height:27px; margin:4px 8px 0 0; float:right; }
#BreadcrumbContainer { height:23px; margin:8px 0 0 0; float:left;  }
#ContentContainerCell { padding:0; vertical-align:top;margin:0; }
#CopyrightContainer { text-align:left; margin:0 0 0 5px; float:left; }
#TermsContainer { text-align:right; margin:0 5px 0 5px; float:right; }
#PrivacyContainer { text-align:right; margin:0 5px 0 5px; float:right; }

/*----------------------------------------------------*/
/* Banners											  */
/*----------------------------------------------------*/
#BannerOuterContainer { margin:0 5px 0 5px; }	
#BannerContainer { }
#CustomBannerContainer { }
#FlashBannerContainer { text-align:center; }
#FlashBannerContainer img { border:none; }

/*-----------------------------------------------------------------------*/
/* Search																 */
/*-----------------------------------------------------------------------*/
.SearchBoxL { width:155px; height:33px; padding:0 0 0 14px; margin:0; line-height:0; background-image:url(images/search-left.gif); background-repeat:no-repeat; background-position:top left; }
.SearchBox { width:100%; height:33px; vertical-align:top; font-size:0; line-height:0; margin:0; padding:0; background-image:url(images/search-bg.gif); background-repeat:no-repeat; background-position:right; }
.SearchBox input { height:18px; background:#f7f7f7; width:114px; color:#666666; margin:9px 0 9px 0; padding:0; border:none; cursor:text; z-index:1; float:left; }
.SearchBox a img { float:right; margin:0; padding:0; border:none; }
.SearchBox img { width:25px; height:33px; }

/*-----------------------------------------------------------------------*/
/* Links																 */
/*-----------------------------------------------------------------------*/
a:link, a:visited, a:active { font-weight:bold; }
a:hover { text-decoration:underline; }
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color:#666666; font-weight:bold; font-size:11px; text-decoration:underline; }
a.CommandButton:hover{ color:#444444; font-size:11px; text-decoration:underline; }

/*-----------------------------------------------------------------------*/
/* Headings																 */
/*-----------------------------------------------------------------------*/
h1 { font-weight:normal; font-size: 18pt; color: #008ecb; font-family: Trebuchet MS; margin:0; padding:0; }
h2 { font-weight:normal; font-size: 14pt; color: #333333; font-family: Trebuchet MS; margin:0; padding:0; }
h3 { font-weight:bold; font-size: 9pt; font-family: Arial; color: #008ecb; margin:0; padding:0; }
h4 { font-weight:bold; margin:0; padding:0; line-height:1.5em; }
h5 { font-weight:bold; margin:0; padding:0; line-height:1.5em; }
h6 { font-weight:bold; margin:0; padding:0; line-height:1.5em; }
.Head { font-family:arial; font-size:14px; color:#28509a; font-weight:bold; padding:0; }
.SubHead { font-family:arial; font-size:12px; font-weight:bold; color:#585858; padding:0; }

/*-----------------------------------------------------------------------*/
/* Date																 */
/*-----------------------------------------------------------------------*/
.DateToken { color:#777777; font-size:11px; font-weight:normal; }

/*-----------------------------------------------------------------------*/
/* Login																 */
/*-----------------------------------------------------------------------*/
#LoginContainer table { margin:1px 0 0 0; }
#LoginContainer div { height:22px; overflow:hidden; background-image:url(images/loginbutton-r.gif); background-position:top right; background-repeat:no-repeat; }
#LoginContainer td { height:22px; white-space:nowrap; padding:0; background-image:url(images/loginbutton-bg.png); background-position:top left; background-repeat:no-repeat; }
.LoginToken, a.LoginToken:link, a.LoginToken:visited, a.LoginToken:active { color:#777777; background-image:url(images/loginbutton-l.png); background-repeat:no-repeat; background-position:center left; font-size:11px; font-weight:normal; text-decoration:none; height:22px; float:left; line-height:20px; padding:0 10px 0 26px; margin:0; }
a.LoginToken:hover { color:#444444; background-image:url(images/loginbuttonon-l.png); background-repeat:no-repeat; background-position:center left; }

/*-----------------------------------------------------------------------*/
/* Login top																 */
/*-----------------------------------------------------------------------*/
#LogintopContainer table { margin:0 0 0 0; }
#LogintopContainer div { height:20px; overflow:hidden; background-image:url(images/log-user.gif); background-position:top right; background-repeat:no-repeat; }
#LogintopContainer td { height:20px; white-space:nowrap; padding:0; background-image:url(images/log-user.png); background-position:top left; background-repeat:no-repeat; }

#LogintopContainerError {color:red;font-size:2pt;border:0;}

.LogintopContainer input[type=submit] {background-color: #f7f7f7;font-size:0pt;border:0;width:34px;height:20px;background-image:url(images/LogintopContainer_button.gif);background-repeat:no-repeat;}
.LogintopContainer input[type=text] {background-color: #f7f7f7;;text-indent:10px;font-size:8pt;border:0;width:126px;height:20px;background-image:url(images/LogintopContainer_text.gif);background-repeat:no-repeat;}
.LogintopContainer input[type=password] {background-color: #f7f7f7;text-indent:10px;font-size:8pt;border:0;width:126px;height:20px;background-image:url(images/LogintopContainer_text.gif);background-repeat:no-repeat;}
.LogintopToken, a.LoginToken:link, a.LoginToken:visited, a.LoginToken:active {color:#777777; background-image:url(images/log-ok.gif); background-repeat:no-repeat; background-position:center left; font-size:11px; font-weight:normal; text-decoration:none; height:22px; float:left; line-height:20px; padding:0 10px 0 26px; margin:0; }
a.LogintopToken:hover { color:#444444; background-image:url(images/log-ok.gif); background-repeat:no-repeat; background-position:center left; }

/*-----------------------------------------------------------------------*/
/* User																	 */
/*-----------------------------------------------------------------------*/
#UserContainer table { margin:1px 0 0 0; }
#UserContainer div { height:22px; overflow:hidden; background-image:url(images/userbutton-r.gif); background-position:top right; background-repeat:no-repeat; }
#UserContainer td { height:22px; white-space:nowrap; padding:0; background-image:url(images/loginbutton-bg.png); background-position:top left; background-repeat:no-repeat; }
.UserToken, a.UserToken:link, a.UserToken:visited, a.UserToken:active { color:#777777; background-image:url(images/userbutton-l.png); background-repeat:no-repeat; background-position:center left; font-size:11px; font-weight:normal; text-decoration:none; height:22px; float:left; line-height:20px; padding:0 10px 0 26px; margin:0; }
a.UserToken:hover { color:#444444; background-image:url(images/userbuttonon-l.png); background-repeat:no-repeat; background-position:center left; }

/*-----------------------------------------------------------------------*/
/* Breadcrumbs															 */
/*-----------------------------------------------------------------------*/
#BreadcrumbContainer img { width:14px; height:14px; }
#BreadcrumbContainer span { float:left; vertical-align:middle; }
#BreadcrumbContainer .BreadcrumbSpan { line-height:14px; float:left; font-size:0; margin:0 10px 0 10px; }
#BreadcrumbContainer a { float:left; }
.BreadcrumbToken, a.BreadcrumbToken:link, a.BreadcrumbToken:visited, a.BreadcrumbToken:active { color:#424242; font-size:11px; text-decoration:underline; font-weight:normal; }
a.BreadcrumbToken:hover { color:#666666; font-size:11px; text-decoration:none; font-weight:normal; }

/*-----------------------------------------------------------------------*/
/* Copyright, privacy, terms											 */
/*-----------------------------------------------------------------------*/
#FooterCell { vertical-align:top; }
.FooterToken { font-family: arial; font-size:8pt;font-weight:normal; text-decoration:none; padding:0; margin:0; color:#83868d }
a.FooterToken:link, a.FooterToken:visited, a.FooterToken:active { font-familly: arial, font-size:8pt;font-weight:normal; text-decoration:none; padding:0; margin:0; color:#83868d}
a.FooterToken:hover { font-weight:normal; size:8pt; text-decoration:underline; padding:0; margin:0; color:#83868d }

.txtbot { font-family: arial; font-size:10pt; font-weight:normal; text-decoration:none; padding:0; margin:0; color:#909090; text-align: justify}

/*-----------------------------------------------------------------------*/
/* Main Menu 															 */
/*-----------------------------------------------------------------------*/
#MenuBarM { width:100%; height:50px; background-image:url(images/menutop1-2.gif); background-position:top left; background-repeat:repeat-x; }
#MenuBarL { height:50px; vertical-align:top; }
#MenuBarR { width:21px; height:50px; vertical-align:top; }
#MenuBarL img { width:32px; height:50px; }
#MenuBarR img { width:21px; height:50px; }

.mainmenu-idle { float:left; padding:0; margin:0; font-size:12px; font-weight:bold; color:#343434; cursor:pointer; }
.mainmenu-idle span { position:relative; line-height:50px; display:block; float:left; background:url(images/menutop1-2.gif) top left repeat-x; }
.mainmenu-idle .item-left { background:none; height:50px; }
.mainmenu-idle .item-right { background:none; height:50px; }
.mainmenu-idle .item-left img { width:18px; height:50px; }
.mainmenu-idle .item-right img {  width:18px; height:50px; }
.mainmenu-idle .item-sep img { width:2px; padding:0 18px 0 0; height:50px; }

.mainmenu-breadcrumbactive { float:left; padding:0; margin:0; font-size:12px; font-weight:bold; color:#343434; cursor:pointer; }
.mainmenu-breadcrumbactive span { position:relative; line-height:50px; display:block; float:left; background:url(images/menutop1-2.gif) top left repeat-x; }
.mainmenu-breadcrumbactive .item-left { background:none; height:50px; }
.mainmenu-breadcrumbactive .item-right {background:none; height:50px; }
.mainmenu-breadcrumbactive .item-left img { width:18x; height:50px; }
.mainmenu-breadcrumbactive .item-right img { width:18px; height:50px; }
.mainmenu-breadcrumbactive .item-sep img { width:2px; padding:0 18px 0 0; height:50px;}

.mainmenu-selected { float:left; padding:0; margin:0; font-size:12px; font-weight:bold; color:#343434; cursor:pointer;}
.mainmenu-selected span { position:relative; line-height:50px; display:block; float:left; background:url(images/menutop1-2.gif) top left repeat-x; }
.mainmenu-selected .item-left { background:none; height:50px; }
.mainmenu-selected .item-right { background:none; height:50px; }
.mainmenu-selected .item-left img { width:18px; height:50px; }
.mainmenu-selected .item-right img { width:18px; height:50px; }
.mainmenu-selected .item-sep img { width:2px; height:50px; }

.mainmenu-submenu { padding:0 ; margin:0; border:1px solid #cacaca; z-index:1000; font-weight:normal; }
.mainmenu-menuitem { color:#2c2c2c; background:url(images/submenu-background.jpg) repeat-x top left; cursor:pointer; }
.mainmenu-menuitem span { font-size:12px; font-weight:normal; font-style:normal; }
.mainmenu-menuitem td { padding:0 5px 0 5px; margin:0; height:25px; }
.submenu-menuitemsel { color:#f1f1f1; background:url(images/submenu-background-hover.jpg) repeat-x top left; }


/*-----------------------------------------------------------------------*/
/* Bottom Menu 															 */
/*-----------------------------------------------------------------------*/

.menubot-title { font-family: arial; font-size:10pt;font-weight:bold; text-decoration:none; padding:0; margin:0; color:#616161 }
.menubot-title:hover { font-family: arial; font-size:10pt;font-weight:bold; text-decoration:underline; padding:0; margin:0; color:#616161 }

.menubot-sub { font-family: arial; font-size:10pt;font-weight:normal; text-decoration:none; padding:0 ; margin:0; color:#6e6e6e }
a.menubot-sub:link, a.menubot-sub:visited, a.menubot-:active { font-family: arial; font-size:10pt;font-weight:normal; text-decoration:none; padding:0; margin:0; color:#6e6e6e }
a.menubot-sub:hover { font-family: arial; font-size:10pt;font-weight:normal; text-decoration:underline; padding:0 ; margin:0; color:#6e6e6e }


/*-----------------------------------------------------------------------*/
/* Module Menus															 */
/*-----------------------------------------------------------------------*/
.ModuleTitle_SubMenu { background:#f7f7f7; padding:0; margin:0; border:1px solid #1f1f1f; z-index:1000; font-weight:normal; }
.ModuleTitle_MenuItem { border:none; }
.ModuleTitle_MenuItem td { background:#f7f7f7; color:#1f1f1f; font-family:arial,helvetica,verdana; font-size:11px; font-weight:bold; padding:0 0 0 0; height:20px; white-space:nowrap; }
.ModuleTitle_MenuItemSel { border:none; background:none; }
.ModuleTitle_MenuItemSel td { background:#bababa; }
.ModuleTitle_MenuIcon { border:none; background:#e5e5e5 !important; border-right:1px solid #e5e5e5; }
.ModuleTitle_MenuIcon img { margin:0; padding:0;}
.ModuleTitle_MenuBreak td { background:#e5e5e5; height:1px; }

/*-----------------------------------------------------------------------*/
/* Control Panel														 */
/*-----------------------------------------------------------------------*/
.ControlPanel select, .ControlPanel input { font-size:11px; color:#000000; }

/*----------------------------------------------------*/
/* Content Panes									  */
/*----------------------------------------------------*/
.BannerPane { width:100%; vertical-align:top; }
.CustomBannerPane { width:100%; padding:0; vertical-align:top; }
.TopPane { width:100%; padding:0; vertical-align:top; }
.TopPane2 { width:100%; padding:0; vertical-align:top; }
.LeftPane { padding:0 0 0 0; width:auto; vertical-align:top; }
.RightPane { padding:0 0 0 0; width:auto; vertical-align:top; }
.LeftPane2 { padding:0 0 0 0; vertical-align:top; }
.ContentPane1 { padding:0 0 0 0; vertical-align:top; }
.ContentPane { padding:0; vertical-align:top; }
.RightPane2 { padding:0 0 0 0; vertical-align:top; }
.MiddlePane { width:100%; padding:0; vertical-align:top; }
.ContentPane2 { padding:0 0 0 0; vertical-align:top; }
.RightPane3 { padding:0 0 0 0; width:33%; vertical-align:top; }
.LeftPane3 { padding:0 0 0 0; width:33%; vertical-align:top; }
.ContentPane3 { padding:0 0 0 0; vertical-align:top; }
.BottomPane { width:100%; padding:0; vertical-align:top; }
.LeftPane4 { padding:0 0 0 0; width:33%; vertical-align:top; }
.ContentPane4 { padding:0 0 0 0; vertical-align:top; }
.RightPane4 { padding:0 0 0 0; width:33%; vertical-align:top; }
.BottomPane2 { width:100%; padding:0; vertical-align:top; }
.FooterPane { width:100%; padding:0; vertical-align:top; }

/* End Flex2 By DrNuke Style Sheet */
/*----------------------------------------------------*/


/*-----------------------------------------------------------------------*/
/* Menu DEROULANT															 */
/*-----------------------------------------------------------------------*/

#menuDeroulant
 {height: 20px;list-style-type:none;
margin:0;
padding:0;
border:0;
position:relative;

}

#menuDeroulant li
{list-style-type: none;
width: 170px;
padding:0;
border:0;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color:#2d2d2d;background:url(/Portals/9/content/menu-deroulant-top.gif);background-repeat: no-repeat;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}

#menuDeroulant li a:hover { background-color: #008ecb; }

#menuDeroulant li a:active { background-color: #008ecb; }


#menuDeroulant .sousMenu
 {
display: none;
list-style-type:none;
margin: 0;
padding: 0;
border: 0;
}

#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
	width: 169px;
border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
background-image: none;display: block;
color: #333333;
margin: 0;
border: 0;
text-decoration: none;
background-color:#CCCCCC}

#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #333333;color:#FFFFFF
}

#menuDeroulant li:hover > .sousMenu {display: block;}