/* Layout */
html, body {
  margin : 0;
  padding : 0;
  height : 100%;
  width:100%;
}

.root{
	position : relative; /* référent du footer */
  min-height : 100%;

}




/*--------------page--------------*/
BODY {text-align:center; background-color: #ffffff; }
.page,.page TD {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#464646; }
.page table{margin:0; padding:0;}
.page {margin:0; padding:0; text-align:left; width:auto; padding-bottom:60px;}
.sys-footer {display:none;}
.page { background-image:url(../images/fond2.jpg); background-repeat:repeat-y; background-position:top center; }
.poweredby {margin:0px; padding:5px; background-color: #ffffff;}

/*--------------main layout-------------*/
.main-layout { /*width:980px;*/ margin:0 auto;}
.main-layout table{ /*width:980px;*/ margin-left:0px; padding-left:0px; height:100%}
.zone1 {padding:0px 0px 0px 0px;}
.zone2 {padding:0px 0px 20px 0px; height:100%}
.zone3 {padding:0px 0px 0px 0px;}
.zone4 {padding:0px 0px 0px 0px;}
.zone5 {}
.accueil-margin {padding:0px 13px 10px 13px}
/*--------------3 columns sublayout-------------*/
.sub-layout {}
.sub-layout td{}
.left-column {}
.left-column .column {width:245px; padding-left:13px; padding-right:5px;}
.main-column {padding:0px 10px 10px 10px;}
.main-column .main-content,.main-content {padding: 15px 10px 0px 20px;}
.right-column {}
.right-column .column {width:245px; padding-left:5px; padding-right:15px;}

.news-content {padding: 15px 10px 0px 20px; background-color: #F6F6F6; height:100%;}

html body div.root div.page div.main-layout table.RL tbody tr td.zone2 div.sub-layout table.CL tbody tr td.C0{
	height:100%;
}

/*--------------header-------------*/
.main-header {
	background-image:none;

}
	
.header-title{
	background: url(../images/ehrm_header.png) no-repeat left top; 
	background-color:#008acb;
	height:90px;
	width:100%;
	margin-top:0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-top:0px;
	display:inline-block; vertical-align:middle;
	font-family: 'OpenSans',Helvetica,Arial,sans-serif;
	color: #0095D8;
	line-height: 18.3333px;
}

/*--------------header login box-------------*/
.header-login-box{	
	float: right;
    width: auto;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	color:#ffffff;
	font-size:14px;
	font-style:bold;
	border:none;
	/*border-top-left-radius:8px;
	border-bottom-left-radius:8px;*/
	/*border-bottom: 1px solid #91C1D6;
	border-left: 1px solid #91C1D6;*/
}

.header-login-box p{	
	color:#ffffff;
}

.header-login-box .button2{	
	/*padding-left:15px;*/
}

.header-login-box .button2 span{	
	background-color:transparent;
}

.header-login-box .button2:hover{	
	background-color:#004C99;
	color:#ffffff;
}

.header-login-box .button2 span:hover{	
	background-color:transparent;
	color:#ffffff;
}
	
	
/*header logo*/
.header-logo {background-image:url(../images/logozone.png); background-position:10px 0; background-repeat:no-repeat; height:100px; padding:0;}
.header-logo .image IMG {margin-left:30px; margin-top:0px!important;}
.header-logo .search-zone {display:none}

/*header content*/
.header-content .rich-text {display:none}

/*search*/
.full-search {background:none; height:45px; margin-bottom:3px;}
.full-search TABLE {/*width:980px;*/ margin:0 auto;}
.full-search TABLE TABLE {width:100%; margin:0}
.full-search .full-search-left {text-align:left}
.full-search .full-search-right {padding-top:7px;}
.full-search .ged {padding:10px 10px 0 0}
/*user informations*/
.full-search .connected-user {text-transform:uppercase;}
.full-search .connected-user TABLE {width:auto; margin-left:10px}
.full-search TD.hello {height:40px; width:auto; font:bold 10px tahoma,arial,sans-serif; color:#454444;  background:url(../images/userhello.gif) no-repeat left 12px; padding:14px 0 0 20px;}
.full-search TD.username {width:auto; font:bold 10px tahoma,arial,sans-serif; color:#2589B7; padding:14px 0 0 10px;}

.full-search .search-layout {color:#999999}
.full-search .search-layout {	
	background:url(../images/search-back.gif) no-repeat;
	height:25px;
	width:270px;
	padding:0 0 0 10px;
	}
.full-search .search-layout .screen {display:block;}	
.full-search .search-layout .search {margin:0}	
.full-search .search-layout INPUT {
	color:#8E8E8E;
	font:normal 10px tahoma,verdana,arial,sans-serif!important;
	vertical-align:middle;		
	width:200px;
	line-height:20px;	
	border:0 none;
	}	
.full-search .search-layout .action-search {
	background:url(../images/search-button.gif) no-repeat;
	margin:0;
	height:25px;
	line-height:25px;	
	width:35px;
	vertical-align:middle;	
	}
.full-search .search-layout .action-search SPAN { display:none }

/*Language FR EN*/
.full-search .language { padding:7px 10px 0 0; }
.full-search .language .fr {background: url(../images/separator-language.gif) no-repeat left center; padding:7px 3px 7px 0; text-align:right; font-weight:bold;}
.full-search .language .fr a:link, .full-search .language .fr a:visited {color:#464646; font-family:tahoma,arial,sans-serif; font-size:11px}
.full-search .language .en {background: url(../images/separator-language.gif) no-repeat right center; padding:7px 0px 7px 3px; text-align:left; font-weight:bold}
.full-search .language .en a:link, .full-search .language .fr a:visited {color:#464646; font-family:tahoma,arial,sans-serif; font-size:11px}


/*top toolbar*/
.topbar {}
.topnav {float:right; font:bold 11px Arial, Helvetica, sans-serif;}
.topnav .tabs {}
.topnav .tabs .tab-left {display:none;}
.topnav .tabs .tab-content {color:#707211; padding:3px 6px 0px 6px;}
.topnav .tabs .tab-content IMG{vertical-align:middle}
.topnav .tabs .tab-right {display:none;}
.topnav .tabs .tab-content a {font:bold 11px Arial, Helvetica, sans-serif;}
.topnav .tabs .tab-content a:link,.topnav .tabs .tab-content a:visited {color:#ffffff; text-decoration:underline}
.topnav .tabs .tab-content a:hover,.topnav .tabs .tab-content a:active {color:#CBCDCE; text-decoration:underline}


/*---------------------dropdown menu*/
.main-header .dropdown-menu {margin:0px 0px 0px 0px;min-height:42px; width:100%; background-color:#EDEDED; /*border-color:#d4d4d4; border-style:solid; border-width:1px;padding:0px; border-left-width:0px; border-right-width:0px;*/ border:none;
}
.main-header .dropdown-menu .dropdown {  display:block;}
/*--------Level 1*/
.main-header .dropdown-menu .dropdown .top {border:0 none;  background:transparent;  margin:0; }
.main-header .dropdown-menu .dropdown .top a { margin:0px 0px 0px 0px; font:normal 14px verdana,arial,sans-serif; padding:12px 16px 12px 16px;   }
.main-header .dropdown-menu .dropdown .top a span { padding:0; margin:0;}
.main-header .dropdown-menu .dropdown .top a:link, .main-header .dropdown-menu .dropdown .top a:visited { color:#8E8E8E; }
.main-header .dropdown-menu .dropdown .first a:link, .main-header .dropdown-menu .dropdown .first a:visited {   color:#8E8E8E; }
.main-header .dropdown-menu .dropdown .top:hover a {color:#555555;    }

.main-header .dropdown-menu ul li a:hover{
	background-color:#d4d4d4;
}

/*current premier niveau*/
.main-header .dropdown-menu .dropdown .top a.current:link,.main-header .dropdown-menu .dropdown .top a.current:visited { background-color:#E5E5E5; }

/*****menu plus*****/
.main-header .dropdown-menu .dropdown .plusbutton {}
.main-header .dropdown-menu .dropdown .plusbutton a {width:62px;}
.main-header .dropdown-menu .dropdown .plusbutton ul a {width:auto}
.main-header .dropdown-menu .dropdown .plusbutton a span {display:none}
.main-header .dropdown-menu .dropdown .plusbutton .sub a span {display:block}
/*link*/
.main-header .dropdown-menu .dropdown .plusbutton a:link, .main-header .dropdown-menu .dropdown .plusbutton a:visited {  background:url(../images/onglet-plus1.gif) no-repeat left top; color:#8E8E8E; }
/*hover*/
.main-header .dropdown-menu .dropdown .plusbutton:hover a{  background:url(../images/onglet-plus-hover.gif) no-repeat left top;  padding:28px 16px 28px 16px; }
.main-header .dropdown-menu .dropdown .plusbutton:hover ul a { padding:2px 3px 2px 3px;  }
/*current*/
.main-header .dropdown-menu .dropdown .plusbutton a.current:link,.main-header .dropdown-menu .dropdown .plusbutton a.current:visited { color:#ffffff; background:transparent url(../images/onglet-plus-hover.gif) no-repeat left top; padding:28px 16px 28px 16px;}
.main-header .dropdown-menu .dropdown .plusbutton ul a.current:link, .main-header .dropdown-menu .dropdown .plusbutton ul  a.current:visited { padding:2px 3px 2px 3px;}

/*--------Level 2*/
.main-header .dropdown-menu .dropdown .top {
	border-color:  rgba(0, 0, 0, 0.2); border-width:1px; border-sytle:solid;
}
.main-header .dropdown-menu .dropdown .top ul { 
	width:238px; padding:0;background-color:#FCFCFC; border-color:  #D4D4D4; border-width:1px; border-style:solid; border-top:none;
}
.main-header .dropdown-menu .dropdown .top ul:before {
	border-bottom-width:8px; border-bottom-style:solid; border-bottom-color:#FCFCFC; 
	content:" "; left:11px; top:-9px; position:absolute; display:inline-block; 
}	
.main-header .dropdown-menu .dropdown .top ul:after { 
	border-bottom-width:8px; border-bottom-style:solid; border-bottom-color:#FCFCFC;
	border-left-width:8px; border-left-style:solid; border-left-color:transparent; 
	border-right-width:8px; border-right-style:solid; border-right-color:transparent; 
	content:" "; left:12px; top:-8px; position:absolute; display:inline-block; 
}	
.main-header .dropdown-menu .dropdown .top ul li {  width:238px; background-color:#FCFCFC;  }
.main-header .dropdown-menu .dropdown .top ul li:hover { background-color:#EEEEEE; }
.main-header .dropdown-menu .dropdown .top ul li a {  margin:0px; padding:2px 3px 2px 3px; font-weight:normal; font-family: 'Lato',​Helvetica,​Arial,​sans-serif;font-size:14px;line-height:17.2333px;}
/*.s5e .main-header .dropdown-menu .dropdown .top ul li a span {padding:4px 4px 4px 10px; }*/
.main-header .dropdown-menu .dropdown .top:hover ul li a span {padding:4px 4px 4px 10px; background-image:none }
.main-header .dropdown-menu .dropdown .top ul a:link, .main-header .dropdown-menu .dropdown .top ul a:visited { background:transparent;}
/*rollover deuxieme niveau*/
.main-header .dropdown-menu .dropdown .top ul a:hover, .main-header .dropdown-menu .dropdown .top ul a:active {  background:transparent; }
.main-header .dropdown-menu .dropdown .top ul a:hover SPAN, .main-header .dropdown-menu .dropdown .top ul a:active SPAN { background:transparent none!important; text-decoration:none }
/*current deuxieme niveau*/
/*.main-header .dropdown-menu .dropdown .top ul current:link, .main-header .dropdown-menu .dropdown .top ul  current:visited {  background:transparent; }*/
 .main-header .dropdown-menu .dropdown .top ul current:link SPAN, .main-header .dropdown-menu .dropdown .top  ul current:visited SPAN { color:#C01F3D;  background:transparent none!important; text-decoration:none  }
/*first et last du sousmenu*/
/*.main-header .dropdown-menu .dropdown .sub .first {padding-top:5px;}*/
/*.main-header .dropdown-menu .dropdown .sub .last { padding-bottom:5px; border-bottom:0 none;}
.main-header .dropdown-menu .dropdown .plusbutton ul a.current:link, .main-header .dropdown-menu .dropdown .plusbutton ul a.current:visited {  color:#ffffff!important; background:transparent; }
.main-header .dropdown-menu .dropdown .top ul li a.current:link, .main-header .dropdown-menu .dropdown .top ul li a.current:visited { color:#ffffff!important; background:transparent}*/
.dropdown-menu .dropdown ul{background-color:#004C99;}

/**************level 2 menu +*************/
/*.main-header .dropdown-menu .dropdown .plusbutton ul a:link,.main-header .dropdown-menu .dropdown .plusbutton ul a:visited {background:url(../images/petit-plus.gif) no-repeat 5px center!important; padding:0 0 0 25px}
.main-header .dropdown-menu .dropdown .plusbutton ul a:hover,.main-header .dropdown-menu .dropdown .plusbutton ul a:active  {color:#FFF!important;  background:url(../images/petit-plus-hover.gif) no-repeat 5px center!important; padding:0 0 0 25px; text-decoration:none}*/

/*--------------submenu-------------*/
.focus .side,.focus .side-menu,.focus .side-menu .side {width:190px;}
.focus .side-menu .side li {margin-left:0px; padding-left:0px}
.focus .side-menu .side li {font-size:11px;}

/*--------------advertising-------------*/
.advertising {text-align:center}

/*--------------footer-------------*/

.footer {
    background-color: #575756;
    bottom: 0;
    height: 50px;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 15px 0 0;
    /*position: fixed;*/
    width: 100%;
	position : absolute;
}

.footer TABLE {width:auto; /*margin:0 auto;*/ margin: 0px 0px 0px 25px; }
.footer-zone1 { padding:0px; text-align:left; color:#ffffff;}
.footer-zone1 A {margin:0; /*border-right:1px solid #ffffff; */padding:0 5px 0 5px;}

.footer-zone2 { padding:0 5px 5px 10px; text-align:left; color:#ffffff;}
.footer .footer-zone3 { padding:10px 5px 0px; text-align:center; color:#ffffff; padding-right:20px; font-family:"OpenSans",Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px}
.footer A:link,.footer A:visited {color:#ffffff; }
.footer A:hover,.footer A:active {color:#ffffff; text-decoration:underline}


.subfooter {font-size:10px; color:#5B5B5B; padding:10px 0px 0px 0px;}
.subfooter * {font-size:10px; color:#5B5B5B}

/*--------------fullpage-------------*/

.fullpage-area {}
.fullpage-top {padding:10px;}
.fullpage-main {}
.fullpage-bottom {}
.fullpage-bottom .bottom-left {}
.fullpage-bottom .bottom-right {}
.fullpage-bottom .bottom-right .horizontal-list {display:block; float:right}
.fullpage-bottom .bottom-right .horizontal-list li {display:inline; float:left; margin-right:10px;}
.fullpage-bottom .bottom-right .horizontal-list A:link,.fullpage-bottom .bottom-right .horizontal-list A:visited  {color:#E80000; text-decoration:underline}
.fullpage-bottom .bottom-right .horizontal-list A:hover,.fullpage-bottom .bottom-right .horizontal-list A:active  {color:#333333; text-decoration:underline}

/*--------margins--------*/
.lmg {padding-left:5px}
.rmg {padding-right:5px}
.tmg {padding-top:5px}
.bmg {padding-bottom:5px}