/* = Feuille de styles / page accueil des 5 espaces = */
	
	#colA p {
		color: #8c8c8c; 
		font-size: 93%;
		}
	
	/*= body ---------------------------------------- */
	body.espProSante {
		background: transparent url(../images/proSante/bgBodyEspProSante.gif) repeat-x 0 0
		}
		
	/*= structure ---------------------------------------- */
	#header {}
	#headerHabillage {
		width: 840px;
		/*height: 140px;*/
		padding: 0 20px 0 0 ;
		background: transparent url(../images/proSante/bgHabillageProSanteHeader.gif) no-repeat bottom right
		}
	#header h1,
	#header h2 {
		position: absolute;
		left: 269px;
		}
	#header h1 {
		top:0;
		width:400px; height: 87px;
		background: transparent url(../images/proSante/h1ProSante.gif) no-repeat 0 0}
	#header h2 {	
		top:88px;
		width:160px; height: 53px;
		background: transparent url(../images/proSante/h2ProSanteServices.gif) no-repeat 0 0
		}
	#footer {}
		
/* ================================================================================ */
/* = colA / home = */
/* ================================================================================ */

	#colA {
		width: 710px;
		padding:0;
		}
	#rowA p {
		color:#000;
		font-weight: bold;
		padding: 0 1em 0 2em;
		font-size: 85%;
		background: transparent url(../images/chevronWhite.gif) no-repeat 12px 5px
		}
	#rowA p a {
		color:#fff;
		text-decoration: none;
		}
		
	/*= colA / rowA ---------------------------------------- */
	#zoneFlash, #avantages {
		float: left;
		}
	#zoneFlash {
		width: 334px; 
		height: 376px;
		}
	#avantages {
		width: 346px;
		padding: 25px 0 0 20px;
		}
	.pourquoi01{
		position:relative; top:15px;
		}
	#avantages p {
		padding:0 1em 0.2em 1em!important;
		background-image: none;
		}
	#avantages p a {
		padding: 0 0 0 1em;
		background: transparent url(../images/chevronWhite.gif) no-repeat 0 5px!important
		}
	
	.pourquoi01,
	.pourquoi02 {
		width: 338px;
		padding: 0 0 0.5em 0;
		margin: 0 0 0.5em 0;
		background: #BED900 url(../images/proSante/footerPourquoi.gif) no-repeat bottom
		}
	.pourquoi02{margin-top:25px;}
	.pourquoi01 h3,
	.pourquoi02 h3 {
		text-indent: -1000em;
		width: 338px; height: 40px;
		}
	.pourquoi01 h3 {background: #BED900 url(../images/proSante/h3Pourquoi01.gif) no-repeat -10px 0}
	.pourquoi02 h3 {background: #BED900 url(../images/proSante/h3Pourquoi02.gif) no-repeat 0 0}
	
	#avantages h4 {
		font-size: 110%;
		font-weight: bold;
		padding: 0.3em 0 0.5em 1em!important;
		}
		
	/*= colA / rowB ---------------------------------------- */
	#tiersgagnant, 
	#Alaune, 
	#autreActus {float: left}
		
	/*= le tiers gagnant ---------------------------------------- */
	#tiersgagnant {
		width: 228px;
		padding: 0 0 0 37px;
		}
	#tiersgagnant p.date {
		position: absolute;
		width: 150px;
		margin: -20px 0 0 0;
		text-align: right;
		color:#06569D;
		}
	#tiersgagnant h2 {
		text-indent: -100em;
		width: 228px; height: 90px;
		background: transparent url(../images/proSante/h2TiersGagnant.gif) no-repeat 0 0
		}
	#tiersgagnant p {
		font-size: 85%;
		color:#666;
		}
	#tiersgagnant .article {
		width: 183px;
		padding: 10px;
		background: #BED900 url(../images/proSante/bgBottomTiersGagnant.gif) no-repeat bottom left
		}
	#tiersgagnant .article a.more {
		
		background: transparent url(../images/chevronWhite.gif) no-repeat 0 4px
		}
	
	/*= UNE /autres actus ---------------------------------------- */
	#Alaune {
		width: 245px;
		padding: 0 5px 0 5px
		}
	#Alaune p,
	#autreActus p {
		font-size: 85%;
		padding: 0 0 0.5em 0;
		} 
	#Alaune img {float: left;}
	#Alaune h2 {
		width: 100px; height: 30px;
		background: transparent url(../images/h2UneHome.gif) no-repeat 0 0;
		}
	#Alaune p strong {font-weight: bold;}
	#Alaune p.titre {
		color:#00921c;
		font-size: 93%;
		}
	
	/*= Autres actualités / zoom sur focus / --------------------------------- */
	#autreActus {
		width: 165px;
		border-left: 1px #E0E0E0 solid;
		padding: 0.4em 5px 0 10px;
		}
	#autreActus p strong {font-weight: bold;}
	#autreActus p.titre {
		color:#00921c;
		font-size: 85%;
		}
		
	/*= zoom ---------------------------------------- */
	.blocZoom {
		width: 140px;
		padding: 1.5em 10px 0.1em 10px;
		margin: 5px 0 1em 0;
		background: #F6F7CC url(../images/proSante/bgTopProSanteZoom.gif) no-repeat top left
		}
	.blocZoom h2, 
	.blocZoom h3 {
		color:#0F7837;
		}
	.blocZoom h2 {text-indent: -1000em;}
	.blocZoom h3 {font-size: 100%;margin:0;}
	.blocZoom p {
		margin:0;
		color:#666;
		font-size: 85%;
		}
		
	/*= 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;
		}
		
/* ================================================================================ */
/* = colB / home = */
/* ================================================================================ */
	.complement {
		display: block;
		padding: 0 0 2em 0;
		background: #8FB900 url(../images/proSante/bgBottomCompteProSante.gif) no-repeat bottom		
		}
	.complement p,
	.complement ul {padding: 0.5em}
	
	.complement p {color:#fff; font-size: 85%;}
	.complement ul li {
		padding: 0 2em 0 1.5em!important;
		color:#000!important;
		font-size: 85%;
		background: transparent url(../images/chevronWhite.gif) no-repeat 5px 3px!important
		}
		
		
	/*--------------------- Clear*/
	.clear{/*margin:10px 0 0 0;*/}