/* MAIN HTML */
body {
	margin: 0px;
	padding: 0px;
	/*font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;*/
	font-family: Roboto, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	color: #333333;	
}
span.errorMsg{
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #c0362c;
	text-decoration: none;
	margin-bottom: 6px;
	height: auto;
	white-space: nowrap;
	display: block;
	margin-right: 6px;
}

p.importantBlock{
	display: block;
	width: 600px;
	border:5px solid red;
	padding: 5px;	
}

.titre {
	font-size:25px;
	text-align:center;
	font-weight:bold;
}

#main {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	height: 100%;
}

#header {
	position: relative;
	height: 250px;
	left: 0px;
	background-color: #FFFFFF;
	width: auto;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 99;
}

#webname{
	position: relative;
	left: 50px;
	top:30px;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

#logo {
	position: relative;
	left: 10px;
	width: auto;   /*250px*/
	top: 10px;
}

#demo {
	position: relative;
	left: 20px;
	width: 250px;
	top: 20px;
}

#content {
	width: auto;
	position: relative;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffffff;
	padding: 0px;
	background-repeat: repeat-x;
}

#content a {
	text-decoration: underline;
	color : #028C4D;
	font-style : italic;
}

#content a:hover {
	color : #005933;
	cursor:pointer;
}

#content a:visited {
	color : #343537;
}

/* MENU with jQuery*/
#menu {
	background-color: #005933;
	height: 39px;
	width: 100%;
	position: relative;
	left: 0px;
	bottom: 0px;
}

.menuSystem{
	list-style: none;
}

.liSystem{
	border: 1px solid #cccccc;
	background: #EBEBEB;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin : 4px 15px 0px 0px;
	padding : 5px;
	width : 150px;
	height : auto;
	font-size : 0.8em;
	font-weight : bold; 
	text-align : center;	
}

.liSystem a{
	text-decoration: none;
	color: #028C4D;
}

.liSystem a:hover{
	color: #005933;
}

.liSystem:hover {
	border: 1px solid #005933;
	background: #EAFFED;
}


ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

ul.topnav li {
	float: left;
	position: relative;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

ul.topnav #home {
	width: 42px;
}
ul.topnav #contrats {
	width: 109px;
}
ul.topnav #interimaires {
	width: 132px;
}
ul.topnav #heures {
	width: 96px;
}
ul.topnav #factures {
	width: 108px;
}
ul.topnav #statistiques {
	width: 131px;
}
img {border: 0px solid #000000;}

ul.topnav li a {
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	margin: 0px;
}

ul.topnav li a:hover {
	text-decoration: underline;
}

ul.subnav {
	list-style: none;
	position: absolute;
	left: 3px;
	top: 27px;
	margin: 0;
	padding: 6px;
	display: none;
	float: left;
	width: auto;
	height: auto;
	background-image: url(../img/subnav_bg.jpg);
	background-repeat: repeat-x;
	background-color: #cccccc;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	z-index: 999;
}

ul.subnav li {
	position: relative;
	clear: both;
	width: 150px;
	padding:0;
	float: left;
	margin-left: 6px;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin-bottom: 6px;
	height: auto;
	white-space: nowrap;
	display: block;
	margin-right: 6px;
}

ul.subnav li.subnavFirst{
	position: relative;
	background-image: url(../img/subnav_top.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	clear: both;
	width: 221px;
	height:31px;
	display:block;
}
ul.subnav li.subnavBar{
	position: relative;
	background-image: url(../img/subnav_bar.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	height:7px;
	display:block;
}

ul.subnav li a {
	text-decoration: none;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
}

ul.subnav li a:hover {
	text-decoration: underline;
}

#panelsearch label{
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

#panelsearch input[type=text]{
	background-image: url(../img/form_text_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	width:140px;
	border: 1px solid #666666;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	
	color: #666666;
	height: 18px;
	margin: 0px;
	padding: 0px;
	float: left;
}


input[type=button],input[type=submit]{
	font-family: Roboto, Arial, Helvetica, sans-serif; 	
	border: 1px solid #cccccc;
	background: #EBEBEB;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #028C4D;
	height : 25px;
	font-weight : bold; 
	text-align : center;		
}


input[type=button]:hover,input[type=submit]:hover{
	border: 1px solid #005933;
	background: #EAFFED;
	color : #005933;			
	cursor:pointer;	
}


#panelsearch li{
	clear: both; 
}

/* TABLE */
.table-std-detail{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	/*float: left;*/
	margin-right: 15px;
	margin-bottom: 30px;
	text-align: left;
}

h4 {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	white-space: nowrap;
}

.table-std-detail caption{
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	white-space: nowrap;
}

.table-std-detail th {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	background-color: #858585;
	white-space: nowrap;
	vertical-align: top;
}
.table-std-detail th.subth {
	background-color: #858585;
}

.table-std-detail td{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	letter-spacing: normal;
	white-space: nowrap;
}

.table-std-detail .hover{
	background-color: #EAFFED;
}

#panel {
	position: relative;
	height: auto;
	width: 100%;
	left: 0px;
	background-color: #005933;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	top: 0px;
}

#details {
	position: relative;
	height: auto;
	width: auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}

#panelsearch ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}

#fermer {
	position: relative;
	left: 50%;
}

#panelsearch {
	float: left;
	height: auto;
	width: auto;
	position: relative;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 16px;
	margin-left: 0px;
}

#panelresult {
	float: left;
	position: relative;
	height: 200px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*overflow: auto;*/
}

#panelfooter {
	clear: both;
	height: 30px;
	width: 100%;
	background-color: #CCCCCC;
	background-color: #FFFFFF;
}

#panelwrapper {
	position: relative;
	height: auto;
	width: auto;
	margin: 16px;
	display: block;
	float: left;
}
#loginwrapper{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#logintext{
	position: relative;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
}

#loginimg{
	position: relative;
	width: 200px;
	margin: 20px;
	float: left;

}
.breaker {
	clear: both;
	position: relative;
}

.cellright{
	text-align: right;
}

.cellcenter{
	text-align: center;
}

.rowHeader {
	background-color: #CCCCCC;
	font-style: normal;
	font-weight: bold;
}

.rowSubHeader {
	background-color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
}

.handCursor{
	cursor:pointer;
}

.separator{
	clear: both;
	padding-top: 15px;
}

.clear{
	clear: both;
}

.cellfixed{
	font-size: small;
	font-style: normal;
	text-align: left;
}

.fixed{
	font-size: small;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-indent: 0px;
	left: 0px;
	text-align: left;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	white-space: normal;
}

.isTexte{
	font-size: small;
	font-style: normal;
	text-align: left;
	vertical-align: top;
	white-space: normal;
}

.loginField{
	float: left;
}

.loginField p{
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: -10px;
	margin-bottom: -5px;
	margin-left : 42px;
}

.loginField input{
	margin-left : 42px;
}

.loginField fieldset{
	background-color: #FFFFFF;
	margin-left: 200px;
	border: none;
	padding: 15px;
}

.loginField label{
	font-size: 12px;
	margin-left : 42px;
}

.btn{
	display: block;
	position: relative;
	bottom:-20px;
	left: 90px;
}

p.contact{
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	white-space: nowrap;
}

p.coment{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	white-space: normal;
}

td.tdspe {
	background-color: #CCCCCC;

}

/* WALTERS MENU */

.topNav {
    clear: right;
    height: 21px;
    margin-top: 0px;	
    margin-left: 40px;
    margin-right: 0px;
    position: relative;
    text-transform: uppercase;
    width: 1000px;
	z-index: 2000;
}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover, ul.pureCssMenusub a {
     background-color: #FFFFFF;
}

ul.pureCssMenu ul {
     display: none;
     position: absolute;
     top: 98%;
     width: 255px;
     z-index: 10000;
}

ul.pureCssMenu ul ul {
     background-color: #00A0AF;
     left: 98%;
     position: absolute;
     top: -2px;
}

ul.pureCssMenu, ul.pureCssMenu ul {
     background-repeat: repeat;
     list-style: none outside none;
     margin: 0pt;
     padding: 0pt 1px 1px 0pt;
}

ul.pureCssMenu {
     display: block;
     float: left;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
     outline-style: none;
}

ul.pureCssMenu span {
     display: block;
     overflow: hidden;
}

ul.pureCssMenu ul li {
     background-color: #D1D3D4;
     float: left;
     margin: 0pt;
     width: 225px;
}

ul.pureCssMenu ul a {
     background-color: #343537;
     color: #ffffff;
     text-align: left;
     white-space: nowrap;
     width: 255px;
}

ul.pureCssMenu li.sep {
     height: 100%;
     line-height: 0pt;
     padding: 0pt;
     text-align: left;
}

ul.pureCssMenu li.sep span {
     background-color: #A6A6A6;
     background-image: none;
     display: inline-block;
     float: none;
     height: 100%;
     padding-right: 0pt;
     width: 3px;
}

ul.pureCssMenu ul li.sep span {
     height: 3px;
     width: 100%;
}

ul.pureCssMenu li:hover > a {
     background-color: #343537;
     color: #ffffff;
     font: bold 12px Arial;
     text-decoration: none;
}

ul.pureCssMenu li a:hover {
    background-color: #343537;
    color: #fff;
    font: bold 12px Arial;
    position: relative;
    text-decoration: none;
}

ul li a.pureCssMenu_child:hover {
     background-color:  #028C4D; /*#0685c8;*/
     color: #ffffff;
     font: bold 12px Arial;
     position: relative;
     z-index: 20000;
}

ul.pureCssMenu li.dis a {
     color: #AAAAAA ! important;
}

ul.pureCssMenu img {
     border: medium none;
     float: left;
     height: 16px;
     margin-right: 5px;
     width: 16px;
}

ul.pureCssMenu ul img {
     height: 16px;
     width: 16px;
}

ul.pureCssMenu li.dis a:hover img.over {
     display: none ! important;
}

ul.pureCssMenu li.dis a:hover img.def {
     display: inline ! important;
}

ul.pureCssMenusub ul {
     display: none;
     position: absolute;
     top: 98%;
     width: 175px;
}

ul.pureCssMenusub ul li {
     background-color: #00A0AF;
     float: none;
     margin: 0pt;
}

ul.pureCssMenusub ul a {
     background-color: #00A0AF;
     color: #FFFFFF;
     text-align: left;
     white-space: nowrap;
}

ul.pureCssMenusub li:hover > a {
     color: #FFFFFF; 
     font: bold 11px Arial;
     text-decoration: none;
}

ul.pureCssMenusub li a:hover {
     background-color: #005933; 
     color: #FFFFFF;
     font: bold 11px Arial;
     position: relative;
     text-decoration: none;
}

.topNav .nav, .topNav .nav ul, .secondNav .nav, .secondNav .nav ul {
     font-weight: bold;
     line-height: 1;
     list-style: none outside none;
     margin: 0pt;
     padding: 0pt;
}

.topNav .nav a, .secondNav .nav a, .breadcrumbs .nav a {
     color: #58595B;
     display: block;
     width: auto;
}

.topNav .nav li, .secondNav .nav li {
     float: left;
     margin-right: 10px;
     padding-bottom: 5px;
     padding-top: 5px;
     z-index: auto;
}

.topNav ul.nav, .secondNav ul.nav {
     height: 20px;
     margin-top: 0pt;
     padding: 0pt;
     z-index: 5;
}

.topNav ul.nav li, .secondNav ul.nav li, .breadcrumbs ul.nav li, ul.pureCssMenu li:hover > a img.over, ul.pureCssMenu a:hover img.over, ul.pureCssMenu a:hover ul img.def, ul.pureCssMenu a:hover a:hover ul img.def, ul.pureCssMenu a:hover a:hover img.over, ul.pureCssMenu a:hover a:hover a:hover img.over {
     display: inline;
}

.topNav .nav li a, .secondNav .nav li a {
     color: #58595B;
     height: auto;
     padding: 1px 10px;
     text-decoration: none;
     top: 0pt;
}

.topNav .nav li.sf-Menu-Selected a, .topNav li.sf-Menu-Selected > a {
     background-color: #343537;
     color: #fffffff;
}

.secondNav .nav li.sf-Menu-Selected a, .secondNav li.sf-Menu-Selected > a {
     background-color: #005933;
     color: #FFFFFF;
}

ul.pureCssMenu li:hover > ul, ul.pureCssMenu a:hover ul, ul.pureCssMenu a:hover a:hover ul, ul.pureCssMenusub li:hover > ul, ul.pureCssMenusub span {
     display: block;
}

ul.pureCssMenu li, ul.pureCssMenusub li {
     display: block;
     float: left;
     font-size: 0pt;
     margin: 1px 0 0;
}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
     background-color: #005933;
     color: #FFFFFF;
     cursor: pointer;
     display: block;
     font: bold 12px Arial;
     margin-right: 10px;
     padding: 5px 8px;
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
}

ul.pureCssMenusub a {
     background-color: #fff;
     color: #000000;
     cursor: pointer;
     display: block;
     font: bold 11px Arial;
     margin-right: 10px;
     padding: 5px 8px;
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
}

ul.pureCssMenu li:hover, ul.pureCssMenusub li:hover {
     position: relative;
}

ul.pureCssMenu img.over, ul.pureCssMenu li:hover > a img.def, ul.pureCssMenu a:hover img.def, ul.pureCssMenu a:hover ul img.over, ul.pureCssMenu a:hover a:hover ul img.over, ul.pureCssMenu a:hover a:hover img.def, ul.pureCssMenu a:hover a:hover a:hover img.def {
     display: none;
}

ul.pureCssMenu ul ul li, ul.pureCssMenu ul ul a, ul.pureCssMenu ul ul li, ul.pureCssMenu ul ul a:hover {
     background-color: #00A0AF;
}

.maindd {
    background-image: url("../img/white-arrow-down.png");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    margin: 1px 10px 0px 0px !important;
}
.maindd:hover {
    background-image: url("../img/white-arrow-down.png");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-color: #343537;
}
.maindd a {
    margin-right: 15px !important;
}
.maindd a:hover {
    margin-right: 15px !important;
}

.pureCssMenui0 {
    margin-top : 6px;
}

.pureCssMenui0.maindd.sf-Menu-Selected {
    background-color: #343537;
    background-image: url("../img/white-arrow-down.png");
}