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; }

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

h3.formulaire {
	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.nouveauClient { border: 1px #CCC solid; font-family: Verdana, Arial; font-size: 1em; width: 65em; margin-bottom: 1em; text-align:left;}
table.nouveauClient td { padding: .1em .2em .1em .2em; color: black;}

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: black;}

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

p.erreur { color: red; text-align: center; }
p.succes { color: green; text-align: center; }
/*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; }