/*
* STYLES FOR: complex.html
*
* Created with ThemeRoller...
* http://ui.jquery.com/themeroller/?bgColoheader-centerrDefault=e0e0e0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=d8d8d8&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=888888&fcHover=111111&iconColorHover=222222&bgColorActive=8ab9ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorContent=f3f3f3&fcContent=362b36&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.2&fsDefaultUnit=em#bgColorDefault=d6d6d6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=bbbbbb&fcDefault=000000&iconColorDefault=444444&bgColorHover=eeeeee&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=cccccc&fcHover=000066&iconColorHover=000066&bgColorActive=80ade5&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=266cc0&fcActive=000000&iconColorActive=ffffff&bgColorContent=D1E6FC&bgTextureContent=10_dots_medium.png&bgImgOpacityContent=90&borderColorContent=bbbbbb&fcContent=000000&iconColorContent=222222&ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1&fsDefaultUnit=em
*/
/*
* GENERAL COSMETICS
*/
body { font: 70% "Trebuchet MS", sans-serif;margin:0px; padding:0px;}
h1 { font-size: 2em; font-weight: normal; margin: 1em 0 0.75em; page-break-after: avoid;}
h2 { color: navy; font-size: 1.2em; font-weight: bold; margin: 1.25em 0 0.75em; page-break-after: avoid;}
h3 { font-size: 1.2em; font-weight: bold; margin: 0 0 1ex; white-space: nowrap; page-break-after: avoid;}
p { margin: 1ex 0;}
code { font-size: 1.1em; margin: 0;}
pre {margin: 1em 0 1em 1em;}
ul { padding: 0; padding-bottom: 20px; margin: 0; list-style-type: square;}
li { padding: 0; margin: 0; margin: 0.5ex 0 0.5ex 1.2em;}
table { border-color: #666;}
th { background-color: #EEE; padding: 4px 7px 5px; border-color: #666; text-align: left;}
td { padding: 2px 7px 3px; border-color: #666 #CCC; vertical-align: top; }
#cache {position:absolute; left:35%;top:35%; z-index:10; visibility:hidden;}
/*
* COMMON LAYOUT PANE FORMATTING
*/
.pane , .ui-layout-pane { background-color: #FFF; border: 1px solid #777;padding: 0; overflow: auto;}
/*
* OUTER-LAYOUT PANE FORMATTING
*/
.pane-north , .pane-west {overflow: hidden; padding: 2px;}
.pane-north {border-bottom: none;}
.pane-north .content { text-align: center;}
.pane-center { background-color: #F6F6F6; padding: 2px; }
/* inner divs inside Outer East/West panes */
.header-west, .header-center, .header-south{ white-space: nowrap; font-family: Verdana,Arial,sans-serif; font-size: 1.1em; padding: .7em 2em; border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; page-break-after: avoid;}
.header-center,.header-south { text-align:center ;margin-bottom:1px}
.msg-center{ white-space: nowrap; font-family: Verdana,Arial,sans-serif; font-weight: bold; font-size: 1.5em; padding: .7em 2em; text-align:center ;margin-bottom:1px}
.subhead ,
.footer {
background: #d6d6d6 url(images/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
padding: 3px 10px;
font-size: 0.85em;
position: relative;
overflow: hidden;
white-space: nowrap;
}
.subhead { border-bottom: 1px solid #777; }
.footer { border-top: 1px solid #777; }
#mainContent .footer { border-top: 1px solid #BBB; }
.content {
/*padding: 1px;*/
position: relative;
overflow: hidden;
}
/*
* INNER-LAYOUT PANE FORMATTING
*/
#mainContent .ui-layout-pane { padding: 10px; }
#mainContent .ui-layout-north { text-align: center;}
#mainContent .ui-layout-center { border:0px;padding: 0 !important;overflow:hidden}
#mainContent .ui-layout-content { padding: 10px;}
/*
* OUTER LAYOUT RESIZERS & TOGGLERS
*/
.resizer-west-dragging , .resizer-west-open:hover { background: url(images/resizable-w.gif) repeat-y center; }
.resizer-west-open { background-color:transparent; opacity: 0.1; filter: alpha(opacity=10); }
.resizer-west-open:hover {opacity: 1;filter: alpha(opacity=100);}
.resizer-dragging-limit { background: #FF3300 !important; }
/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
* html .resizer-west-open { background: url(images/resizable-w.gif) repeat-y center !important; }
/** html .resizer-north , */
* html .resizer-west-open { opacity: 0.1 !important; filter: alpha(opacity=10) !important;}
/*
* extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed { background: #E3E5E8 url(images/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat; border-top: 1px solid #777; border-bottom: 1px solid #777;}
.resizer-west-closed:hover { background: #E3E5E8;}
/*
* extJS-STYLE TOGGLE & PIN BUTTONS
*
* these 'extra buttons' are INSIDE the east/west panes
*/
/* CUSTOM pin/close buttons */
span.button-pin , span.button-close { position: absolute; top: 6px; width: 20px; height: 20px; z-index: 2; display: block; cursor: pointer;}
span.button-close-west { left: 2px; }
span.button-pin-west { right: 2px; }
/* CUSTOM pin-buttons */
span.button-pin-up { background: url(images/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover { background: url(images/pin-up-on.gif) no-repeat center; }
span.button-pin-down { background: url(images/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover { background: url(images/pin-dn-on.gif) no-repeat center; }
/* CUSTOM close-buttons */
span.button-close-west { background: url(images/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover { background: url(images/go-lt-on.gif) no-repeat center; }
/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed { background: url(images/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover { background: url(images/go-rt-on.gif) no-repeat center; }
/*
* INNER LAYOUT RESIZERS & TOGGLERS
*
* These styles target 'children of center pane', so only affect the Inner Layout
* This layout has applyDefaultCSS=true, so use !important to override defaults
*/
#mainContent .ui-layout-resizer-closed:hover { background: #FFEDCA !important; }
#mainContent .ui-layout-resizer-open:hover ,
#mainContent .ui-layout-resizer-dragging { background: #C4E1A4 !important; }
#mainContent .ui-layout-resizer-dragging-limit { background: #FF3300 !important; }
#mainContent .ui-layout-resizer-north ,
#mainContent .ui-layout-resizer-south { border-left: 1px solid #BBB !important; border-right: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-north-closed{ border-top: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-south-closed{ border-bottom:1px solid #BBB !important; }
#mainContent .ui-layout-resizer-west-closed { border-left: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-east-closed { border-right: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer:hover .ui-layout-toggler {
opacity: 0.4;
filter: alpha(opacity=40);
}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover {
opacity: 1;
filter: alpha(opacity=100);
background: #FD9 !important;
border-color: #CB7 !important;
}
#mainContent .ui-layout-resizer-sliding {
opacity: 0.3;
filter: alpha(opacity=30);
}
#mainContent .ui-layout-resizer-sliding:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#mainContent .ui-layout-resizer-sliding .ui-layout-toggler {display: none !important;}
#mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler {display: block !important;}
.No_systeme {font-size: 2em;text-align: center; font-weight: bold; padding-top:100px}
.load_systeme {font-size: 1.4em;text-align: center; font-weight: bold; padding:0px;}
#navigation ul.menu, #navigation ul.menu ul {white-space:nowrap;overflow: hidden;list-style-type:none;margin: 0;padding: 0;}
#navigation ul.menu a {display: block;text-decoration: none;}
#navigation ul.menu li a.menu_user{background: #333 url(./images/menu_user.png) no-repeat 3px 3px;border-right: 5px #00AA00 solid;}
#navigation ul.menu li a.menu_user:hover{padding: 6px 4px 4px 31px;background: #555 url(./images/menu_user.png) no-repeat 4px 4px;}
#navigation ul.menu li a.menu_groupe{background: #333 url(./images/user_group.png) no-repeat 3px 3px;border-right: 5px #0000AA solid;}
#navigation ul.menu li a.menu_groupe:hover{padding: 6px 4px 4px 31px;background: #555 url(./images/user_group.png) no-repeat 4px 4px;}
#navigation ul.menu li a.menu_site{background: #333 url(./images/menu_site.png) no-repeat 3px 3px;border-right: 5px #AA0000 solid;}
#navigation ul.menu li a.menu_site:hover{padding: 6px 4px 4px 31px;background: #555 url(./images/menu_site.png) no-repeat 4px 4px;}
#navigation ul.menu li a.menu_regul{background: #333 url(./images/menu_regul.png) no-repeat 3px 3px;border-right: 5px #AA00AA solid;}
#navigation ul.menu li a.menu_regul:hover{padding: 6px 4px 4px 31px;background: #555 url(./images/menu_regul.png) no-repeat 4px 4px;}
#navigation ul.menu li {margin: 1px 0 0 0;}
#navigation ul.menu li a {background: #333;color: #fff; padding: 5px 5px 5px 30px;}
#navigation ul.menu li ul li a {background: #ccc;color: #000;padding-left: 40px;}
#navigation ul.menu li ul li a:hover {background: #aaa url(./images/fleche.png) no-repeat 0px 4px;border-left: 5px #000 solid;padding-left: 35px;}
#navigation ul.menu li ul.menu_user li a:hover{border-left: 5px #00AA00 solid;}
#navigation ul.menu li ul.menu_groupe li a:hover{border-left: 5px #0000AA solid;}
#navigation ul.menu li ul.menu_site li a:hover{border-left: 5px #AA0000 solid;}
#navigation ul.menu li ul.menu_regul li a:hover{border-left: 5px #AA00AA solid;}
#navigation ul.menu li a.menu_paypal{background: #333 url(./images/menu_paypal.png) no-repeat 3px 3px;border-right: 5px #AA0000 solid;}
#navigation ul.menu li a.menu_paypal:hover{padding: 6px 4px 4px 31px;background-position: 4px 4px;}
#navigation ul.menu li a.menu_articles{background: #333 url(./images/menu_articles.png) no-repeat 3px 3px;border-right: 5px #AAAA00 solid;}
#navigation ul.menu li a.menu_articles:hover{padding: 6px 4px 4px 31px;background-position: 4px 4px;}
#navigation ul.menu li a.menu_prix{background: #333 url(./images/menu_prix.png) no-repeat 3px 3px;border-right: 5px #AAAAAA solid;}
#navigation ul.menu li a.menu_prix:hover{padding: 6px 4px 4px 31px;background-position: 4px 4px;}
#navigation ul.menu li a.menu_purge{background: #333 url(./images/database.png) no-repeat 3px 4px;border-right: 5px #FF0000 solid;}
#navigation ul.menu li a.menu_purge:hover{padding: 6px 4px 4px 31px;background-position: 4px 5px;}
#navigation ul.menu li ul.menu_purge li a:hover{border-left: 5px #FF0000 solid;}
#navigation ul.menu li a.menu_systems{background: #333 url(./images/Evasion.png) no-repeat 3px 4px;border-right: 5px #FF00AA solid;}
#navigation ul.menu li a.menu_systems:hover{padding: 6px 4px 4px 31px;background-position: 4px 5px;}
#navigation ul.menu li a.menu_software{background: #333 url(./images/software.png) no-repeat 3px 4px;border-right: 5px #FF00AA solid;}
#navigation ul.menu li a.menu_software:hover{padding: 6px 4px 4px 31px;background-position: 4px 5px;}
#navigation ul.menu li a.menu_licences{background: #333 url(./images/group_open.png) no-repeat 3px 4px;border-right: 5px #FFCCAA solid;}
#navigation ul.menu li a.menu_licences:hover{padding: 6px 4px 4px 31px;background-position: 4px 5px;}
#navigation ul.menu li a.menu_liclog{background: #333 url(./images/menu_log.png) no-repeat 3px 4px;border-right: 5px #22CC22 solid;}
#navigation ul.menu li a.menu_liclog:hover{padding: 6px 4px 4px 31px;background-position: 4px 5px;}
#navigation ul.menu li a.menu_sysaloc{background: #333 url(./images/menu_regul.png) no-repeat 3px 4px;border-right: 5px #AA00FF solid;}
#navigation ul.menu li a.menu_sysaloc:hover{padding: 6px 4px 4px 31px;background-position: 4px 5px;}
#navigation ul.menu li a.menu_serials{background: #333 url(./images/menu_serials.png) no-repeat 3px 3px;border-right: 5px #0000AA solid;}
#navigation ul.menu li a.menu_serials:hover{padding: 6px 4px 4px 31px;background-position: 4px 4px;}
#navigation ul.menu li a.menu_langue{background: #333 url(./images/menu_langue.png) no-repeat 3px 3px;border-right: 5px #00AA00 solid;}
#navigation ul.menu li a.menu_langue:hover{padding: 6px 4px 4px 31px;background-position: 4px 4px;}
#navigation ul.menu li a.menu_abon{background: #333 url(./images/menu_abon.png) no-repeat 3px 3px;border-right: 5px #00AA00 solid;}
#navigation ul.menu li a.menu_abon:hover{padding: 6px 4px 4px 31px;background-position: 4px 4px;}
.ui-icon-date {left: 3px;position: absolute;top: 3px;margin:0;padding:0;overflow: hidden;text-indent: -99999px; width: 16px; height: 16px; background: transparent url(./images/datePicker.gif) no-repeat 0 0; }
.ui-icon-dateb {left: 4px;position: absolute;top: 3px;margin:0;padding:0;overflow: hidden;text-indent: -99999px; width: 16px; height: 16px; background: transparent url(./images/datePicker.gif) no-repeat 0 0; }
.nav_opt{margin:auto;width:350px;height:50px;background:url(./images/navigateurs.png) no-repeat 150px 0;text-align:center;font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;font-size: 1.2em;font-weight:bold;position:absolute; bottom:0;right:0 }
.mSubMenu{
background: url("./images/subArrow.png") no-repeat scroll 93% 0 transparent;
border: medium none;
display: none;
position: absolute;
right: 5px;
top: 30px;
width: auto;
z-index: 996;
list-style: none outside none;
margin: 0;
padding: 0;
}
.mSubMenu li{
background: url("./images/navBg.jpg") repeat scroll 0 0 transparent;
border-bottom: 1px solid #1C252B;
border-top: 1px solid #404950;
display: block;
float: none;
position: relative;
margin: 0;
padding: 0;
}
.mSubMenu li:first-child {
margin-top: 6px;
border-left: medium none;
}
.mSubMenu li a{
background: url("./images/subIcon.png") no-repeat scroll 12px 15px transparent;
border: medium none;
color: #D1D1D1;
font-size: 11px;
line-height:20px;
height: auto;
padding: 7px 20px 8px 25px;
width: auto;
cursor: pointer;
display: block;
text-decoration: none;
text-align:left;
}
.mSubMenu li a:hover { background: #293138 url(./images/subIcon.png) no-repeat 12px 15px; }
.SubMenuTitre{height:20px;line-height:20px;margin-top:-10px;width:100%;top:0;left:0;position:absolute;text-align:center}
.mSubMenu.usr{overflow:auto;height:334px;width:100%;top:10px;left:0;right:auto;background:url("./images/navBg.jpg") repeat scroll 0 0 transparent;display:block;margin:0}
.mSubMenu.usr li:first-child { margin-top: 0}
.mSubMenu.usr li a{font-size: 12px;background: url("./images/body.png") no-repeat scroll 6px 10px transparent;white-space:nowrap;overflow:hidden}
.radio0{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat 0 0;}
.radio1{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -42px 0;}
.radio2{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -84px 0;}
.radio3{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -126px 0;}
.radio4{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -168px 0;}
.radio5{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -210px 0;}
.radio6{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -252px 0;}
.radio7{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -294px 0;}
.radio8{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -336px 0;}
.radio9{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -378px 0;}
.radiooff{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -420px 0;}
.radiomois{float:left;width:42px;height:58px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -462px 0;}
.radiopp{float:left;width:22px;height:56px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -504px 0;}
.radioppoff{float:left;width:22px;height:56px;background: transparent url(./images/Radioland60/Ico_Radioland60.png) no-repeat -526px 0;}