body {
	behavior: url(csshover.htc);
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	background: url(images/degrade2.png) #EEE top right no-repeat;
	text-align: center; 
	}

.radio_elt {
  background: url(images/fleche.gif) no-repeat 100% 50%;
}

a img { border: 0; vertical-align: baseline; }

h1 { font-size: 1.6em; margin: .6em 0 .6em 0; }
h2 { font-size: 1.4em; margin: .4em 0 .4em 0; }
h3 { font-size: 1.2em; margin: .2em 0 .2em 0; }
h4 { font-size: 1em; margin: 0;  }
h5, .petit { font-size: .8em; margin: 0; }
h6 { font-size: .6em; margin: 0;}

input, textarea, select, option { font-family: Arial Rounded MT Bold;	font-size: 12px;  }
input, textarea, select{ border:1px solid gray; } 

#chargement { 
	text-align: center; 
	width: 15em; 
	height: 5em; 
	top: 50%; 
	left: 50%;  
	margin-top: -2.5em;
	margin-left: -7.5em; 
	border: 1px #666 dashed; 
	background: #CCC; 
	position: absolute; 
	color: #333;
	font-weight: bold;
}

#header {
	clear: both;
	margin: auto;
	height: 80px; 
	border-bottom: 1px #8A93A9 solid;
	text-align: left;
}
		
	#header .onglets {
	  display: block;
		float: left;
		height: 38px;
		line-height: 38px;
		margin: 42px 1px 1px 1px;
	}
	#header .onglets span {
	  height: 38px;
		float: left;
		display: block;
		width: 13px;
	}
	#header .onglets span.onglet_g { background: url(images/onglet/onglet_g.gif) no-repeat top right; width: 13px; }
	#header .onglets span.onglet_d { background: url(images/onglet/onglet_d.gif) no-repeat top left; width: 13px; }
	#header .onglets a {
	  height: 38px;
		text-decoration: none;
		font-size: 1.2em;
		outline: none;
		color: #23005B;
		float: left;
		display: block;
		width: 95px;
		text-align: center;
		background: url(images/onglet/onglet_m.gif) repeat-x top;
	}
	#header .onglets a:hover, #header .onglets a:focus {
	  height: 38px;
		background: url(images/onglet/onglet_m_hover.gif) repeat-x top;
	}

#barre {
	border-bottom: 1px #8A93A9 solid;
	clear: both;
	padding: 2px 5px 2px 5px;
	height: 2.3em;
	background: url(images/degrade.jpg) #F4FFFF bottom repeat-x;
	text-align: left;
	font-size:10.5pt;
	font-style: italic;
}
	#barre span { padding-left:6px; padding-top:6px; line-height: 30px;  font-size:10.5pt; font-weight:bold; color:#4800B0;}
	
	#barre #rech { margin-top:5px; float: right; height: 25px; padding-top: 1px; }
		#barre #rech input { border: 1px #23005B solid; height: 18px; margin: 0; }
		#barre #rech input#search_q { width: 12em; height: 18px; margin: 0; padding: 0 0 0 3px; background: /*url(images/rechercher.jpg) right no-repeat*/ #FFF; }
		#barre #rech input.focus { color: #000; font-style: normal; }
		#barre #rech input.blur { color: #999; font-style: italic; }
		#barre #rech select { border: 1px #23005B solid; height: 18px;}
	
	#barre a { 
		display: block;
		float: left;
		width: 13em;
		height: 25px;
		line-height: 25px;
		margin: 0;
		color: #000;
		text-decoration: none;
		outline: none;
		/*background: url(images/chemin/chemin_g.gif) no-repeat top left;*/
		padding-left: 8px;
	}
	#barre a div.chemin_g { margin-top:3px; font-size:10pt; height: 25px; padding-right: 10px; background: url(images/chemin/chemin_d.gif) no-repeat top right;}
	#barre a div.chemin_d { font-size:10pt; height: 25px; /*background: url(images/chemin/chemin_m.gif) repeat-x top;*/ padding: 0 7px 0 6px;}
	
	#barre a:hover, #barre a:focus { font-size:10pt; cursor: hand; /*background: url(images/chemin/chemin_g_hover.gif) no-repeat top left;*/}
	#barre a:hover div.chemin_g, #barre a:focus div.chemin_g { font-size:10pt; height: 25px; background: url(images/chemin/chemin_d_hover.gif) no-repeat top right;}
	#barre a:hover div.chemin_d, #barre a:focus div.chemin_d { font-size:10pt; height: 25px; background: url(images/chemin/chemin_m_hover.gif) repeat-x top;}

	#colonne { background: #F4FFFF; position: absolute; width: 13.6em; left: 0; border-right: 1px #8A93A9 solid; border-bottom: 1px #596584 solid; padding: 5px; text-align: left;}
	#colonne a { text-decoration: none; color: #000; font-size:10pt;}

	#colonne p { color: #235B00; font-weight: bold; padding-left: 18px; margin: 0; line-height: 20px; background: url(images/fleche2.gif) no-repeat left;  font-size:10.5pt;}
	#colonne ul { margin: 0 0 10px 0px; padding: 0; list-style: none; }
	
	#colonne .user     { background: url(images/user_16.jpg) no-repeat left !important; }
	#colonne .ni     { background: url(images/annu16.png) no-repeat left !important; }
	#colonne .doss     { 
		background: url(images/dossiers16.png) no-repeat left !important;
		font-weight:bold; }
	#colonne .fact     { background: url(images/langue16.png) no-repeat left !important; }
	#colonne .elt      { background: url(images/elements16.png) no-repeat left !important; }
	#colonne .req      { background: url(images/action16.png) no-repeat left !important; }
	#colonne .admin    { background: url(images/admin_16.jpg) no-repeat left !important; }
	#colonne .bdd      { background: url(images/bdd_16.jpg) no-repeat left !important; }
	#colonne .logiciel { background: url(images/logiciel_16.jpg) no-repeat left !important; }
	
	#colonne UL UL.niveau2 {
		border-right: #b0b0b0 1px solid; padding-right: 0px; border-top: #b0b0b0 1px solid; display: none; padding-left: 0px; left: 150px; padding-bottom: 2px; margin: 0px; border-left: #b0b0b0 1px solid; padding-top: 0px; border-bottom: #b0b0b0 1px solid; position: absolute; top: -1px;
	}
	#colonne UL UL.niveau2elt {
		border-right: #b0b0b0 1px solid; padding-right: 0px; border-top: #b0b0b0 1px solid; display: none; padding-left: 0px; left: 150px; padding-bottom: 2px; margin: 0px; border-left: #b0b0b0 1px solid; padding-top: 0px; border-bottom: #b0b0b0 1px solid; position: absolute; top: -70px;
	}
	#colonne LI {
		padding-right: 2px; padding-left: 20px; padding-bottom: 2px; width: 140px; padding-top: 2px; list-style-type: none; position: relative; background-color: #F4FFFF
	}
	#colonne LI LI {
		padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 0px; width: 220px; padding-top: 2px; list-style-type: none; position: relative; background-color: #F4FFFF
	}
	#colonne ul.niveau1:hover, #colonne ul.niveau1.hover {
		background-color:#BED3D6;
		font-weight: bold;
	}
	#colonne LI.menu:hover, #colonne LI.menu.hover {
		background-color: #F4FCCC;
		font-weight: bold;
	}
	#colonne LI.sfhover {
		background-color: #F4FCCC;
	}
	#colonne LI A {
		text-decoration: none;
		color: #487548;
	}
	#colonne LI:hover UL.niveau2, #colonne LI.hover UL.niveau2 {
		display: block;
		font-weight:normal;
	}
	#colonne LI.sfhover UL.niveau2 {
		display: block;
		font-weight: normal;
	}
	
	#colonne LI:hover UL.niveau2elt, #colonne LI.hover UL.niveau2elt {
		display: block;
		font-weight: normal;
	}
	#colonne LI.sfhover UL.niveau2elt {
		display: block;
		font-weight: normal;
	}
	
#page     { margin-left: 14.5em; padding-top: 5px;}
#contenu  { clear: both; padding: 0; margin: 0; min-height: 450px; _height: 450px; text-align:left;}

.titre {
	text-align: center;
	color: #8A93A9;
}

.etapes {
    text-align: center;
    list-style: none;
    margin: auto; 
	padding: 0;
    display: block;
	width:auto;
}
.etapes li {
	/* display: table-cell !important; /* Hack pour faire fonctionner sous Firefox */
	display: inline;    /* Hack pour faire fonctionner sous IE */
	vertical-align: top;
	text-align: center;
	padding: 50px 5px 5px 5px;
	width: 120px;
	font-weight: bold;
	color: #8A93A9;
}

.etapes2 {
    text-align: center;
    list-style: none;
    margin: 0; 
	padding: 0;
    display: inline;
}
.etapes2 li {
	/* display: table-cell !important; /* Hack pour faire fonctionner sous Firefox */
	display: inline;    /* Hack pour faire fonctionner sous IE */
	vertical-align: top;
	text-align: center;
	padding-left:5px;
	padding-top:10px;
	margin: 0;
	width: 120px;
	font-weight: bold;
	color: black;
}
.etapes a {color: #8A93A9; text-decoration: none;}
  .etapes a:hover {color: #8A93A9; text-decoration: underline;}
  .etapes a:active {color: #8A93A9; text-decoration: none;}
  .etapes a:focus {color: #8A93A9; text-decoration: none;}
	 
	/*.etapes .etape1 { background: url(images/etapes/1.gif) no-repeat top; cursor: pointer;}
	.etapes .etape1_bis { color: #BAC3D9; background: url(images/etapes/1_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape2 { background: url(images/etapes/2.gif) no-repeat top; cursor: pointer;}
	.etapes .etape2_bis { color: #BAC3D9; background: url(images/etapes/2_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape3 { background: url(images/etapes/3.gif) no-repeat top; cursor: pointer;}
	.etapes .etape3_bis { color: #BAC3D9; background: url(images/etapes/3_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape4 { background: url(images/etapes/4.gif) no-repeat top; cursor: pointer;}
	.etapes .etape4_bis { color: #BAC4D9; background: url(images/etapes/4_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape5 { background: url(images/etapes/5.gif) no-repeat top; cursor: pointer;}
	.etapes .etape5_bis { color: #BAC5D9; background: url(images/etapes/5_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape6 { background: url(images/etapes/6.gif) no-repeat top; cursor: pointer;}
	.etapes .etape6_bis { color: #BAC6D9; background: url(images/etapes/6_bis.gif) no-repeat top; cursor: pointer;}*/

.obligatoire {
	text-decoration: underline; 
}

.description403 {
	text-align: left;
	font-style: italic;
	color: #4800B0;
}

#login {
	width: 25em;
	margin: auto;
	background: #F4FFFF;
	padding: 5px 0 0 0;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: right;
}
	#login p { padding: 1px 5px 1px 5px; margin: 0; line-height: 18px; }
	#login input.text { width: 10em; }
	#login p label { display: block; width: 12em; float: left; }
	#login p.btn { background: url(images/degrade.jpg) #F4FFFF bottom repeat-x; text-align: right; }
	#login p.btn input { padding: 0; margin: 5px 0 5px 0; vertical-align: top; }

form { margin: 0; padding: 0; }
p.submit { text-align: right; padding: .5em .5em 0 .5em !important; margin: 5px 0 5px 0 !important; background: url(images/degrade.jpg) #F4FFFF bottom repeat-x; }
	
/*.carteVisite {
	width: 20em;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	height: 9.5em;
	float: left;
	text-align: left;
}
	.carteVisite .carteVisiteTitre { padding-bottom: .5em; }
	.carteVisite .carteVisiteEmail { padding-top: .5em; color: #666; font-style: italic; text-align: right; }
	.carteVisite .carteVisiteBtn { padding-top: 1em; text-align: right; }
	.carteVisite p { margin: 0; }

.carteVisitePro {
	width: 20em;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	height: 14.5em;
	float: left;
	text-align: left;
}
	.carteVisitePro .carteVisiteTitre { padding-bottom: .5em; }
	.carteVisitePro .carteVisiteEmail { padding-top: .5em; color: #666; font-style: italic; text-align: right; }
	.carteVisitePro .carteVisiteBtn { padding-top: 1em; text-align: right; }
	.carteVisitePro p { margin: 0; }*/
	
div#formulaire {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding:10px;
	width:950px;
}
	div#formulaire form { margin: auto; padding: 0; width:auto;}
	div#formulaire fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
	div#formulaire h2 { width:900px;font-size: 1.2em; font-weight: bold; margin: auto; padding: 0 0 1em 0; }
	div#formulaire p { width:100%;text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
	div#formulaire label.nostyle { float: none; width: auto; }
	
div#formulaire2 {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding:10px;
	width:1050px;
}
	div#formulaire2 form { margin: auto; padding: 0; width:auto;}
	div#formulaire2 fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
	div#formulaire2 h2 { width:900px;font-size: 1.2em; font-weight: bold; margin: auto; padding: 0 0 1em 0; }
	div#formulaire2 p { width:100%;text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
	div#formulaire2 label.nostyle { float: none; width: auto; }

div#formulaire3 {
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding-left:0px;
	width:680px;
}
div#formulaire3 h1 { text-align:center; }

div#formulaire4 {
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding-left:0px;
	width:1250px;
}
div#formulaire4 h1 { text-align:center; }

div#formulaire5 {
	background: #DDD;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding-left:0px;
	width:680px;
}
div#formulaire5 h1 { text-align:center; }
	
	input[type=button],input[type=submit],button { 
		margin:auto; 
		background: -moz-linear-gradient(top,white,silver); 
		background: -o-linear-gradient(top,white,silver); 
		background: -webkit-linear-gradient(top,white,silver); 
		-moz-border-radius:4px;
		-o-border-radius:4px;
		-webkit-border-radius:4px;
		padding:2px;
		border:1px solid gray;
	}

	input[type=button]:hover,input[type=submit]:hover,button:hover,input[type=button].boutonSelect{ 
		margin:auto; 
		background: -moz-linear-gradient(top,white,gray); 
		background: -o-linear-gradient(top,white,gray); 
		background: -webkit-linear-gradient(top,white,gray); 
		border:1px solid gray;
	}
	
	label,input[type=radio],input[type=checkbox]{
		cursor : pointer;
		border:1px solid none;
	}
	
	
	input[type=text]{
		size:15;
		padding-left:0;
		margin-left:0;
	}
	
	textarea{
		font-size:12px;
		
	}
	
	a.lienBouton { 
		margin:auto; 
		background: -moz-linear-gradient(top,white,silver); 
		background: -o-linear-gradient(top,white,silver); 
		background: -webkit-linear-gradient(top,white,silver); 
		-moz-border-radius:4px;
		-o-border-radius:4px;
		-wekbit-border-radius:4px;
		padding:2px;
		border:1px solid gray;
		text-decoration:none;
		display:block;
	}

	a.lienBouton:hover { 
		margin:auto; 
		background: -moz-linear-gradient(top,white,aqua); 
		background: -o-linear-gradient(top,white,aqua); 
		background: -webkit-linear-gradient(top,white,aqua); 
		border:1px solid black;
	}
	
	-moze-border-radius:5px
div#tab_suivi {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding:10px;
	width:1165px;
}

div#tab_mem {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding:10px;
	width:980px;
}

h3.formulaire {
	font-variant: small-caps;
    color: #8A93A9;
	margin: auto;
	padding: 0;
	width: 33.3em;
	text-align: right;
}

div.encaiss {
	margin: auto;
	padding: 0;
	width: 750px;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
}
	div.encaiss form { margin: 0; padding: 0; }
	div.encaiss fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
	div.encaiss h2 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 0 1em 0; }
	div.encaiss p { text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
	div.encaiss label { float: left; width: 20em; }
	div.encaiss label.nostyle { float: none; width: auto; }

h3.encaiss {
	font-variant: small-caps;
    color: #8A93A9;
	margin: auto;
	padding: 0;
	width: 33.3em;
	text-align: right;
}
	
.liensInitialesPro, .liensInitialesPart, .liensInitialesAdmin, .liensInitialesAff, .liensInitialesDevis{
	border: 1px #8A93A9 solid;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	clear: both;
	padding: 5px 5px 5px 5px;
	margin: 0 5px 0 0;
	font-weight: bold;
}
	.liensInitialesPro .exa, .liensInitialesPart .exa, .liensInitialesAdmin .exa { color: #000; padding:5px 5px 5px 5px; }
	.liensInitialesPro a, .liensInitialesPart a, .liensInitialesAdmin a { color: #8A93A9; padding:5px 5px 5px 5px; text-decoration: none; }
	.liensInitialesPro a:hover, .liensInitialesPart a:hover, .liensInitialesAdmin a:hover { color: #4800B0; padding:5px 5px 5px 5px; text-decoration: none; }
	
	.liensInitialesAff .exa, .liensInitialesDevis .exa, { color: #000;}
	.liensInitialesAff a, .liensInitialesDevis a { color: #8A93A9; text-decoration: none; }
	.liensInitialesAff a:hover, .liensInitialesDevis a:hover { color: #4800B0; text-decoration: none; }
	
  	
/* Vivreco v1 */
table.tableauFormulaire {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaire td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauFormulaire tr{ display:block;}
table.tableauFormulaire tr td:first-child{width:230px; color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauFormulaire tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaire label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaire td{height:30px;}

table.tableauPlanning {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauPlanning td {padding:0; color: black; font-weight:none;width:46px;padding-left:2px;}
table.tableauPlanning tr{ display:block;}
table.tableauPlanning tr td:first-child{color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauPlanning tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauPlanning label{ width:auto;min-width:150px;display:inline;}
table.tableauPlanning td{height:30px;}

table.tableauPlanning2 {border:1px solid gray;padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em; text-align:left;width:100%; }
table.tableauPlanning2 td {padding:0; color: black; font-weight:none;}
/*table.tableauPlanning2 tr td:first-child{color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauPlanning2 tr:nth-child(odd){ background:#D4D4D4;}*/
table.tableauPlanning2 label{ width:auto;min-width:150px;display:inline;}
table.tableauPlanning2 td{height:30px;}

table.tableauPlanning3 {border:1px solid gray;padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em; text-align:left;width:73%; }
table.tableauPlanning3 td {padding:0; color: black; font-weight:none;}
/*table.tableauPlanning2 tr td:first-child{color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauPlanning2 tr:nth-child(odd){ background:#D4D4D4;}*/
table.tableauPlanning3 label{ width:auto;min-width:150px;display:inline;}
table.tableauPlanning3 td{height:30px;}

table.tableauPlanning4 {border:1px solid gray;padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em; text-align:left;width:25%; }
table.tableauPlanning4 td {padding:0; color: black; font-weight:none;}
/*table.tableauPlanning2 tr td:first-child{color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauPlanning2 tr:nth-child(odd){ background:#D4D4D4;}*/
table.tableauPlanning4 label{ width:auto;min-width:150px;display:inline;}
table.tableauPlanning4 td{height:30px;}

table.tableauFormulaire2 {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;border-collapse:collapse;}
table.tableauFormulaire2 td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
/*table.tableauFormulaire2 tr{ display:block;}*/
table.tableauFormulaire2 tr td:first-child{width:230px; color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauFormulaire2 tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaire2 label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaire2 td{height:30px;}

table.tableauFormulaireFacture {border:1px solid red;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaireFacture td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauFormulaireFacture tr{ display:block;}
table.tableauFormulaireFacture tr td:first-child{width:230px; color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauFormulaireFacture tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaireFacture label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaireFacture td{height:30px;}

table.tableauRegul {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauRegul td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauRegul tr{ display:block;}
table.tableauRegul tr td:first-child{width:250px; color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauRegul tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauRegul label{ width:auto;min-width:150px;display:inline;}
table.tableauRegul td{height:30px;}

table.tableauSAV {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:center;width:70%;}
table.tableauSAV td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
/*table.tableauSAV tr{ display:block;}*/
/*table.tableauSAV tr td:first-child{width:230px; color: #4800B0; font-weight:bold;padding-left:2px;}*/
table.tableauSAV tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauSAV label{ width:auto;min-width:150px;display:inline;}
table.tableauSAV td{height:30px;}

/* tab mem */

table.tab_mem {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em;text-align:left;width:870px; border-collapse:collapse;}
table.tab_mem th {padding:2px;font-size:12px;}
table.tab_mem td {padding:2px; color: black; font-weight:none;font-size:10px;}
table.tab_mem tr td:first-child{ color: #4800B0; font-weight:bold;font-size:12px;width:180px;}
table.tab_mem tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tab_mem tr:hover{ background:grey;}
table.tab_mem tr.stats th{ font-size:11px;}
table.tab_mem td{height:30px;}

/* tab suivi */

table.tab_suivi {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:1165px;}
table.tab_suivi th {padding:2px;font-size:12px;}
table.tab_suivi td {padding:2px; color: black; font-weight:none;font-size:10px;}
table.tab_suivi tr td:first-child{ color: #4800B0; font-weight:bold;font-size:12px;width:180px;}
table.tab_suivi tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tab_suivi tr:hover{ background:grey;}
table.tab_suivi tr.stats th{ font-size:11px;}
table.tab_suivi td{height:30px;}


/* liste_encaissement*/

table.liste_encaissement {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;border-collapse:collapse;}
table.liste_encaissement th {padding:2px;font-size:12px;}
table.liste_encaissement td {padding:2px; color: black; font-weight:none;font-size:10px;}
table.liste_encaissement tr td:first-child{ color: #4800B0; font-weight:bold;font-size:12px;width:180px;}
table.liste_encaissement tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.liste_encaissement tr.stats th{ font-size:11px;}
table.liste_encaissement td{height:30px;}

/* tableau Avancement */

table.tableauAvancement {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:900px}
table.tableauAvancement th {padding:2px;font-size:12px;}
table.tableauAvancement td {padding:2px; color: black; font-weight:none;font-size:10px;}
table.tableauAvancement tr#titre td:first-child{ color: #4800B0; font-weight:bold;font-size:12px;width:180px;}
table.tableauAvancement tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauAvancement tr.lignesEnsemble{ background:white;}
table.tableauAvancement tr.stats th{ font-size:11px;}
table.tableauAvancement td{height:30px;}

/* tableau avec en tete */

table.tableauEntete {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauEntete th{background-color:silver;color: #4800B0;}
table.tableauEntete th {padding-left:10px;font-size:12px;text-align:left;}
table.tableauEntete td {color: black; font-weight:none;font-size:10px;width:auto;min-width:70px;padding-left:0px;}
table.tableauEntete tr td:first-child{ color: #4800B0; font-weight:bold;font-size:12px;width:180px; padding:0;}
table.tableauEntete tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete tr.lignesEnsemble{ background:white;}
table.tableauEntete tr.stats th{ font-size:11px;}
table.tableauEntete tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete label{ min-width:150px;display:inline;}
table.tableauEntete tr:hover{ background:silver;}
table.tableauEntete td{height:30px;}

table.tableauEnteteEncaiss {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauEnteteEncaiss th{background-color:silver;color: #4800B0;}
table.tableauEnteteEncaiss th {padding-left:10px;font-size:12px;text-align:left;}
table.tableauEnteteEncaiss td {color: black; font-weight:none;font-size:10px;width:auto;min-width:70px;padding-left:0px;}
table.tableauEnteteEncaiss tr td:first-child{ color: #4800B0; font-weight:bold;font-size:12px; padding:0;}
table.tableauEnteteEncaiss tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEnteteEncaiss tr.lignesEnsemble{ background:white;}
table.tableauEnteteEncaiss tr.stats th{ font-size:11px;}
table.tableauEnteteEncaiss tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEnteteEncaiss label{ min-width:150px;display:inline;}
table.tableauEnteteEncaiss tr:hover{ background:silver;}
table.tableauEnteteEncaiss td{height:30px;}

@media print{
	table.tableauEntete {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
	table.tableauEntete th{background-color:silver;color: #4800B0;}
	table.tableauEntete th {padding-left:10px;font-size:11px;text-align:left;}
	table.tableauEntete td {color: black; font-weight:none;font-size:9px;width:auto;min-width:70px;padding-left:0px;}
	table.tableauEntete tr td:first-child{ color: #4800B0; font-weight:bold;font-size:11px;width:180px; padding:0;}
	table.tableauEntete tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
	table.tableauEntete tr.lignesEnsemble{ background:white;}
	table.tableauEntete tr.stats th{ font-size:10px;}
	table.tableauEntete tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
	table.tableauEntete label{ min-width:150px;display:inline;}
	table.tableauEntete tr:hover{ background:silver;}
	table.tableauEntete td{height:15px;}
	
	table.tableauFormulaire {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 10px; width: auto;text-align:left;width:95%; }
	table.tableauFormulaire td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
	table.tableauFormulaire tr{ display:block;}
	table.tableauFormulaire tr td:first-child{width:230px; color: #4800B0; font-weight:bold;padding-left:2px;}
	table.tableauFormulaire tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
	table.tableauFormulaire label{ width:auto;min-width:150px;display:inline;}
	table.tableauFormulaire td{height:15px;}

}

table.tableauEntete2 {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauEntete2 th{background-color:silver;color: #4800B0;}
table.tableauEntete2 th {padding-left:10px;font-size:12px;text-align:left;}
table.tableauEntete2 td {color: black; font-weight:none;font-size:10px;width:auto;min-width:70px;padding-left:0px;}
table.tableauEntete2 tr td:first-child{ color: #4800B0; font-weight:bold;font-size:12px; padding:0;}
table.tableauEntete2 tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete2 tr.lignesEnsemble{ background:white;}
table.tableauEntete2 tr.stats th{ font-size:11px;}
table.tableauEntete2 tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete2 label{ min-width:150px;display:inline;}
table.tableauEntete2 tr:hover{ background:silver;}
table.tableauEntete2 td{height:30px;}

/* tableau avec encaissement */

table.tableauEncaiss {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:90%}
table.tableauEncaiss th{background-color:silver;color: #4800B0;}
table.tableauEncaiss th {padding:2px;font-size:12px;text-align:center;}
table.tableauEncaiss td {padding:2px; color: black; font-weight:none;font-size:12px;}
table.tableauEncaiss tr#titre td:first-child{ color: #4800B0; font-weight:bold;font-size:12px;width:180px;}
table.tableauEncaiss tr{ border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEncaiss tr.lignesEnsemble{ background:white;}
table.tableauEncaiss tr.stats th{ font-size:11px;}
table.tableauEncaiss tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEncaiss tr:hover{ background:silver;}
table.tableauEncaiss td{height:30px;}



table.affPro { border: 1px #CCC solid; font-family: Verdana, Arial; font-size: 1em; width: 52em; margin-bottom: 1em; text-align:left;}
table.affPro td { padding: .1em .2em .1em .2em; color: blue;}

label.date2{
	color: #4800B0; font-weight:bold;font-size:12px;
}

.faible { color: #3366FF; }
.moyen { color: darkorange; }
.fort { color: red; }

p.erreur { color: red; text-align: center; }
p.succes { color: green; text-align: center; }

/* css client_construct.php */

/*label#construction_ventilation{
	display:inline;
}
/*p.erreur img,
p.succes img { vertical-align: text-bottom; }

div.formulaire { background: transparent; margin: 0; padding: 0; }
div.formulaire label { text-align: right; float: left; width: 15em; padding-right: 1em; }
div.formulaire p { width: 30em; text-align: left; margin: .4em; }
div.formulaire input,
div.formulaire textarea { width: 13em; }
div.formulaire input.bouton { width: auto !important; }*/
/* Vivreco v1 */

.action {
	clear: both;
	margin: .5em;
	margin-left: 2em;
	text-align: left;
}

.exemple {
	font-style: italic;
	text-decoration: none !important;
}

ul.listePro, ul.listePart, ul.listeAdmin, ul.listeContact, ul.listeDevis, ul.listeElt {
	text-align: left;
	list-style: none;
	margin: .5em .5em .5em 2em;
	padding: 0;
	display: block;
}
.listePro li, .listePart li, .listeAdmin li, .listeContact li, .listeDevis li , .listeElt li{ margin: 0; padding: 0; line-height: 1.5em; display: inline; font-size:13px;}
.listeElt li{ margin-left: 6em; line-height: 1.5em; display: block; border-bottom: 1px #DDD solid;}
.listePro li a, .listePart li a, .listeAdmin li a, .listeContact li a, .listeDevis li a { text-decoration: none; color: #666; display: block; outline: none; border-bottom: 1px #DDD solid; }
.listeElt li a { text-decoration: none; color: #666; display: inline; outline: none; }
.listePro li a:hover, .listePart li a:hover, .listeAdmin li a:hover, .listeContact li a:hover, .listeDevis li a:hover, .listeElt li a:hover { text-decoration: none; color: #4800B0; }
.listePro li a .ville, .listePart li a .ville, .listeDevis li a .date { float: right; font-style: italic; }
.listePro li a.selected, .listePart li a.selected, .listeAdmin li a.selected, .listeContact li a.selected, .listeDevis li a.selected, .listeElt li a.selected { color: red; font-size:12pt;}

ul.listeAv {
	text-align: left;
	list-style: none;
	margin: .5em .5em .5em 2em;
	padding: 0;
	display: block;
}
.listeAv li{ margin: 0; padding: 0; line-height: 1.5em; display: inline; font-size:13px;}
.listeAv li a { text-decoration: none; color: #666; display: block; outline: none; }
.listeAv li a:hover { text-decoration: none; color: #4800B0; }
.listeAv li a.selected { color: red; font-size:12pt;}

.listeElt td { border-bottom: 1px #CCC solid; }
.listeElt th { text-align:center;}
.listeElt table { margin-left: 6em; }

#proviewer, #partviewer, #adminviewer, #contactviewer, #devisviewer, .infoContact, .cadreClient, .cadreClientLarge {
	width: 53em;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: black;
	min-height: 9.5em; /* Firefox */
	_height: 9.5em; /* IE */
	float: right;
	text-align: left;
}
#eltviewer {
	width: 55em;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: black;
	min-height: 9.5em; /* Firefox */
	_height: 9.5em; /* IE */
	float: right;
	text-align: left;
}

#avancviewer{
	width: 50em;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: black;
	min-height: 9.5em; /* Firefox */
	_height: 9.5em; /* IE */
	float: right;
	text-align: left;

}

.cadreClientLarge { width: 50em !important; float: none !important; margin: auto; }
.cadreClient { float: none !important; margin: auto; }
.infoContact { min-height: 1em; _height: 1em; }
	#proviewer .titre,
	#partviewer .titre,
	#adminviewer .titre,
	#contactviewer .titre,
	#devisviewer .titre,
	#eltviewer .titre,
	#avancviewer .titre,
	.infoContact .titre,
	.cadreClient .titre,
	.cadreClientLarge .titre { font-weight: bold; font-family: Arial; color: red; text-align: left; font-size:12pt;}
	#proviewer .pos,
	#partviewer .pos,
	#adminviewer .pos,
	#contactviewer .pos,
	#devisviewer .pos,
	#eltviewer .pos,
	#avancviewer .pos,
	.infoContact .pos,
	.cadreClient .pos,
	.cadreClientLarge .pos { font-weight: bold; font-family: Arial; color: red; text-align: left; font-size:12pt;}
	#proviewer .email,
  #partviewer .email,
	#adminviewer .email,
	#contactviewer .email,
	#devisviewer .email,
	#eltviewer .email,
	.infoContact .email,
	.cadreClient .email,
	.cadreClientLarge .email { padding-top: .5em; color: #666; font-style: italic; text-align: right;}
	.email a { color:#8A93A9; text-decoration: none;}
	#proviewer .btn,
	#partviewer .btn,
	#adminviewer .btn,
	#contactviewer .btn,
	#devisviewer .btn,
	#avancviewer .btn,
	#eltviewer .btn { padding-top: 1em; text-align: right; }
	#proviewer .note,
	#adminviewer .note { padding-top: 1em; font-style: italic; }
	#proviewer p,
	#partviewer p,
	#adminviewer p,
	#contactviewer p,
	#devisviewer p,
	#eltviewer p,
	#avancviewer p,
	.infoContact p,
	.cadreClient p,
	.cadreClientLarge p { margin: 0; font-size:12px; font-family: Verdana;}
	#contactviewer .liens,
	#devisviewer .liens,
	#eltviewer .liens,
	.infoContact .liens,
	.cadreClient .liens,
	#avancviewer .liens,
	.cadreClientLarge .liens { border-top: 1px #8A93A9 solid; margin-top: 5px; padding-top: 5px; }
	#contactviewer .liens ul,
	#devisviewer .liens ul,
	#eltviewer .liens ul,
	#avancviewer .liens ul,
	.infoContact .liens ul,
	.cadreClient .liens ul,
	.cadreClientLarge .liens ul { margin-top: .5em; margin-bottom: .8em; list-style:none;}

#footer {
	margin-top: 1.5em;
	margin-bottom: 1em;
	clear: both;
	text-align: center;
	color: #666;
	line-height: 1.7em;
}
#footer a { color: #666; text-decoration: underline; }
#footer a:hover { color: #235B00; text-decoration: none; }




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; z-index:1; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../lightbox2.04/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../lightbox2.04/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }