/* = html = */
/* ================================================================================ */
	
	html, body {margin:0; padding:0;}
	html {
		font-family: 'Trebuchet MS';
		/*background: transparent url(../images/bgPage.gif) repeat-y center*/
		}
	body {
		background: transparent url(../images/bgBodyNeutre.gif) repeat-x 0 0
		}
	body.institut {
		background: transparent url(../images/bgBodyInstitu.gif) repeat-x 0 0
		}
	
	/*= display -- */
	#prelude, hr, 
	.complement {display: none}
	
	/*= class spéciales -- */
	.clear, p.clear {
		display: block;
		clear:both; 
		height: 1px;
		margin:0; padding:0;
		}
	.hidden {display: none}

/* = STRUCTURE = */
/* ================================================================================ */
	#page {
		position: relative;
		width: 905px;
		padding: 0 0 0 0;
		margin: 0 auto;
		}
	
	#header, #content {padding: 0 0 0 30px}
	#header {
		height: 87px;
		background: transparent url(../images/bgPageHeader.gif) no-repeat -30px 0
		}
	#content {
		clear: both;
		margin: 55px 0 0 0;
		background: transparent url(../images/bgPage.gif) repeat-y -30px 0
		}
	#footer {
		padding: 0 0 0 15px;
		background: transparent url(../images/bgPage.gif) repeat-y -30px 0
		}
	#footerHabillage {
		padding: 0 0 0 10px;
		background: transparent url(../images/bgBottomPage.gif) repeat-x bottom left;
		}
	#colA, #colB, #colC {float: left}
	#colA {
		width:664px; 
		padding: 10px 10px 0 36px;
		}
	#colB {
		width: 150px;
		margin: -142px 0 0 0;
		overflow:hidden;
		}
	
/* = HEADER = */
/* ================================================================================ */
	img.logo, #banniere {position: absolute;}
	#banniere {
		top:3px; left: 265px;
		width: 468px; height:60px;
		border: 1px #DEDEDE solid;
		}
	img.logo {top:50px; left: 30px;}
	p.retourAcc {
		position: absolute;
		top: 115px; left: 30px;
		margin:0;
		}
	
/* = Gestion du menu principale / HEADER = */
/* ================================================================================ */
	body#commun #navPrincipale {
		position: absolute;
		left: 268px; top: 87px;
		padding: 0;
		width: 472px; 
		height: 55px;
		z-index:1000;
		}
	body#commun #navPrincipale h3 a {
		display: block; 
		width: 100%; height: 100%;
		}
	body#commun #navPrincipale h3.navTitre {
		float: left;
		cursor:pointer;
		padding:0;
		margin:0; text-indent: -100em;
		width: 156px; height: 55px;
		}		
	body#commun #navPrincipale .niv2mg {
		position: absolute; top: 0;
		width: 140px;
		margin: -18px 0 0 0;
		padding: 1em 0 1em 0;
		z-index: 20000;
		background: transparent url(../images/bgTopMenuNiv2.png) no-repeat top left
		}
	.niv2mg img {
		width: 100%;
		height: 38px;
		display: block;
		/*border: 1px solid red;*/
	}
	#navPrincipale .men1n2 {left: 15px}
	#navPrincipale .men2n2 {left: 165px}
	#navPrincipale .men3n2 {left: 320px}
	
	/*= contentMenu ---------------------------------------- */
	.contentMenu {
		width: 140px;
		padding: 0 0 1.3em 0;
		background: transparent url(../images/bgBottomMenuNiv2.png) no-repeat bottom left
		}
	.contentMenu h3 {
		display: block; 
		padding: 0 0 0 5px;
		width: 140px; height: 40px;
		text-indent: -100em;
		}
	.contentMenu ul {
		padding: 0 0 0 5px;
		background: transparent url(../images/bgContentMenuNiv2.png) repeat-y
		}
	.contentMenu ul li {
		position: relative;
		width: 97%;
		list-style:none!important;
		margin:0; 
		border-top: 1px #e5e5e5 solid;
		}
	.contentMenu ul li.first {}
	.contentMenu ul li.last {}
	.contentMenu ul li a {
		display: block;
		margin:0!important;
		padding: 0.1em 10px 0.1em 5px;
		font-size: 85%;
		color:#242424;
		text-decoration: none;
		}
	.contentMenu ul li a.fleche {
		background: transparent url(../images/itemListeN2.gif) no-repeat top right
		}
	.contentMenu ul li a:hover {
		background-color:#CDFED1;
		}
	
	/*=  #navPrincipale sous menu de .niv3---------------------------------------- */
	ul.niv3 {
		z-index: 1000;
		position: absolute;
		top: 0; left: 125px;
		padding: 0 0 0 1px;
		margin: -6px 0 0 0;
		background-image: none!important;
		}
	ul.niv3 li {
		position: relative;	
		z-index: 1000;
		width: 140px;
		/*list-style: none;*/
		border-top: 0!important;
		border-bottom: 0!important;
		border-left: 1px #ccc solid;
		border-right: 1px #ccc solid;
		margin: 0 0 0 5px;
		background-color:#cdffd1;
		}
	ul.niv3 li.first {
		width: 145px!important;
		border:0!important;
		padding: 0.4em 0 0 0;
		margin: 0 0 0 2px!important;
		background: transparent url(../images/ItemNiv2First.gif) no-repeat 0 0!important;
		}
	ul.niv3 li.first:hover {
		/*background-position: 0 -50px!important;*/
		}
	ul.niv3 li.first a {
		margin: 0 0 0 4px!important;
		}
	ul.niv3 li.last a {
		border-bottom: 1px #ccc solid!important
		}
	ul.niv3 li a {
		width: 125px;
		margin:0!important; 
		padding: 0.2em 5px 0.2em 10px;
		background: transparent url(../images/itemListeN3.gif) no-repeat 3px 5px;
		}
	ul.niv3 li a:hover {
		text-decoration: underline;
		}

/* = content / colA = */
/* ================================================================================ */
	#colA h1 {
		font-size: 175%;
		color:#064D95;
		margin: 0;
		padding: 0 0 0.5em 0;
		}
	#colA h2 {}
	#colA p {
		line-height: 130%;
		padding: 0 0 0.2em 0;
		}
		
/* = Elts de sous navigation / colA /  = */
/* ================================================================================ */	
	#sousnav {
		position: absolute;
		top: 250px; left: 30px;
		}
	#sousnav li {list-style:none!important}
	
	.sousmenu_tools,
	.navprod {
		width: 172px;
		}
	.sousmenu_tools li,
	.navprod li {
		list-style: none!important;
		list-style-position: outside!important;
		}
	
	.sousmenu_tools ul li a,
	.navprod li a {
		display: block;
		font-size: 93%!important;
		color:#363636!important;
		text-decoration: none;
		}
	
	/*= sousmenu_tools ---------------------------------------- */
	.sousmenu_tools {
		padding: 0 0 0.5em 0;
		margin: 0 0 1em 0;
		background: #E0EED1 url(../images/particuliers/footerSMtools.gif) no-repeat bottom;
		}
	.sousmenu_tools h2 {
		font-size: 130%;
		clear: both;
		margin: 0 0 0.2em 0;
		padding: 0.2em 0.5em 0.2em 0.5em;
		background-color:#67AA14;
		}
	.sousmenu_tools h2,
	.sousmenu_tools h2 a {
		color:#fff!important;
		}
	.sousmenu_tools ul {padding: 0.5em}
	.sousmenu_tools ul li {
		margin: 0 0 0 5px!important;
		border-bottom: 1px #67AB14 solid;
		}
	.sousmenu_tools ul li a {
		font-size:100%!important;
		padding: 0.2em 0 0.2em 0;
		}
	.sousmenu_tools ul li a.current {
		background-color:#CDFED1;
		}
	.sousmenu_tools ul li a:hover {		
		background-color:#BDDDB2;
		}	
		
	/*= navprod ---------------------------------------- */
	.navprod h2 {
		width: 172px; height: 22px;
		border-bottom: 1px #00911A solid;
		/* ICI PAS D'IMAGES SVP !! */
		}
	.navprod li a {
		width: 155px; 
		height: 1%;
		font-size:100%!important;
		text-decoration: none;
		margin:0!important;
		padding: 0.2em 0 0.2em 1.5em;
		border-bottom: 1px #C1C9C8 solid;
		background: transparent url(../images/particuliers/itemSMprod.gif) no-repeat 4px 5px;
		}
	.navprod li a.current,
	.navprod li a:hover {
		background-color:#CDFED1;
		}
	.navprod li a:hover {
		background-color:#DFEECC!important;
		}
	#sousnav li.last {border:0}

/* = GESTION DES ACTUALITÉS = */
/* ================================================================================ */
	#listeActu {border: 1px #fff solid;}
	#listeActu p, #listeActu a {margin:0}
	#listeActu h2,
	#listeActu h3 {margin: 0 0 0.5em 0}

	#listeActu h2 {font-size: 175%}
	#listeActu p.titre {
		color:#232323; 
		font-size: 100%!important;
		font-weight: bold;
		}
	#listeActu p.titre b {
		color:#000;
		}
	#listeActu div.chapeau img {
		float: left;
		padding: 0 0.5em 0.5em 0;		
		}
	#listeActu div.chapeau a.more {
		display: block;
		padding: 1em 0 0 0;
		font-size: 85%;
		}
	a.more {
		font-weight: bold;
		}
	#listeActu div.extended,
	#listeActu div.extended p {
		font-size: 93%;
		color:#787878;
		background-color:transparent;
		padding: 0.5em 0 0 0;		
		}
	#listeActu a {font-size: 85%}
	#listeActu div.extended a{font-size:100%;}
	
	#Alaune p {padding: 0 0 0.5em 0}
	#Alaune a.moreUne {
		background:transparent url(../images/chevronHomeMore.gif) no-repeat scroll 0pt 5px;
		color:#232323;	
		font-size:85%;
		font-weight:bold;
		padding: 0 0 0 1em;
		text-decoration:none;		
		}
	#Alaune a.moreUne {	
		margin:5em 0 0 0!important
		}
	#Alaune a.more {	
		padding: 0 0 0 1em;
		margin:0.5em 0 0 0!important;
		}
	#Alaune img { padding-right: 0.5em}
	.chapeau p {border:none} 
		
	/*= jj/mm/aa ---------------------------------------- */
	p.date {
		margin:0; padding:0;
		}
	p.date span.jj {
		color:#fff;
		font-weight: bold;
		font-size: 130%;
		padding: 0.2em 0.5em 0 0.1em;
		}
	p.date span.mmaa {
		display: block;
		font-size: 93%!important;
		}

	/*= blocActu ---------------------------------------- */
	#listeActu .blocActu {
		margin:0;
		padding: 3px 0 2em 0;
		}
	#listeActu .blocActu p.titre {
		padding: 0.6em 0 1em 0;
		}
	#listeActu .blocActu p.date {
		margin: 0 0 0 0;
		float: left;
		width: 50px;
		}
	#listeActu .blocActu div.chapeau p {
		font-size: 85%;
		padding: 0 0 1em 0;
		color:#565656;
		}
	.blocActu div.chapeau p {
		font-weight: bold;
		}
	#listeActu .blocActu div.chapeau p a {
		font-size: 100%;
		color:#0D7738;
		}

	/*= 25 juin 2008 ---------------------------------------- */
	.blocActu p {
		padding: 0 0 0.2em 0;
		}
	.blocActu ul {
		margin: 0 0 0 1em;
		padding: 0.5em 0 1em 0;
		}
	.blocActu ul li {
		list-style: disc!important;
		list-style-position:inside!important;
		font-size: 93%!important;
		color:#8c8c8c;
		/*padding: 0 0 0.5em 0;*/
		}
	.blocActu li a {
		text-decoration: underline
		}
	#listeActu .blocActu div.chapeau a.more {
		background-image:none;
		padding:0;
		}

	/*= zoom sur ---------------------------------------- */
	#listeActu .ZoomSur {
		float: right;
		width: 210px;
		margin: 3em 0 0 1em;
		padding: 5px;
		border-left: 10px #fff solid;
		border-bottom: 10px #fff solid;
		}
	#listeActu .ZoomSur h2,
	#listeActu .ZoomSur p.date {float: left}

	#listeActu .ZoomSur h2 {
		width: 165px; height: 40px;
		margin:0;
		text-indent: -1000em;
		background: transparent url(../images/h2ActuZoomSur.gif) no-repeat 0 -3px
		}
	#listeActu .ZoomSur p.date {
		width: 42px;
		}
	#listeActu .ZoomSur p.date span.jj,
	#listeActu .ZoomSur p.date span.mmaa {
		display: block;
		padding:0;
		}
	#listeActu .ZoomSur p.date span.jj {font-size: 130%;}
	#listeActu .ZoomSur p.date span.mmaa {font-size: 85%;}

	#listeActu .ZoomSur p.titre,
	#listeActu .ZoomSur div.chapeau {
		clear: both;
		margin: 5px 0 5px 0;
		}
	#listeActu .ZoomSur div.chapeau {font-weight: bold;}
	
	#listeActu .ZoomSur p.titre {margin: 0.5em 0 0 0}
	#listeActu .ZoomSur div.chapeau {
		font-size: 93%
		}

	/*= link ---------------------------------------- */
	a.touteActu {
		display: block;
		text-align: right;
		font-size: 85%;
		text-decoration: none;
		margin: 0.5em 0 0 0;
		padding: 0.2em 0 0 0;
		}
	
	/*= bouton ---------------------------------------- */
	a.btEtudePersonnalisee {
		display: block;
		width: 295px;
		margin: 0.5em 0 0.5em 0;
		padding: 0.3em 0 0 30px;
		height: 25px;
		color:#fff!important;
		text-decoration:none;
		background: transparent url(../images/btEtudePerso.gif) no-repeat 0 0;
		}
	
/* = content / colB = */
/* ================================================================================ */
	
	/*= global ---------------------------------------- */
	#colB p {line-height: 130%;}
	
	/*= blocs ---------------------------------------- */
	#compte, 
	#ccmoDirect, 
	#partenaires, 
	.blocPromo {
		width: 150px;
		}
	#compte ul,
	#ccmoDirect ul {
		margin:0;
		padding:0;
		}
	#compte ul li,
	#ccmoDirect ul li {
		list-style: none;
		margin: 0 0 0.4em 0;
		line-height: 85%;
		}
	#compte ul li {line-height: 130%;}
	#ccmoDirect ul li {line-height: 93%;}
	#compte ul li a, 
	#ccmoDirect ul li a {
		font-size: 85%;
		color:#666;
		}
	
	a.register {
		display: block;
		float: right;
		padding: 0 0 0 15px;
		font-weight: bold;
		margin: 5px 0 0 0;
		text-decoration: none;
		color:#000; font-size: 85%;
		background: transparent url(../images/chevrons_green.png) no-repeat 0 5px;
		}
	
	/*= compte ---------------------------------------- */
	#compte {
		margin:0;
		padding: 0 0 2.4em 0;
		background: #fff url(../images/bgCompteBottom.gif) no-repeat bottom;
		}
	#compte #identification,
	#compte #deconnexion {
		width: 148px;
		border-left: 1px #8FB900 solid;
		border-right: 1px #8FB900 solid;
		}
	#identification p {
		font-size: 85%;
		padding: 0 0.5em 0 0.7em;
		color:#666;
		}
	#compte h3 {
		margin:0;
		height: 40px;
		text-indent: -100em;
		background: transparent url(../images/h3Compte.gif) no-repeat 0 0;
		}
	#compte h3.nomAdherent {
		background: transparent url(../images/h3CompteSans.gif) no-repeat 0 0;
		}
	#compte form,
	#compte form p {margin:0}
	
	#compte form p,
	#compte ul {
		width: 148px;
		clear: both;
		}
	#compte form p {
		padding: 0 0 0.5em 0;
		height: 35px;
		background: transparent url(../images/pCompteForm.gif) no-repeat 0 14px;
		}
	#compte form p label,
	#deconnexion a,
	#compte ul li {
		display: block;
		padding: 0 0 0 1.5em;
		margin:0;
		font-size: 85%;
		color:#666;
		background: transparent url(../images/labelCompte.gif) no-repeat 0 3px;
		}
	#compte form p input {
		float: left;
		width: 95px;
		border:0;
		margin: 0 0 0 20px;
		font-size: 77%;
		color:#bebebe;
		}
	#compte form p input.inptSubmit {
		width: 17px; height: 17px;
		text-indent: -1000em!important;
		margin: 0 0 0 10px;
		background: transparent url(../images/inputValideCompte.gif) no-repeat 0 0;
		}	
	#compte ul li a,
	#compte a {
		font-size: 93%;
		text-decoration: none;
		}
	#deconnectme {
		display: block;
		text-align: center;
		width: 125px; 
		margin: -5px 0 4px 10px!important;
		padding:0!important;
		color:#fff!important;
		font-size: 108%!important; font-weight: bold;
		background-image: none!important;
		background-color:#064D95!important;
		}
	
	
	/*= habillage new connexion ---------------------------------------- */
	#compte a.connexion,
	#compte a.creer {
		display: block;
		}
	#compte a.connexion {
		margin: 10px 0 0 0;
		padding: 12px 0 15px 45px;
		font-size: 100%;
		color:#A1C200;
		background: transparent url(../images/icnConnect.gif) no-repeat 5px 0;
		}
	#compte a.creer {
		padding: 0 0 1.2em 1.5em;
		margin:0;
		font-size: 85%;
		color:#666;
		background: transparent url(../images/labelCompte.gif) no-repeat 0 3px;
		}
	
	/*= La CCMO en direct ---------------------------------------- */
	#ccmoDirect {
		margin: 0.5em 0 0.5em 0;
		padding: 0 0 3em 0;
		background: #E4F3F1 url(../images/bgDirectBottom.gif) no-repeat bottom;
		}
	#ccmoDirect img {
		border:0;
		margin: 0 0 0 -15px;
		}
	#ccmoDirect h3 {
		margin:0;
		height: 50px;
		text-indent: -100em;
		background: transparent url(../images/h3Direct.gif) no-repeat 0 0;
		}
	#ccmoDirect li {
		font-size: 85%;
		color:#666;
		border: 1px #E9F5F4 solid;
		padding: 0 0 0 1.5em;
		background: transparent url(../images/itemDirect.gif) no-repeat 0 0;
		}
	#ccmoDirect li a {
		display: block;
		font-size: 100%!important;
		text-decoration: none;
		/*background: transparent url(../images/itemDirect.gif) no-repeat 0 3px;*/
		}
	#ccmoDirect li a:hover {text-decoration: underline;}
	#ccmoDirect li a.current {font-weight: bold;}
		
	/*= Les partenaires ---------------------------------------- */
	#partenaires {
		margin: 0.5em 0 0.5em 0;
		padding: 0 0 0.5em 0;
		background: #8DC9C9 url(../images/bgPartenairesBottom.gif) no-repeat bottom;
		}
	#partenaires h3 {
		margin:0 0 0.2em 0;
		height: 42px;
		text-indent: -100em;
		background: transparent url(../images/h3Partenaires.gif) no-repeat 0 0;
		}
	#partenaires p {
		font-size: 77%;
		margin:0;
		color:#232323;
		padding: 0 0.2em 0 1.5em;
		background: transparent url(../images/itemPartenaires.gif) no-repeat 0 0;
		}
	#partenaires p a {color:#fff}
		
	/*= Promotions ---------------------------------------- */
	.blocPromo h3 {
		margin:0;
		text-indent: -100em
		}
	.blocPromo a img {border:0}
	

	/*= Gestions des lites à encres / contenu ---------------------------------------- */
	ul.listAnchor {
		padding: 0 0 1em 0;
		}
	ul.listAnchor li {
		margin: 0 0 0 1em;
		list-style:disc!important;
		list-style-position: inside;
		}
	ul.listAnchor li a {
		display: block;
		/*font-size: 85%;*/
		font-size:100%;
		/*padding: 0 0 0 1.2em;*/
		text-decoration: none;
		}
	body.espParticuliers ul.listAnchor li a {
		color:#0F7838; 
		background: transparent url(../images/particuliers/itemAchorListe.gif) no-repeat 0 3px;
		}
		
	/*= Gestion des ancres dans les pages ---------------------------------------- */
	a.anchorItem,
	a.returnItem {
		display: block;
		width: 90%; height: 15px;
		font-size: 93%;
		color: #154C96;
		margin: 0.2em 0 0.2em 0;
		padding: 0 0 0 1.3em;
		}
	p a.anchorItem,
	p a.returnItem {font-size: 100%;}
	a.anchorItem {
		background: transparent url(../images/itemAnchorTop.gif) no-repeat 0 0;}
	a.returnItem {
		margin: 0 0 0.5em 0;
		background: transparent url(../images/itemReturn.gif) no-repeat 0 0;
		}

/* = Contenu / Gamme Produits = */
/* ================================================================================ */
	
	/*= détail ---------------------------------------- */
	#gamme {
		margin: 10px 0 0 145px;
		padding: 0;
		}
	.desGamme {
		float: left!important;
		width: 32%;
		margin: 0 5px 0 0;
		padding: 0 0 1em 0;
		}

	.gammeFlottante1 .desGamme,
	.gammeFlottante2 .desGamme,
	.gammeFlottante3 .desGamme {
		position:relative;
		margin: 0 5px 0 0;
		}
	.gammeFlottante1 .desGamme {
		width: 60%;
		padding: 0 0 1em 14em;
		}
	.gammeFlottante2 .desGamme,
	.gammeFlottante4 .desGamme {
		width: 30%;
		padding: 0 0 1em 5em;
		}
	.gammeFlottante3 .desGamme {
		width: 32%;
		padding: 0 0 1em 0;
		}
	
	/*= titGamme ---------------------------------------- */
	.titGamme {
		position: absolute;
		z-index:1;
		margin:0;padding:0;
		width: 168px;
		}
	.titGamme img,
	.titGamme h3 {
		float: left;
		/*overflow:hidden;*/
		}
	.titGamme h3 {
		position:absolute;
		top:-5px; left:55px;
		}
	.titGamme a img.vignetteProd {
		display: block;
		margin:0;
		cursor: pointer;
		width: 57px; height: 57px;
		}
	.titGamme .vignetteProd {
		width: 57px;
		height:57px;
		}
	.titGamme h3 a {
		display: block;
		width: 95px;
		height: 25px;
		padding: 22px 0 0 5px;
		font-size: 130%;
		text-decoration: none;
		}
	
	/*= decriptif ---------------------------------------- */
	.desProd {
		position: relative;
		width: 150px;
		z-index: 100;
		margin: 45px 0 0 10px;
		padding-bottom:0.3em;
		}
	.desProd h4 a {
		display: block;
		width: 145px;
		padding: 3px;
		font-size: 100%;
		font-weight: bold;
		text-decoration: none;
		}
	.desProd p {font-size: 85%;}
	.desProd p.ex {font-size: 100%;}
	.desProd a.voir {
		display: block;
		text-decoration: none;
		font-size: 85%;
		margin: 0.3em 0 0 0;
		padding: 0.2em 0.2em 0.2em 1em;
		}
	.desProd a.voir:hover {text-decoration: underline;}

	/*= detail produit */
	#fiche {}
	a.anchorItem {display: block}
	
	a.allPresta, 
	a.noPresta, 
	a.anchorItem {
		font-size: 85%;
		text-decoration: none;
		}
	a.allPresta,
	a.noPresta {
		display: block;
		width:90%;
		border: 1px #fff solid;
		clear: both;
		color: #67AB14!important;
		padding: 0.2em 0 0.5em 1.8em;
		}
	a.noPresta {
		background: transparent url(../images/particuliers/itemVoirRien.gif) no-repeat 0 2px;}
	a.allPresta {
		background: transparent url(../images/particuliers/itemVoirTout.gif) no-repeat 0 2px;
		}
	a.anchorItem {
		font-size: 77%;
		padding: 0 0 0 1.2em;
		color:#0D7938;
		background: transparent url(../images/particuliers/itemAchorParticuliers.gif) no-repeat 0 2px;
		position:relative;
		}

/* = MESSAGE D'ALERTE DEROULANT BAS DE PAGE D'ACCUEIL = */
/* ================================================================================ */
	p.message {
		width: 670px;
		padding: 5px;
		font-size: 85%;
		color:#8C8C8C;
		text-align: center;
		margin: 0 0 0 10px;		
		}

/* = Résultat de la recherche = */
/* ================================================================================ */
	#recherche .block {}
	.feedback h2 {
		border-top: 1px #ccc solid;
		font-size: 85%;
		padding: 0.5em 0 0 0;
		}
	.rechercheItem {
		margin: 1em 0 0 0;
		padding: 0.5em 0 0 0;
		border-top: 1px #ccc dotted;
		}
	.rechercheItem p.titre {
		font-size: 100%;
		background-color:#fefefe;
		padding: 0 0 1em 0.9em!important;
		background: transparent url(../images/itemMenuEspSecu.gif) no-repeat 0 5px;
		}
	.rechercheItem p.titre a {font-weight: bold;}
	#recherche .pagenavigator {
		border-top: 1px #ccc dotted;
		margin: 0.5em 0 0 0;
		padding: 0;
		text-align: center;
		}
	.pagenavigator p {
		font-size: 93%!important;
		background-color:#f1f1f1;
		}
	
/* = FIL ARIANE / TOOLS = */
/* ================================================================================ */
	#filArianne, #tools {
		width: 840px;
		clear: both;
		}

	/*= filArianne ---------------------------------------- */
	#filArianne {
		padding: 1em 0 1em 0;
		font-size: 85%;
		color:#666
		}
	#filArianne a {color:#000}
	
	/*= tools ---------------------------------------- */
	#tools {padding: 0 10px 10px 10px}
	
	#tools ul,
	#tools #search {float: left}
	#tools ul {
		width: 615px;
		margin: 2px 0 0 0; padding:0;
		}
	#tools ul li {
		float: left;
		list-style: none
		}
	#tools ul li a {
		padding: 0 0.5em 0 17px;
		color:#9b9b9b;
		border-right: 1px #C7D3E1 solid;
		font-size: 85%;
		text-decoration:none;
		}
	#tools li a.itemTools1 {
		background: transparent url(../images/itemTools1.gif) no-repeat 0 0}
	#tools li a.itemTools2 {
		background: transparent url(../images/itemTools2.gif) no-repeat 0 0}
	#tools li a.itemTools3 {
		background: transparent url(../images/itemTools3.gif) no-repeat 0 0}
	#tools li a.itemTools4 {
		background: transparent url(../images/itemTools4.gif) no-repeat 0 0}
	#tools li a.itemTools5 {padding: 0 0.2em 0 0.2em}
	#tools li a.itemTools6 {
		background: transparent url(../images/itemTools5.gif) no-repeat 0 0}

	/*= search ---------------------------------------- */	
	#tools #search {
		width: 215px;
		padding: 1px 0 2px 10px;
		background: transparent url(../images/bgSearch.gif) no-repeat 0 2px;
		}
	#tools #search label,
	#tools #search input {float: left;}
	#tools #search label {
		display: block;
		width: 70px;
		color:#787878;
		font-size: 77%;
		padding: 4px 0 0 0;
		}
	#tools #search input {
		width: 117px;
		color:#9b9b9b;
		font-size: 77%;
		border:0;
		margin: 2px 0 0 5px;
		padding: 2px 0 0 0;
		}
	#tools #search input.inptSubmit {
		width: 15px; height: 15px;
		text-indent: -1000em;
		border:0;
		background: transparent url(../images/inptSubmit.gif) no-repeat 0 1px;
		}
	
/* = MENU FOOTER / Zone de navigation bas de page = */
/* ================================================================================ */
	#navPlan {
		width: 840px;
		padding: 10px;
		border: 1px #E3E3E3 solid;
		background-color:#F9F9F9;
		}
	#navPlan h3 {
		font-size: 85%;
		color:#004C96;
		margin:0;
		padding: 0 0.5em 0.2em 0;
		}
	.npCol {float: left; width:165px}
	
	#navPlan ul,
	.npCol ul {
		margin:0;
		padding:0 0 0.5em 0;
		}
	#navPlan ul li,
	.npCol li {
		display: block;
		line-height: 77%;
		border: 1px #F9F9F9 solid;
		list-style: none
		}
	#navPlan ul li a,
	.npCol li a {
		display: block;
		padding: 0 0 0 10px;
		color:#666;
		font-size: 85%;
		text-decoration:none;
		background: transparent url(../images/itemNP.gif) no-repeat 0 0;
		}
			
	.onlyPrint { display: none; }
	.dontPrint { display: block; }
	
	/*= 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: 167px;
		padding: 10px;
		background: #BED900 url(../images/proSante/bgBottomTiersGagnant.gif) no-repeat bottom left
		}
	#tiersgagnant .article a.more {
		font-weight: bold;
		background: transparent url(../images/chevronWhite.gif) no-repeat 0 4px
		}
	/*espace sécurisé loic*/
	
	#espaceSecurise #tiersgagnant {margin: 1em 0 0 0;}
	#espaceSecurise  #tiersgagnant p {
	    color: #666666;
	    font-size: 85%;
		}
	#espaceSecurise  #tiersgagnant .date {display:block; color:#06569D;}
	
	#espaceSecurise  #tiersgagnant h2 {
		text-indent: -100em;
		width: 228px; height: 90px;
		background: transparent url(../images/proSante/h2TiersGagnant_ps.gif) no-repeat 0 0
		}
		
	#espaceSecurise a.more {
	    background: url("../images/chevronHomeMore.gif") no-repeat scroll 0 5px transparent;
	    color: #232323;
	    display: block;
	    font-size: 85%;
	    margin: 0 0 1em;
	    padding: 0 0 0 1em;
	    text-decoration: none;
		}
		
	/* loic / overlay 30 mai 2011 */
	#link_popup {display: none;}
	.overlay .close {
		display: block;
		position:absolute; right:0;
		cursor:pointer;
		z-index: 1000;
		margin: -25px 0 0 0;
		width:35px; height:35px;	
		background: transparent url(../images/close.png) no-repeat 0 0
		}
	#espaceSecurise .overlay {	
		position:absolute!important;
		display: none;
		z-index:1000;
		width: 620px!important;
		min-height: 428px!important;
		padding:.5em 50px .5em 50px;
		top:180px!important; 
		left:15px!important;
		/* CSS3 styling for latest browsers */
		-moz-box-shadow:0 0 20px 3px #ccc;
		-webkit-box-shadow: 0 0 20px #ccc;
		background-color:#F1F1F1;
		}
	#espaceSecurise .overlay p {
		font-size: 115%; line-height: 150%; 
		text-align: center;
		}
	#espaceSecurise .overlay p.blue {
		padding: 0 0 1em 0;
		color:#064D95; font-weight: bold;
		}