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

	/*= body ---------------------------------------- */
	body.espParticuliers {
		background: transparent url(../images/particuliers/bgBodyEspParticuliers.gif) repeat-x 0 0
		}
		
	/*= structure ---------------------------------------- */
	#headerHabillage {
		width: 840px;
		/*height: 140px;*/
		padding: 0 20px 0 0;
		background: transparent url(../images/particuliers/bgHabParticuliersHeader.gif) no-repeat bottom right
		}
	#header h1,
	#header h2 {
		position: absolute;
		left: 269px;
		}
	#header h1 {
		top:0;
		width:260px; height: 87px;
		background: transparent url(../images/particuliers/h1Particuliers.gif) no-repeat 0 0}
	
	/*= navPrincipale / particuliers---------------------------------------- */
	body.espParticuliers #navPrincipale h3.item1 {
		background: transparent url(../images/particuliers/navTitre1Particuliers.gif) no-repeat 0 0!important}
	body.espParticuliers #navPrincipale h3.item2 {
		background: transparent url(../images/particuliers/navTitre2Particuliers.gif) no-repeat 0 0!important}
	body.espParticuliers #navPrincipale h3.item3 {
		background: transparent url(../images/particuliers/navTitre3Particuliers.gif) no-repeat 0 0!important}

	/*= #navPrincipale .niv2 ---------------------------------------- */
	.men1n2 .contentMenu h3 {
		background: transparent url(../images/particuliers/h3men1n2Parti.png) no-repeat 0 0}
	.men2n2 .contentMenu h3 {
		background: transparent url(../images/particuliers/h3men2n2Parti.png) no-repeat 0 0}
	.men3n2 .contentMenu h3 {
			background: transparent url(../images/particuliers/h3men3n2Parti.png) no-repeat 0 0}
				
	/*= 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/particuliers/bgTopServicesColB.gif) no-repeat top;
		}
	#services h3 {
		width: 136px; height:40px;
		background: #C2E9B6 url(../images/particuliers/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/particuliers/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/particuliers/btSimuRemboursements.gif) no-repeat 0 0;
		}
	
	
	/* = deroulant  ---------------------------------------- */
	p.asterix {
		font-size: 85%;
		color:#8c8c8c!important;
		}
	div.asterix p {
		font-size: 85%;
		color:#8c8c8c!important;
		}