body
{
	margin: 0 auto;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Courier New", "Times New Roman", Times, serif;
	background: url(images/fond-clair.jpg);
}


.menuhautglobal
 {
	margin: 0 auto ;
	padding:0;
	/*background:#fff;*/
	background: url(images/banniere.png) no-repeat center top;
	border:#8D8D8D 1px solid;
	width:1300px;
	height:75px;
	box-shadow: 2px 2px 3px #aaa;
}

.choix
{
  	float: center ;
	padding:0;
	margin:0;
	margin-left:350px;
}

.logo
{
  	float: left ;
	padding:0;
	margin:0;
	padding-right:10px;
	padding-left:1px;
}

.log
{
	padding-left:10px;
	padding-right:10px;
  	float: right ;
	padding-top:5px;
	text-align:left;
}


ul.menuhaut
 {
	list-style-type: none;
	float: right;
	padding:0;
	margin:0;

}


ul.periode
 {
	margin: 0;
	margin-top: 30px;
	padding:0;
	float:left;
	width: 200px;
	display: inline-block;
	text-align: left ;
	list-style-type: none;
	line-height:30px;
}

ul.menuhaut li, ul.periode li
  {
	text-align: left ;
	margin: 0 auto ;
	padding:0px;
	padding-left:9px;
	padding-right:9px;
	padding-top:3px;
	line-height:30px;
}

ul.menuhaut li a, ul.periode li a
{
	display: block ;
	text-decoration: none ;
	color: #8D8D8D;
	background:#FFF;
	height:30px;
	padding:0px;
	border:#ddd 2px solid;
	border-radius: 5px;
	box-shadow: 3px 3px 8px #aaa;
	width:190px;
}
ul.menuhaut li a:hover, ul.periode li a:hover
{
	background:#eee;
	border:#fff 2px solid;
	cursor: pointer;
}


.conteneur-menu
 {
	background: #fff;
	margin: 0 auto ;
	padding:0;
	width:1300px;
	height:35px;
	border:#8D8D8D 1px solid;
	box-shadow: 2px 2px 3px #aaa;
	position:relative;
}


.menu
 {
	float: left;
}

.menu dl
 {
	height:35px;
	margin: 0;
	padding:0;
	display: block ;
	float: left;
}

.menu dt
 {
	display: block ;
	height:35px;
	width:143px;
	color: #8D8D8D;
	text-align:left;
	cursor:pointer;
	border-right:#ddd 1px solid;
	line-height:17px;
}

.menu dt a
 {
	color: #8D8D8D;
	text-decoration: none ;
}

.menu dt a:hover
 {
	color: #8D8D8D;
	background:#eee;
	display:block;
	text-decoration: none ;
}

.menu dd
 {
	display: block ;
	margin: 0;
	padding:0;
	background:#eee;
	width:160px;
}

.menu dd ul
 {
	display: block ;
	margin: 0;
	padding:0;
	list-style: none;
}

.menu dd ul li a
 {
	background: #fff;
	color: #8D8D8D;
	display: block ;
	height:30px;
	line-height:30px;
	text-decoration: none ;
	border:#ddd 1px solid;
}
.menu dd ul li a:hover
 {
	background: #eee;
}

.menu dl dd
{
	display:none;
}

.menu dl:hover dd
{
	display:block;
}


.conteneur
{
	width: 1300px ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #8D8D8D ;
	box-shadow: 3px 3px 5px #aaa;
	background-color:#FFF;
}

.contenu
{
	width: 1300px ;
	margin:5px;
	text-align: left ;
	min-height: 600px;
}


h1, h2, h3, h4
{
	text-decoration: none ;
	margin: 0;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-align: center ;
	color:#8D8D8D;
}


input[type=submit], textarea, select, .bouton a
	{
	padding:2px;
	margin:1px;
	border:1px solid #8D8D8D;
	border-radius:5px;
	box-shadow:1px 1px 1px #C0C0C0 inset;
	background-color:#fff;
	text-decoration:none;
	}
input[type=submit], .bouton a
	{
	color:#6B8E23;
	border-radius:10px;
	text-decoration:none;
	background-color:#8D8D8D;
	color:#fff;
	}
input[type=submit]:hover, .bouton a:hover
	{
	background:#CCCCCC;
	color:#fff;
	}


.entete
{
	width: 100%;
}

ul.titre
{
	margin: 0 auto ;
	padding:0;
	padding-top: 15px;
	list-style-type: none;
	float: left;
	background-color:#FFF;
	width:200px;
	height:50px;
	text-align: center ;

}


.stats
{
	margin: 0;
	padding: 0px 5px 0px 5px;
	margin-top: -1px;
	display: inline-block;
}


.stat {
	margin: 0px 0px 0px 20px;
	padding:0;
	float:right;
	width: 550px;
	display: inline-block;
	text-align: left ;
}

	
	
	

p.footer
{
	margin: 20px;
    bottom:0;
	text-align: center ;
}


/* -------------------- */
/* CLASSES				*/
/* -------------------- */

	.user-30, .userC-30, .login-30, .quitter-30, .profil-30, .accueil-30, .affaires-30, .saisie-30, .joursnont-30, .bilan-30, .resultat-30, .archives-30, .commentaires-30, .sst-30, .factures-30, .frais-30, .km-30, .societe-30, .fraisc-30, .imput-30
	{
		display:block;
		padding:0px;
		padding-left:33px;
		padding-right: 5px;
		margin: 0px;
		margin-left: 3px;
	}
	.user-30 			{ background:url(images/bouton-user-30.png) no-repeat;}
	.userC-30 			{ background:url(images/bouton-userC-30.png) no-repeat;}
	.login-30 			{ background:url(images/bouton-login-30.png) no-repeat;}
	.quitter-30			{ background:url(images/bouton-quitter-30.png) no-repeat;}
	.profil-30			{ background:url(images/bouton-cadenas-30.png) no-repeat;}
	.accueil-30			{ background:url(images/bouton-accueil-30.png) no-repeat;}
	.affaires-30		{ background:url(images/bouton-affaires-30.png) no-repeat;}
	.saisie-30			{ background:url(images/bouton-saisie-30.png) no-repeat;}
	.joursnont-30		{ background:url(images/bouton-nontravaille-30.png) no-repeat;}
	.bilan-30			{ background:url(images/bouton-bilan-30.png) no-repeat;}	
	.resultat-30		{ background:url(images/bouton-resultat-30.png) no-repeat;}
	.societe-30			{ background:url(images/bouton-societe-30.png) no-repeat;}
	.archives-30		{ background:url(images/archives-30.png) no-repeat;}
	.commentaires-30	{ background:url(images/tps-commentaires-30.png) no-repeat;}
	.sst-30				{ background:url(images/bouton-sst-30.png) no-repeat;}
	.factures-30		{ background:url(images/bouton-factures-30.png) no-repeat;}
	.frais-30			{ background:url(images/bouton-frais-30.png) no-repeat;}
	.fraisc-30			{ background:url(images/bouton-frais-synthese-30.png) no-repeat;}
	.km-30				{ background:url(images/km-30.png) no-repeat;}
	.imput-30			{ background:url(images/bouton-imput-30.png) no-repeat;}
	



 
.CSSTable th{
 border:1px solid black;
 background-color:#4aadd7;
 }
.CSSTable td {
 border:1px solid black;

 }

.CSSTable table tr:nth-child(odd){
 background-color:#EDEDED;
}


.CSSTable tfoot {
 display: block;
}


.CSSTable tbody{
    display: block;
    overflow: auto;
    max-height:340px;
}

.col1{
	width:85px;
	font-size:12px;
}
.col2{
	width:270px;
	font-size:12px;
}
.colt{
	width:360px;
}
.colj{
	width:25px;
	font-size:12px;
	background-color:transparent;
}
.colts{
	width:149px;
}
.celesp{
	background-color:white;
	border:0px solid white;
}



.FRAIS-tete-imp{
	display: none;
 }