body {background: none;overflow-x:hidden;}
#logo {background: url(../images/bandeau-bv.jpg) no-repeat center;width: 967px;height:144px;text-align:center;}
#logo-notebook{background:transparent url(../images/bandeau-gauche.jpg) no-repeat scroll left center;height:144px;text-align:left;width:597px;}

.noportal #logo {background: url(../images/connexion.jpg) no-repeat top left;height:144px;text-align:center;}
.lienlogo{width:100%;}
#header {height: 60px;vertical-align: top;}
.maintbl {padding-top: 4px;color: #888888;background-color: #ffffff;display:inline !important;}
#footer {text-align: center;padding: 4px;color: #888888;background-color: #ffffff;font-size: 0.8em;}
#footer a:link,#footer a:visited {color: #888888;text-decoration: underline;}
#advise {padding: 3px 0 3px 0;text-align: center;display: none;font-size: 0.7em;}
#advise a:link,#advise a:visited {background-color: #efefef;}
.loading {background-color: #ffffff;padding-top: 50px;padding-bottom: 50px;text-align: center;color: #c6c3c6;font-size: 0.7em}
.protectbox {background-color: #efefef;color: #000000;border: 1px solid #c6c3c6;font-size: 0.8em;}
#mousebox {display: none;position: absolute;color: #000000;border: 1px solid #000000;padding: 5px;background-color:#FFFFE1;width: 300px;font-size: 0.6em;}
#area {background: #ffffff;}

/*======   MODULES  =====*/
.module table,.module1 table,.module2 table,.module3 table,.module4 table,{width:100%;}
.module {margin-bottom: 6px;border: 3px solid #efefef;font-size: 0.7em;}
.module1 {margin-bottom: 6px;border: 3px solid #efefef;font-size: 0.7em;}
.module2 {margin-bottom: 6px;border: 3px solid #efefef;font-size: 0.7em;}
.module3 {margin-bottom: 6px;border: 3px solid #efefef;font-size: 0.7em;}
.module4 {margin-bottom: 6px;border: 3px solid #efefef;font-size: 0.7em;}

.module .bmod {border: 1px solid #c6c3c6;}
.module1 .bmod {border: 1px solid #177AB4;}
.module2 .bmod {border: 1px solid #BE0A0A;}
.module3 .bmod {border: 1px solid #7DB51B;}
.module4 .bmod {border: 1px solid #262626;}

.module .hmod {display: none;background-image: url(../images/bgbar4.gif);}
.module4 .hmod {display: none;background-image: url(../images/bgbar.gif);}

.module1 .hmod {display: none;background-image: url(../images/bgbar1.gif);}
.module2 .hmod {display: none;background-image: url(../images/bgbar2.gif);}
.module3 .hmod {display: none;background-image: url(../images/bgbar3.gif);}


.barstyle0 {background-image: url(../images/bgbar4.gif);overflow: hidden;}
.barstyle1 {background-image: url(../images/bgbar1.gif);overflow: hidden;}
.barstyle2 {background-image: url(../images/bgbar2.gif);overflow: hidden;}
.barstyle3 {background-image: url(../images/bgbar3.gif);overflow: hidden;}
.barstyle4 {background-image: url(../images/bgbar.gif);overflow: hidden;}

.module .hmod, .module .hmod a:visited, .module .hmod a:link, .module .hmod a:active {color: #ffffff;font-size: 8pt;height:35px;
line-height:32px;}
.module4 .hmod, .module4 .hmod a:visited, .module4 .hmod a:link, .module4 .hmod a:active {color: #000000;font-size: 8pt;}

.module1 .hmod, .module1 .hmod a:visited, .module1 .hmod a:link, .module1 .hmod a:active {color: #ffffff;font-size: 8pt;}
.module2 .hmod, .module2 .hmod a:visited, .module2 .hmod a:link, .module2 .hmod a:active {color: #ffffff;font-size: 8pt;}
.module3 .hmod, .module3 .hmod a:visited, .module3 .hmod a:link, .module3 .hmod a:active {color: #ffffff;font-size: 8pt;}


.module4 .headmod {padding: 0px;margin: 0px;border-bottom: 1px solid #c6c3c6;}
.module .headmod {padding: 0px;margin: 0px;border-bottom: 1px solid #262626;}

.module1 .headmod {padding: 0px;margin: 0px;border-bottom: 1px solid #177AB4;}
.module2 .headmod {padding: 0px;margin: 0px;border-bottom: 1px solid #BE0A0A;}
.module3 .headmod {padding: 0px;margin: 0px;border-bottom: 1px solid #7DB51B;}


.module4 .titmod {padding: 2px 5px 0 5px;font-size: 11px;line-height: 20px;/*height: 20px;*/font-weight: bold;color: #aaaaaa;overflow:hidden;}
.module .titmod {padding: 2px 5px 0 5px;font-size: 11px;line-height: 20px;/*height: 20px;*/font-weight: bold;color: #ffffff;overflow:hidden;}

.module1 .titmod {padding: 2px 5px 0 5px;font-size: 11px;line-height: 20px;/*height: 20px;*/font-weight: bold;color: #ffffff;overflow:hidden;}
.module2 .titmod {padding: 2px 5px 0 5px;font-size: 11px;line-height: 20px;/*height: 20px;*/font-weight: bold;color: #ffffff;overflow:hidden;}
.module3 .titmod {padding: 2px 5px 0 5px;font-size: 11px;line-height: 20px;/*height: 20px;*/font-weight: bold;color: #ffffff;overflow:hidden;}

.barcoli {border: 1px solid #c6c3c6;text-decoration:none;}
.barcola {border: 1px solid #000000;text-decoration:none;}
.content {margin: 0px;padding: 0px;background-color: #ffffff;width: 100%;}
.content td {color: #000000;text-align: justify;}
.content a:link {color: #000000;text-decoration: none;}
.content a:visited {color: #999999;text-decoration: none;}
.content a:hover {color: #9C0000;text-decoration: underline;}
.content input,.content select {border:1px solid #3c8faf;background-color:#3c8faf;height:13px;font-size:10px;color:#FFF;font-size: 0.8em;}
.content .nostyle {border: 0px;background-color: #ffffff;}
.content .btn {border: 1px outset #c6c3c6;height: 18px;}
.newspaper a.title:link {color: #003063;text-decoration: none;font-size: 9pt;font-weight: bold;}
.newspaper a.title:hover {color: #9C0000;text-decoration: underline;font-size: 9pt;font-weight: bold;}
.newspaper #sourcelist a:link {color: #000000;text-decoration: none;}
.newspaper #sourcelist a:visited {color: #000000;text-decoration: none;}
.newspaper #sourcelist a:hover {color: #000000;text-decoration: underline;}
.newspaper #npdetaili h2 {color: #000000;font-size: 1.8em;}
.newspaper #npdetaili .largelink {color: #000000;font-size: 1.1em;font-weight: bold;text-decoration: underline;}
.newspaper .source {color: #008200}
.newspaper .clear {background-color: #ffffff;}
.newspaper .dark {background-color: #efefef;}
.newspaper .normal {vertical-align: top;padding: 4px 0 8px 3px;}
.newspaper .highlight {background-color: #333333;vertical-align: top;padding: 4px 0 8px 3px;color: #ffffff;}
.newspaper .highlight a:link {color: #ffffff;font-weight: normal;}
.newspaper .read {vertical-align: top;padding: 4px 0 8px 3px;}
.newspaper .read a:link {color: #c6c3c6;font-weight: normal;}
.editbox {display: none;padding: 8px;background-color: #f3f3f3;}
.module input, .module textarea, .module select,.module1 input, .module1 textarea, .module1 select, .module2 input, .module2 textarea, .module2 select, .module3 input, .module3 textarea, .module3 select, .module4 input, .module4 textarea, .module4 select{border:1px solid #858585;background-color:#FFF;height:13px;font-size:10px;color:#000;height:15px;vertical-align:middle;padding:0px;}
.module textarea, .module1 textarea, .module2 textarea, .module3 textarea, .module4 textarea {height:50px;width:95%;}


.selmultiple select{height:auto;}
/*====== TABS =====*/
.taba {height:28px;width: 100px;vertical-align: bottom;}
.tabal a:visited,.tabal a:link,.tabal a:hover {text-decoration: none;color: #2b75a2 !important;}
.tabal,.tabal .tabextra{color: #2b75a2;}

.tabal {height: 26px;white-space: nowrap;text-align: center;vertical-align: middle;padding: 0 3px 0 3px;font-weight: bold;font-size: 0.7em;border:0px;}
.tabar {text-align: center;padding: 0 2px 0 2px;border:0px;}
.intertaba {width: 2px;font-size:2pt;}
.tab {height:27px;margin-top:1px;width: 100px;background:none;}
.tabl {white-space: nowrap;text-align: center;font-weight: bold;padding: 3px;color: #c6c3c6;font-size: 0.7em;border:0px;}
.tabr {text-align: center;padding: 2px;border:0px;}
.tabl a:visited,.tabl a:link {color: #c6c3c6;text-decoration: none;}
.tabl a:hover {color: #000000;}
.intertab {width: 1px;font-size:2pt;}
.endtab {font-size: 0.8em;}

#alltabs {width: 236px ;height: 100% ;}
#navfixedbox {position: relative;width: 100%;height: 29px;overflow: hidden;z-index:2;}
#navfloatbox {position: absolute;left: 0px;width: 100%;height: 29px;overflow: hidden;clip: rect(0px, 100%, 29px, 0px);z-index:1;}
#navmovebox {position: absolute;left: 0px;z-index:1;}
.tabextra {color: #1A4972;}

#tabsframe li{width:220px;padding:0;margin:0;border:1px solid #adacac;border-top:none;background-color:#f2f2f2;}
#tabsframe li.active{background-color:#fff;}
#tabsframe li a{color:#b3b2b4;}
.newpage{background-color:#FFFFFF !important;
border-bottom:1px solid #ADACAC;
color:#B3B2B4;
font-size:0.7em;
height:20px !important;
padding:3px 0 0 10px !important;
width:210px !important;}
/*font-size: 0.8em;border-bottom:1px solid #adacac;color:#b3b2b4;padding-left:10px!important;width:210px!important;*/
li#tab0{border-top:1px solid #adacac;}
ul.tabnav{padding:0;padding-left:3px;}
.tabnav .close{
display:inline;
float:none;
}


/*  LIENS EPM WEBMAIL */
.tabsite .li1{width:220px;padding:0;margin:0;border:1px solid #adacac;background-color:#f2f2f2;}
.tabsite .li2{width:220px;padding:0;margin:0;border:1px solid #adacac;border-top:none;background-color:#f2f2f2;}
.tabsite li{height: 28px;margin: 2px 2px 0 2px; padding-left:5px;}
.tabsite li a{color:#B3B2B4;font-size:14px;text-decoration:none;padding-left:10px;}
.tabsite{list-style-type: none;padding:0px 0px 0px 3px;margin: 0;}


#tab_site {position:relative;margin-top:20px;padding-left:3px;}
#tab_site div{margin-bottom:10px;}


/*====== MENUS =====*/
.menubox {background-color: #efefef;vertical-align: top;border: 1px solid #c6c3c6;}
.menucont {padding: 6px;font-size: 0.8em;}
.menucont td {color: #777777;}
.menuhdr {padding-left: 4px;padding-right: 10px;border-bottom: 2px inset #f7f7f7;background-color: #dedede;}
.menutitle {color: #000000;font-size: 1em;width: 100%}
.menuclose {text-align: right;white-space: nowrap;background: url(../images/ico_close.gif) no-repeat left center;}
.menufocus {background-color: #efefef}
.menumod {color: #ffffff;background-color: #c6c3c6;}
.addmenuhdr {border-bottom: 2px inset #f7f7f7;width: 800px;padding: 0px;}
.menuopt {border-bottom: 2px inset #f7f7f7;}
.chgcolor {color: #ffffff;background-color: #c6c3c6;}
.menuaddbtn {padding-bottom: 4px;}
.menumodule {font-size: 1.2em;}


#colonne-gauche{float:left;height:auto;left:0px;padding-top:7px;position:relative;width:234px;z-index:5;}
#colonne-gauche*{zoom:1}
#colonne-droite{height:auto;position:relative;float:right;width:773px;}

#tabs{position:relative;}
#tabs table{width:100%;}

#leftmenu{background-color: #ffffff;border: 3px solid #555555;display: none;font-size: 0.8em;color: #000000;position:relative;top:0px;left:0px;float:left;margin-top:11px;}
#leftmenu a:link,#leftmenu a:visited {font-size: 1em;color: #000000;}
#leftmenu a.dirlink:link,#leftmenu a.dirlink:visited {font-size: 0.85em;color: #000000;text-decoration: none;}
#leftmenu a.modlink:link,#leftmenu a.modlink:visited {font-size: 0.85em;color: #000000;text-decoration: none;}
.leftmenuheader {background-color: #555555;color: #ffffff;font-weight: bold;}
.leftmenucontent {padding-left: 1px;padding-right: 1px;color: #000000;width: 226px;}
.leftmenuitem {width: 224px;background-color: #555555;color: #ffffff;font-weight: bold;vertical-align: center;padding:4px;cursor: pointer;cursor: hand;border-top:1px solid #ffffff;}

.leftmenuitemcontent {padding: 8px;display: none;}

a.optlist {color: #c6c3c6;white-space: nowrap;text-decoration: none;border:1px solid #efefef;padding: 1px;}
a.optlist:hover {color: #c6c3c6;white-space: nowrap;text-decoration: none;border: 1px solid #c6c3c6;padding: 1px;}
a.sellist {color: #ffffff;background-color: #c6c3c6;white-space: nowrap;text-decoration: none;border: 1px solid #c6c3c6;padding: 1px;}
.dirdiva {overflow: auto;height: 122px;font-size: 8pt;border: 1px solid #e1e1e1;background-color: #ffffff;}
.dirdiva a:link,.dirdiva a:visited {color: #555555}
.dirdivi {overflow: auto;height: 122px;font-size: 8pt;border: 1px solid #efefef;}
.diropta {background-color: #efefef}
.diropti {}
.diropts {background-color: #efefef}
.catopti {background: url(../images/ico_dir.gif) no-repeat left top;padding-left: 16px;}
.catopta {background: #efefef url(../images/ico_dir.gif) no-repeat left top;padding-left: 16px;}
.catopts {background: #efefef url(../images/ico_diro.gif) no-repeat left top;padding-left: 16px;}
.expdir {}
.expdir div {margin-left: 10pt;}
.explorer {}

/*====== Bandeau du haut =====*/
#header table,#header table tr, #header table td{border:collapse;padding:0;margin:0;}
#bandeau{height:145px;}
.logolink-left{float:left;}
.logolink-right{float:right;}


/*====== HEADER LINKS =====*/
#headlink {position: relative;color: #c6c3c6;vertical-align: center;background:url(../images/bgbar4.gif) repeat-x top left;height:28px;text-align:center;color: #ffffff;font-size:11px;font-weight:bold;}
#headlink a:link,#headlink a:visited {color: #ffffff;text-decoration: underline;}
#headlink a:hover {text-decoration: underline;}
#headmenu {position: absolute;top:20px;width: 120px;display: none;overflow: hidden;z-index:100;padding: 2px;font-size: 0.7em;border: 2px solid #000;}
#headmenu a {background: #fff;display: block;width: 100%;text-decoration: none;padding: 3px;}
#headmenu a:hover, #headlink a:focus {background: none;}

/*====== FOOTER =====*/
#footer{display:block;float:left;}
#footer-epm{height:45px;float:left;color:#000000; width: 100%; text-align: right; margin-bottom: 10px;}
.footer-fond{background:url(../images/footer-fond.gif) repeat-x center left; height:33px; padding-top: 16px; color: #FFFFFF; font-size: 10px; padding-right: 10px;}
.footer-logos{background:url(../images/logos.gif) no-repeat top left; height:45px; width: 200px; float: left;}

/*====== ADDONS =====*/

.addonbar {
background-color: #fff;
background:none;
border-bottom:1px solid #000000;
color:#000000;
font-weight:bold;
height:18px;
padding:8px 0pt 0pt 8px;
width:100%;
}


/*===== FLUX RSS =====*/
.proposer{background:url(../images/bgbar4.gif) repeat-x top left;color:#fff !important;font-size:11px;}
.proposer a{color:#fff !important;padding-left:28px;background:url(../images/ico-proposer.gif) no-repeat 6px;line-height:28px;font-weight:bold;}


/*===== FRAMES =====*/

#modules div iframe{width:76% !important;}
#nparticles{height:auto!important;}


/*===== Notebooks =====*/


/*===== NewsTicker  =====*/
#newstick{
  position:absolute;
  top:71px;
  left:217px;
  width:430px;
}

.newsticker{
  list-style-type: none;
  border: 1px solid #62a0c5;
  background: #ffffff;
  padding: 3px;
  margin: 0;
  height:30px;
  font-size:11px;
}



/******     Treeview   **************/

UL.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

UL.jqueryFileTree LI {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
}

UL.jqueryFileTree A {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
	background: #BDF;
}

/* Core Styles */
.jqueryFileTree LI.directory { background: url(../images/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(../images/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(../images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(../images/spinner.gif) left top no-repeat; }
/* File Extensions*/
.jqueryFileTree LI.ext_3gp { background: url(../images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_afp { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_afpa { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_asp { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_aspx { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_avi { background: url(../images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_bat { background: url(../images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_bmp { background: url(../images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_c { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cfm { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cgi { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_com { background: url(../images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_cpp { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_css { background: url(../images/css.png) left top no-repeat; }
.jqueryFileTree LI.ext_doc { background: url(../images/doc.png) left top no-repeat; }
.jqueryFileTree LI.ext_exe { background: url(../images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_gif { background: url(../images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_fla { background: url(../images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_h { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_htm { background: url(../images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_html { background: url(../images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_jar { background: url(../images/java.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpg { background: url(../images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpeg { background: url(../images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_js { background: url(../images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_lasso { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_log { background: url(../images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_m4p { background: url(../images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mov { background: url(../images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp3 { background: url(../images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp4 { background: url(../images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpg { background: url(../images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpeg { background: url(../images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_ogg { background: url(../images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_pcx { background: url(../images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_pdf { background: url(../images/pdf.png) left top no-repeat; }
.jqueryFileTree LI.ext_php { background: url(../images/php.png) left top no-repeat; }
.jqueryFileTree LI.ext_png { background: url(../images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_ppt { background: url(../images/ppt.png) left top no-repeat; }
.jqueryFileTree LI.ext_psd { background: url(../images/psd.png) left top no-repeat; }
.jqueryFileTree LI.ext_pl { background: url(../images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_py { background: url(../images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_rb { background: url(../images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rbx { background: url(../images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rhtml { background: url(../images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rpm { background: url(../images/linux.png) left top no-repeat; }
.jqueryFileTree LI.ext_ruby { background: url(../images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_sql { background: url(../images/db.png) left top no-repeat; }
.jqueryFileTree LI.ext_swf { background: url(../images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_tif { background: url(../images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_tiff { background: url(../images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_txt { background: url(../images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_vb { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_wav { background: url(../images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_wmv { background: url(../images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_xls { background: url(../images/xls.png) left top no-repeat; }
.jqueryFileTree LI.ext_xml { background: url(../images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_zip { background: url(../images/zip.png) left top no-repeat; }