/* = Feuille de styles / commune espace des particuliers = */

	/*= body ---------------------------------------- */
	body.espTns {
		background: transparent url(../images/tns/bgBodyEsptns.gif) repeat-x 0 0
		}
		
	/*= structure ---------------------------------------- */
	#headerHabillage {
		width: 840px;
		/*height: 140px;*/
		padding: 0 20px 0 0;
		background: transparent url(../images/tns/bgHabtnsHeader.gif) no-repeat bottom right
		}
	#header h1,
	#header h2 {
		position: absolute;
		left: 269px;
		}
	#header h1 {
		top:0;
		width:300px; height: 87px;
		background: transparent url(../images/tns/h1Tns.gif) no-repeat 0 0}
	
	/*= navPrincipale / particuliers---------------------------------------- */
	body.espTns #navPrincipale h3.item1 {
		background: transparent url(../images/tns/navTitre1Tns.gif) no-repeat 0 0!important}
	body.espTns #navPrincipale h3.item2 {
		background: transparent url(../images/tns/navTitre2Tns.gif) no-repeat 0 0!important}
	body.espTns #navPrincipale h3.item3 {
		background: transparent url(../images/tns/navTitre3Tns.gif) no-repeat 0 0!important}

	/*= #navPrincipale .niv2 ---------------------------------------- */
	.men1n2 .contentMenu h3 {
		background: transparent url(../images/tns/h3men1n2tns.png) no-repeat 0 0}
	.men2n2 .contentMenu h3 {
		background: transparent url(../images/tns/h3men2n2tns.png) no-repeat 0 0}
	.men3n2 .contentMenu h3 	{
			background: transparent url(../images/tns/h3men3n2tns.png) no-repeat 0 0}
	
	/*= #navPrincipale / niveau 3 / espace entreprises----------------------- */
	.contentMenu ul li a:hover {
		background-color:#F5EFCE;
		}
				
	/*= more ---------------------------------------- */
	a.more {
		display: block;
		color:#232323;
		font-size: 85%;
		text-decoration: none;
		padding: 0 0 0 1em;
		margin: 0 0 1em 0;
		background: transparent url(../images/chevronHomeMore.gif) no-repeat 0 5px;
		}

/* ================================================================================ */
/* = Page de contenu générique propres à  l'espace particulier = */
/* ================================================================================ */
	body.genePage #colA {
		width:664px; 
		padding: 10px 10px 0 36px;
		}
	body.genePage #colA h2,
	body.genePage #colA h3 {
		font-weight: bold;
		margin: 0.3em 0 0.2em 0;
		}
	body.genePage #colA h2 {
		font-size: 108%;
		color:#0F7838;
		}
	body.genePage #colA h3 {
		font-size: 100%;
		}
	body.genePage #colA p {
		font-size: 85%;
		color:#232323;
		}

/* ================================================================================ */
/* = introGene = */
/* ================================================================================ */
	#colA #introContent h2 {
		margin: 0 0 0.2em 0;
		}
	#introImg, 
	#introContent {float: left}
	
	#introImg {width: 202px}
	#introContent {
		width: 432px; 
		padding: 1em 10px 0.5em 20px
		}
	#introContent h2 {
		font-size: 170%;
		font-weight: bold;
		}
	#introContent h3 {
		font-size: 108%;
		padding: 0 0 0.3em 0;
		}
	#introContent h4 {
		font-size: 108%;
		}
	#introContent p {
		font-size: 85%;
		padding: 0
		}

/* ================================================================================ */
/* = colB / services et engagements = */
/* ================================================================================ */
	#services {
		width: 136px;
		padding: 10px 7px 1em 7px;
		margin: 0 0 0.5em 0;
		background: #C2E9B6 url(../images/tns/bgTopServicesColB.gif) no-repeat top;
		}
	#services h3 {
		width: 136px; height:40px;
		background: #C2E9B6 url(../images/tns/h3ServicesColB.gif) no-repeat 0 0;
		}
	#services li,
	#services a {color:#616161}
	#services ul li {
		font-size: 85%;
		line-height: 90%;
		list-style: none;
		margin: 0 0 4px 0;
		padding: 0 0 0 1em;
		background: transparent url(../images/itemDisc.gif) no-repeat 0 0;
		}
	#services a.current {font-weight: bold;}
	#services a.voir {
		font-size: 85%;
		margin: 0.2em 0 0 0;
		padding: 0.2em 0 0 1em;
		text-decoration: none;
		background: transparent url(../images/tns/chevronServices.gif) no-repeat 0 7px;
		}
	#services a.voir:hover {text-decoration: underline;}
		
	/*= Bouton simulation ---------------------------------------- */
	#colB .simu {margin: 0 0 0.2em 0;}
	#colB .simu h3 a {
		display: block;
		text-indent: -100em;
		width: 150px; height: 65px;
		background: transparent url(../images/tns/btSimuRemboursements.gif) no-repeat 0 0;
		}
	
	
	/* = deroulant  ---------------------------------------- */
	p.message {
		width: 670px;
		padding: 5px;
		font-size: 85%;
		color:#8C8C8C;
		text-align: center;
		margin: 0 0 0 10px;		
		}
	p.asterix, div.asterix p {
		font-size: 85%;
		color:#8c8c8c!important;
		}
	div.asterix p {
		clear: both;
		}	
	
	/*=  ---------------------------------------- */	
	#contenu {
		margin-top:-20px;
		padding-left:222px;
		}
	
	body.espTns #compte h3 {
		background: transparent url(../images/h3Compte.gif) no-repeat 0 0;
		}
		
	/*= navprod ---------------------------------------- */
	.navprod h2 {
		border-bottom: 1px #E8A940 solid;
		/* ICI PAS D'IMAGES SVP !! */
		}
	.navprod li a {
		border-bottom: 1px #C0C9C8 solid;
		background: transparent url(../images/particuliers/itemSMprod.gif) no-repeat 4px 5px;
		}
	.navprod li a.current,
	.navprod li a:hover {
		background-color:#F5EFCE;
		}
	.navprod li a:hover {
		background-color:#F5EFCE!important;
		}
	#sousnav li.last {border:0}