* {margin: 0; padding: 0; border: 0px; list-style-type: none;}

/* Constantes */
body {
	font-size: 11px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.left { float:left; }
.clear { clear:both }
.gras { font-weight: bold; }
.noir { color: #000; }
.rouge { color: #cc0000; }
.vert { color:#669900; }
.vertfonce { color:#006633; }
.violet { color:#A75CA6; }
.bleu { color: #0099cc; }
.marron { color:#996600; }
.bleuLH { color: #000066; }
.violet { color:#FF00FF; }
.orange { color:#FF6600; }
.noirbgjaune { color:#000000; background:#FFFF00; }
.noirbgjauneclair { color:#000000; background:#ffff84; }
.nowrap { white-space: nowrap ; }
.italic{ font-style: italic;}
a { 
	text-decoration: none;
	color: #000066;
}

h1 { margin:10px 0px 0px 10px; }
h2 { font-size: 1em; font-weight: bold; }

/* Elements communs */
.cal {
	margin-left: 5px;
	margin-bottom: -3px
}
.submit {
	clear: both;
	width:956px;
	height:20px;
	border-top: 1px solid #b4b4b4;
	background: #ebebeb;
	margin:10px 0 10px 0;
	position: relative;
}
.submit img {
	position: absolute;
	top:-1px;
	right:0;
}

/* header */
#header {
	position: relative;
	width:950px;
	height:60px;
}
#header #logo {
	position: absolute;
	left:0;
}
#header #infos {
	position: absolute;
	right:0;
	text-align: right;
}

/* index */

#index {
	margin:10px;
}
#index input {
	border:1px solid #CCC;
}

/* menu */
#menu {
	width:100%;
	height:20px;
	background-color: #dcdcdc;
	border-bottom: 1px solid #b4b4b4;
}
#menu ul {
	list-style-type: none;
	position: absolute;
	width:950px;
}
#menu li {
	float: left;
}
#menu a {
	padding: 5px 10px 0 10px;
	/*width:100px;*/
	height:14px;
	float: left;
	display:block;
	text-align: center;
	text-decoration: none;
	color: #000;
	overflow:hidden;
}
#menu #select {
	background: #fff;
	border-top: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #b4b4b4;
} 

#menu #logout {
	position:absolute;
	left:840px;
	margin-top:-4px;
}

/* les selecteurs */
#zone {
	width:920px;
	background: #dcdcdc;
	border: 1px solid #b4b4b4;
	margin:10px 10px 10px 10px;
	padding:5px 10px 5px 10px;
}

#zone ul {
	list-style-type: none;
	position: relative;
}
#zone li {
	padding:5px; 
	display:block;
}
#zone li .sel1 { 
	width:160px;
	font:11px arial;
}
#zone li .sel2 {
	width:330px;
	font:11px arial;
}
#zone li .inp1 {
	font-size: 1em;
	padding:2px 0 2px 5px;
	width:125px;
	border: 1px solid #b4b4b4;
}
#zone li .inp2 {
	font-size: 1em;
	padding:2px 0 2px 5px;
	width:60px;
	border:1px solid #b4b4b4;
}

#zone #LH {
	width:920px;
	border-bottom: 1px solid #b4b4b4;
}
#zone #code {
	border-right: 1px solid #b4b4b4;
	float: left;
	width:179px;
	margin: 5px 0 5px 0;
}
#zone #axe {
	border-right: 1px solid #b4b4b4;
	float: left;
	width:529px; padding-left: 10px;
	margin: 5px 0px 5px 0;
}
#zone #date {
	float: right;
	width:200px; padding-left: 0px;
	margin: 5px 0 5px 0;
}

#zone #aff {
	clear: both;
	position: relative;
	width: 920px;
	padding-top: 5px;
	border-top: 1px solid #b4b4b4;
	height: 10px
}
#zone #btn {
  margin:-5px -10px 0px 0px;
	position: absolute;
	right:0;
}

/* tableau sous totale */
#sousTotale {
	margin:0 10px 20px 10px;
}
#sousTotale table {
	border-collapse:collapse;
	width:942px;
}
#sousTotale #l1 {
	background: #cdcdcd;
}
#sousTotale #l2 {
	background: #ececec;
}
#sousTotale td {
	padding: 2px;
	border: 1px solid #b4b4b4;
}
#sousTotale #c1 {
	background: #fff;
}

/* filtres */
#filtres {
	margin:10px 0 10px 10px;
	overflow: auto;
}
#filtres ul {
	list-style-type: none;
	border: 1px solid #b4b4b4; /* New */
	display:table; /* New */
	float:left; /* New */
	margin-right:10px; /* New */
}

#filtres li {
	float:left;
	margin-right:10px;
	padding: 4px;
	/*border: 1px solid #b4b4b4;*/
}
#filtres li .sel1 { 
	width:140px;
	margin-left:5px;
	font:11px arial;
}
#filtres li .sel2 { 
	width:30px;
	margin-left:5px;
	font:11px arial;
}

/* tableau resultats */
#result {
	clear: both;
	margin-left:10px;
}
#content #result {
	clear: both;
	margin-left:0px;
}
#result table {
	border-collapse:collapse;
	width:944px;
}

#result .l0 {
	background: #cdcdcd;
}
#result .l1 {
	background: #fff;
}
#result .l2 {
	background: #ececec;
}
#result td {
	padding: 2px;
	border: 1px solid #b4b4b4;
	text-align: center;
}

/* */
/* Zone Nouvelle Serie */
#zoneNS {
	width:920px;
	height:180px;
	background: #dcdcdc;
	border: 1px solid #b4b4b4;
	margin:10px 10px 10px 10px;
	padding:5px 10px 5px 10px;
}

#zoneNS ul {
	list-style-type: none;
}
#zoneNS li {
	padding:5px; 
}
#zoneNS li .sel1 { 
	font-size: 1em;
	width:160px;
}
#zoneNS li .sel2 {
	font-size: 1em;
	width:330px;
}
#zoneNS li .inp1 {
	font-size: 1em;
	padding:2px 0 2px 5px;
	width:155px;
	border: 1px solid #b4b4b4;
}
#zoneNS li .inp2 {
	font-size: 1em;
	padding:2px 0 2px 5px;
	width:48px;
	border:1px solid #b4b4b4;
}
#zoneNS li .inp3 {
	font-size: 1em;
	padding:2px 0 2px 5px;
	width:230px;
	border:1px solid #b4b4b4;
}

#zoneNS #kakv {
	width:920px;
	border-bottom: 1px solid #b4b4b4;
}
#zoneNS #axe {
	width:920px;
	border-bottom: 1px solid #b4b4b4;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#zoneNS #aller {
	border-right: 1px solid #b4b4b4;
	float:left;
	width:459px;
}
#zoneNS #retour {
	float:right;
	width:459px;
}

#zoneNS #aff {
	clear: both;
	position: relative;
	width: 920px;
	padding-top: 5px;
	border-top: 1px solid #b4b4b4;
	height: 10px
}
#zoneNS #btn {
	position: absolute;
	right:0;
}

#zoneChoixDates {
	width:450px;
	background: #dcdcdc;
	border: 1px solid #b4b4b4;
	margin:0px 10px 10px 10px;
	float:left;
}
/* Zone Dates récurrentes */
#zoneDR {
	width:465px;
	background: #dcdcdc;
	border: 1px solid #b4b4b4;
	margin:0px 10px 10px 10px;
	float:left;
}

#zoneDR #dateR {
	width:455px;
	padding:5px;
	border-bottom: 1px solid #b4b4b4;
}
#zoneDR #aller {
	overflow: auto;
	width:222px;
	margin:5px;
	border-right: 1px solid #b4b4b4;
	float: left;	
}
#zoneDR #retour {
	overflow: auto;
	width:222px;
	margin:5px 0 5px 5px;
}
#zoneDR .szone{
	width:222px;
	padding:5px 0 5px 0;
	overflow: auto;
}
#zoneDR #aller li {
	float:left;
	margin-right:2px;
	text-align: center;
}
#zoneDR #retour li {
	float:left;
	margin-right:2px;
	text-align: center;
}
#zoneDR .sep{
	width:212px;
	border-bottom: 1px solid #b4b4b4;
}
#zoneDR .bas {
	margin-top:1.25em;
}
#zoneDR .bas2 {
	margin-top:0.40em;
}
#zoneDR .inp1 {
	font-size: 1em;
	padding:2px 0 2px 5px;
	width:20px;
	border:1px solid #b4b4b4;	
}
#zoneDR #entre {
	width:430px;
	padding:5px 5px 5px 30px;
	border-top: 1px solid #b4b4b4;
	overflow: auto;
}
#zoneDR #entre li {
	float:left;
	margin:0 5px 0 5px;
}

/* Calendrier */
#zoneDP {
	width:465px;
	background: #dcdcdc;
	border: 1px solid #b4b4b4;
	float: left;
	margin-bottom:10px;
	margin-left:10px;
}
#zoneDP #dateP {
	width:455px;
	padding:5px;
	border-bottom: 1px solid #b4b4b4;
}
#zoneDP #aller {
	overflow: auto;
	width:222px;
	margin:5px 5px 0 5px;
	border-right: 1px solid #b4b4b4;
	float: left;	
}
#zoneDP #retour {
	width:222px;
	margin:5px 0px 0 5px;
	float: left;
}
#zoneDP .szone{
	width:222px;
	padding:5px 0 5px 0;
}
#zoneDP .sep{
	width:212px;
	border-bottom: 1px solid #b4b4b4;
}

#zoneDP .calendrier {
	width:170px;
	border: 1px solid #b4b4b4;
	margin:10px 10px 10px 20px;
	background: #fff;
	position: relative;
	text-align: center;
}
#zoneDP .suiv {
	position: absolute;
	left:155px;
	top:-1px;
}
#zoneDP .prec {
	position: absolute;
	left:-1px;
	top:-1px;
}
#zoneDP table {
	margin-top: 5px;
	width:170px;
	background: #fff;	
}
#zoneDP td {
	width:20px;
	text-align: center;
	padding:1px;
	border: 1px solid #b4b4b4;
	background: #ececec;
}
#zoneDP .entete {
	border-color: #fff;
	background: #fff;
}
#zoneDP .select {
	border-color: #ffb300;
	background: #ffb300;
}
#zoneDP .nd {
	color: #dddddd; 
	border-color: #dddddd;
	background: #ffffff;
}

/* Création séries */
#introserie {
	clear:both;
	margin:10px;
	width:940px;
	border-bottom: 1px solid #b4b4b4;
	padding: 5px 0 5px 0;	
}



/* Calendrier */
#calendrierAjax {
	width:170px;
	border: 1px solid #b4b4b4;
	margin:10px 10px 10px 20px;
	background: #fff;
	position: relative;
	text-align: center;
	z-index:999;
}
#calendrierAjax .suiv {
	position: absolute;
	left:155px;
	top:-1px;
}
#calendrierAjax .ferm {
	position: absolute;
	left:143px;
	top:1px;
}
#calendrierAjax .prec {
	position: absolute;
	left:-1px;
	top:-1px;
}
#calendrierAjax table {
	margin-top: 5px;
	width:170px;
	background: #fff;	
}
#calendrierAjax td {
	width:20px;
	text-align: center;
	padding:1px;
	border: 1px solid #b4b4b4;
	background: #ececec;
}



/* Fiche client */

#monCompte {
margin:10px;
}
#monCompte table#fiche {
background:#EEEEEE;
}
#monCompte #fiche input.champ{
background:#FFFFCC;
font:11px arial;
padding:2px;
width:125px;
}
#monCompte #fiche select{
background:#FFFFCC;
font:11px arial;
padding:2px;
width:125px;
}
#monCompte #fiche td.colt{
background:#EEEEEE;
padding:2px;
text-align:right;
width:110px;
height:25px;
}
#monCompte #fiche td.colc{
background:#EEEEEE;
padding:2px;
font-weight:bold;
width:150px;
height:25px;
}

#monCompte table#agenceAjout {
background:#EEEEEE;
}
#monCompte #agenceAjout input.texte{
background:#FFFFCC;
font:11px arial;
padding:2px;
}
#monCompte #agenceAjout td.colt{
background:#EEEEEE;
padding:2px;
text-align:right;
width:50px;
height:25px;
}
#monCompte #agenceAjout td.colc{
background:#EEEEEE;
padding:2px;
font-weight:bold;
width:150px;
height:25px;
}

#monCompte table#agence {
background:#EEEEEE;
}
#monCompte #agence input{
background:#FFFFCC;
font:11px arial;
padding:2px;
}
#monCompte #agence td.colt{
background:#EEEEEE;
padding:2px 10px;
text-align:right;
height:20px;
}
#monCompte #agence td.colc{
background:#EEEEEE;
padding:2px 10px;
font-weight:bold;
height:20px;
}

/* Contrat */

#content{
margin:10px;
}
#content input{
padding:2px;
}
#content input.texte{
background:#FFFFCC;
font:11px arial;
width:120px;
}
#content input.readonly{
background:#ECE9D8;
font:11px arial;
width:120px;
color:#ACA899;
}
#content textarea.texte{
background:#FFFFCC;
font:11px arial;
width:350px;
}

#content textarea.readonly{
background:#ECE9D8;
font:11px arial;
width:250px;
color:#ACA899;
}
#content input.nombre{
background:#FFFFCC;
font:11px arial;
width:80px;
}
#content input.date{
background:#FFFFCC;
font:11px arial;
width:100px;
}
#content input.fichier{
background:#FFFFCC;
font:11px arial;
width:200px;
}
#content select{
background:#FFFFCC;
font:11px arial;
padding:2px;
width:120px;
}
#content textarea{
background:#FFFFCC;
font:11px arial;
padding:2px;
width:300px;
height:75px;
}

/* Message */

#message{
margin-left:10px;
float:left;
border:1px solid #B4B4B4;
width:325px;
}
#message form{
padding:5px;
}
#message div.barre{
background:#DCDCDC;
padding:5px;
}
#message div.barre div.fermer{
float:right;
}
#message input.texte{
background:#FFFFCC;
font:11px arial;
width:225px;
padding:2px;
}
#message textarea.texte{
background:#FFFFCC;
font:11px arial;
width:225px;
padding:2px;
}

/* Historique */

#historique{
margin:10px;
}
#historique table.tableau td{
padding:2px 5px;
}
#historique table.tableau td.fond{
background:#99CC00;
}
#historique table.tableau td span.modif{
color:#F00;
font-weight:bold;
}
#historique table.tableau td span.modif a{
color:#F00;
font-weight:bold;
}
/* Conditions -------------------------------------------------------------------- */
/* les selecteurs */
#zoneblanc {
	width:920px;
	background: #fff;
	border: 1px solid #b4b4b4;
	margin:10px 10px 10px 10px;
	padding:5px 10px 5px 10px;
}
.trgris{
background-color:#CCCCCC;
}
.trgrisclair{
background-color:#E3E3E3;
}
.trorangeclair{
background-color:#FFEFD9;
}
.trorangefonce{
background-color:#F49800;
}

/* Bulle */

a.bulle{
position:relative; 
z-index:24;
text-decoration:none;
}
a.bulle:hover{
z-index:25;
background-color:#FFFFFF;
text-decoration:none;
}
a.bulle span{
display:none;
}
a.bulle:hover span{
display:block; 
position:absolute;
top:-6em;
left:2em;
width:35em;
margin-left:-38em;
border:1px solid #B4B4B4;
background-color:#ECECEC;
color:#6699cc;
font-weight:normal;
padding:5px;
color:#000;
}

a.bulleid{
position:relative; 
z-index:24;
text-decoration:none;
}
a.bulleid:hover{
z-index:25;
background-color:#FFFFFF;
text-decoration:none;
}
a.bulleid span{
display:none;
}
a.bulleid:hover span{
display:block; 
position:absolute;
top:-2em;
left:2em;
width:5em;
margin-left:-8em;
border:1px solid #B4B4B4;
background-color:#ECECEC;
color:#6699cc;
font-weight:normal;
padding:5px;
color:#000;
}

a.bullehisto{
position:relative; 
z-index:24;
text-decoration:none;
}
a.bullehisto:hover{
z-index:25;
background-color:#FFFFFF;
text-decoration:none;
}
a.bullehisto span{
display:none;
}
a.bullehisto:hover span{
display:block; 
position:absolute;
top:-4em;
left:2em;
width:35em;
border:1px solid #B4B4B4;
background-color:#ECECEC;
color:#6699cc;
font-weight:normal;
padding:5px;
color:#000;
}

/* Global */

input.envoyer{
background:#EEE;
border:1px solid #CCC;
font:bold 11px arial;
}

/* Contrat */

div#contrat1{
display:table;
float:left;
}
div#contrat2{
display:table;
float:left;
}