#logo {
  position: relatif;
  float:left;
  width:20%;
 border-style: none;
}
#logo img{
 border-style: none;
}

#pied_de_page,#pied_de_page a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, Sans-Serif;nd-color: #CCCCCC;
    font-size: 0.8em;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li{
    margin: 0;
    padding: 0;
}
h1{
	font-size:  45px;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}
#bloc {
	height: 5em;
}
html>body #bloc {
	height: auto;
	min-height: 5em;
}
body{
  padding: 0;
  margin:0;
  color: #322C20;
  background-color: #FFFFFF;
  background-attachment: fixed;
  background-position: top left;
  min-width: 900px;
}
#page{
  position: relative;
  top: 2%;
  min-height:90%;
  cursor:auto;
  width : 1000px;
  left : 50%;
  z-index: 0;
  margin-left : -500px;
  margin-bottom:30px;
  background-color: #FAEFF5;
  border:1px solid #3A015B;
 -moz-box-shadow:  5px 5px 5px #3D1455;
  -webkit-box-shadow: #3D1455 5px 5px 5px ;
  box-shadow: #3D1455 5px 5px 5px ;
  behavior: url(./PIE/PIE.php);
}
#en_tete{
  position: relative;
  height: 100px;
  padding: 15px 15px 15px 10px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-Serif;
  z-index:10;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#3A015B) to(#FFF));
  background: -webkit-linear-gradient(#3A015B, #FFF);
  background: -moz-linear-gradient(#3A015B, #FFF);
  background: -ms-linear-gradient(#3A015B, #FFF);
  background: -o-linear-gradient(#3A015B, #FFF);
  background: linear-gradient(#3A015B, #FFF);
  -pie-background: linear-gradient(#3A015B, #FFF);
  behavior: url(./PIE/PIE.php);
}
#en_tete_g{
  margin-left:0px;
  float:left;
  width:60%;
  height: 100%;
}
#en_tete_d{
  float:right;
  width:20%;
  height: 80%;
}
#deconnec a{
  float:right;
  height: 20%;
  width:20%;
  color: #3A015B;
  text-align:right;
  font-family: Arial, Helvetica, Sans-Serif;
}
#menu{
  position: relative;
  top: 0px;
  height: 42px;
  z-index: 0;
  background-color: #E3DFE7;
  left:0px;
  right:0px;
  padding: 3px 5px 3px 0px;
}
#titre,#titre2{
	margin-left:10%;
	position: relative;
	width:80%;
	text-align:center;
	font-family: Arial, Helvetica, Sans-Serif;nd-color: #CCCCCC;
}
#titre.titre-normal{font-size: 1.5em;min-height:40px;font-size: 1.5em;}
#titre2.titre-normal{font-size:  1.1em; padding-top: 10px}

.btnimptitre{
	float:right;
	text-align:center;
}
#titre.titre-form {
    margin:0 auto;
	text-align:left;
	font-family: Arial, Helvetica, Sans-Serif;nd-color: #CCCCCC;
    font-size:  1.8em;
	font-weight: bolder;
	font-family: Arial, Helvetica, Sans-Serif;
	margin-left:10%;
}
#contenu{
  position: relative;
  padding: 10px 3px 3px 10px;
  min-height: 90%;

  z-index: 0;
  background-color: #FAEFF5;
}
#navigation{
  left:400px;
  right:20px;
  text-align:left;
  background-color: transparent;
  z-index: 0;
}
#navigation a{
	color:#3A015B;
	font-family: Arial, Helvetica, Sans-Serif;
}
#barreEtat{
  position: absolute;
  height: 20px;
  left:0;
  right:0;
  background-color: #CCCCCC;
  color: #3A015B;
  font-family: Arial, Helvetica, Sans-Serif;nd-color: #CCCCCC;
  font-size: 0.8em;
  z-index: 0;
  bottom:20px;
  min-height: 30px;
  padding: 3px 3px 3px 10px;
}
#pied_de_page{
  position: absolue;
  bottom:0;
  height: 30px;
  line-height: 15px;
  background-color: #3A015B;
  z-index: 0;
  min-height: 30px;
  padding: 3px 3px 3px 10px;
}
#recherche{
   margin-top:20px;
   margin-bottom:30px;
}
#message {
    margin:50px auto;
	padding: 3px 3px 3px 3px;
	width:300px;
	text-align:center;
	font-family: Arial, Helvetica, Sans-Serif;nd-color: #CCCCCC;
    font-size:  1.1em;
}
#javascriptKo {
    position: absolute;
	height: 780px;
	width: 100%;
	background-color: #000000;
	top: 0;
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	// background-color:rgba(0, 0, 0, 0.5);
	filter:alpha(opacity=75);
	padding: 100px 3px 3px 3px;
	text-align:center;
	font-family: Arial, Helvetica, Sans-Serif;nd-color: #FFF;
    font-size:  1.5em;
	border: 5px solid #FFF;
}
#javascriptKo  img{

}
.msg-critique{
	background-color: #F1B6B6;
	border: 3px solid #FF0000;
	color:#FF0000;
}
.msg-information{
	background-color: #E3DFE7;
	border: 3px solid #3A015B;
	color:#3A015B;
}

#copyright{
	text-align:center;
}
#copyright a{
	text-decoration:none;
}

form{
  padding: 0;
  margin: 0;
}

fieldset{
	border-width: 3px;
	border-style: solid;
	border-color: #3A015B;
	background-color: #E3DFE7;
	font-style: normal;
    font-size: 0.8em;
	font-weight: normal;
}
fieldset legend{
	  color: #3A015B;
	  font-style: normal;
	  font-size: 1em;
      font-weight: bold;
	  font-family: Arial, Helvetica, Sans-Serif;
}
/* tableau liste/fiche */
table{
   border-collapse: collapse;
   margin: auto;
   border: 4px #3A015B;
}
table.tabliste{
	 border: 1px solid black;
}
table.tabliste td {
   border: 1px solid black;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 0.9em;
   padding: 0px 10px 0px 10px;
}
table.tabliste td.pad0 {
   border: 1px solid black;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 0.9em;
   padding: 0px 0px 0px 0px;
}
table.tabliste th,table.tabliste  td.tabentete{
    background-color: #3A015B;
	color: white;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	font-weight: normal;
	//padding: 0px 10px 0px 10px;
	text-align:center;
  padding: 10px 0px 10px 0px;
}

.tab-bg-Categ{ background-color: #CCCCCC; }

/* DEBIT/CREDIT */
.text-credit {color: #007599;}
.text-debit {color: #D20707;}

.bg-credit { background-color: #DCF0F8;}
.bg-debit { background-color: #F7DCDC;}
.bg-none{ background-color: transparent;}

.border-credit{	border: 3px solid #007599;}
.border-debit{	border: 3px solid #D20707;}
.border-noir{border: 3px solid black;}


td.tabpied{
	background-color: transparent;
	text-align:center;
	font-family: Arial, Helvetica, Sans-Serif;nd-color: #CCCCCC;
}
td.tabtitre{
	background-color: transparent;
	border-style: none;
	text-align:center;
	font-size: 2em;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 3px 3px 30px 3px;
}
/* tableau accueil */
table.tabaccueil  {
   margin-top:50px;
   border: 4px solid #3A015B;
   padding: 10px 10px 10px 10px;
   background-color: #E3DFE7;
   -moz-box-shadow:  5px 5px 5px #3D1455;
  -webkit-box-shadow: #3D1455 5px 5px 5px ;
  box-shadow: #3D1455 5px 5px 5px ;
  behavior: url(./PIE/PIE.php);
}
table.tabaccueil td {
    padding: 5px 5px 5px 5px;
	text-align:center;
}

.tabaccueil  .btnaccueil {
	 border: 3px solid #3A015B;
	 width: 120px;
	 height:70px;
	 color:	#3A015B;
	 font-size: 0.9em;
	 font-weight: bold;
	 white-space :normal;
	  -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
	border-radius: 50px;
	 behavior: url(./PIE/PIE.php);
	  position: relative;
	 }

.tabaccueil  .f-btnaccueil{
	 border: 3px solid #00744A;
	 background-color: #CFF8E9;
	 width: 120px;
	 height:70px;
	 color:	#00744A;
	 font-size: 0.9em;
	 font-weight: bolder;
	 white-space :normal;
	 cursor:  pointer;
	 -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	border-radius: 50px;
	 behavior: url(./PIE/PIE.php);
	  position: relative;
}
.tabaccueil  .e-accueil{
     width: 95%;
	 margin: 0 auto;
	 height:40px;
	 border: 3px solid #3A015B;
	 background-color: #CFF8E9;
	 padding-top: 10px;
	 padding-right: 5px;
	 text-align: center;
}
.tabaccueil #affichage{
    font-size: 1em;
	font-weight: bolder;
	color:	#3D1455;
	font-family: Arial, Helvetica, Sans-Serif;
}


/*nouveau*/
td.tabnouveau {
	background-color: #transparent;
	border-style: none;
	text-align:center;
	font-size: 1em;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 3px 3px 3px 3px;
}
td.tabnouveau  a{
	color: #3A015B;
}

/*Bouton */

.btn-nouv{
	 width: 150px;
}

.btn{
 font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.8em;
  font-weight: bolder;
  white-space :normal;
  cursor:  pointer;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  behavior: url(./PIE/PIE.php);
  position: relative;
}
.btn-valider{
   background-color::#CCC;
}
.btn-modifier{
    padding: 2px 5px 2px 5px;
	border:1px solid #000;
	background-color:#007599;
	color:	white;
	text-decoration:none;
}
.btn-annuler{
    padding: 2px 5px 2px 5px;
	border:1px solid #000;
	background-color:#D20707;
	color:	white;
	text-decoration:none;
}
.btn-ajouter{
    padding: 2px 5px 2px 5px;
	border:1px solid #000;
	background-color:#006300;
	color:	white;
	text-decoration:none;
}
em{
	  color: #FA0101;
	  font-style: normal;
	  font-size: 1em;
      font-weight: bold;
	  left:20px;
}
/* Tab Fiche*/
#signupform .label {
  padding-top: 2px;
  padding-right: 8px;
  vertical-align: top;
  text-align: right;
  width: 125px;
  white-space: nowrap;
}

#signupform .field {
  padding-bottom: 10px;
  white-space: nowrap;
}

/*Option radio IE*/
input.bordureie {
	border:transparent;
}
/*Popup*/
#popup {
	height: 100%;
	width: 100%;
	background: #000000;
	position: absolute;
	top: 0;
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	filter:alpha(opacity=75);
}
#popup_content{
	padding-top :50px;
}
#window {
	height: 300px;
	margin: 0 auto;
	border: 2px solid #000000;
	background: #ffffff;
	position: absolute;
	top: 200px;
	left: 25%;
}
/*img*/
img{
	cursor:  pointer;
	 border: 0;
}

/*Format Montants*/
.montant{
    padding-right:20px;
    text-align:right;
	font-size: 100%;
}

/*BUDGET*/
table.budget tr{
      border: 1px solid black;
	  font-size: 85%;
	  font-family: Arial, Helvetica, Sans-Serif;
	  height:5px;
}
table.budget input{
    width:100px;
    text-align:right;
	padding-right:10px;
}
.budget-titre{
   font-size: 16px;
	 text-align:center;
   font-weight: bold;
	 font-family: Arial, Helvetica, Sans-Serif;
	 margin-bottom:5px;
}

table.budget .titre1{
	 border: 1px solid black;
	 font-size:14px;
	 text-align:center;
}
table.budget .titre2{
	 border: 1px solid black;
	 font-size:12px;
	 text-align:center;
	 background-color: #DCF0F8;
}
table.budget .titre3{
	 border: 1px solid black;
	 text-align:center;
	 background-color: #CCCCCC;
}

table.budget td.niveau1{
     border: 1px solid black;
     background-color: #EFFBFB;
     font-size: 100%;
     font-weight: bold;
     font-family: Arial, Helvetica, Sans-Serif;
}
table.budget td.niveau2{
	border: 1px solid black;
	font-size: 100%;
	padding-left:31px;
}
table.budget td.Excedent{
	border: 1px solid black;
	font-size: 100%;
	font-weight: bold;
	padding-left:5px;
	color: #007599;
}
table.budget td.Deficit{
	border: 1px solid black;
	font-size: 100%;
	font-weight: bold;
	padding-left:5px;
	color: #D20707;
}
table.budget .montant{
    border: 1px solid black;
    padding-right:12px;
    text-align:right;
}
table.budget .montant-prev{
    border: 1px solid black;
    text-align:right;
}
tr.total{ border: 1px solid black;background-color: #DCF0F8}
table.budget th{
	 border: 1px solid black;
}
/*TRI*/
table.tablesorter thead tr .header {
	background-image: url(./images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(./images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(./images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #007599;
}
div #bilan_bene{
	margin-left:100px;
	float:left;
}
div #bilan_dispo{
	margin-right:150px;
	float:right;
}
table.bilan{
	border: 2px solid #007599;
	background-color: #F0F5FF;
	padding:10px;
}
table.bilan  td{
	padding-left:10px;
	padding-right:10px;
}
table.bilan input{
	text-align:right;
	padding-right:10px;
}