/* @override http://harmonie-gene.lux.mediacd.fr/global/css/screen.css */

/*= RAZ
--------- */
	dl, dt, dd, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, legend {margin: 0; padding: 0; list-style: none;}
	h1,h2,h3,h4,h5,h6,p,input,button, select {font-size: 1em; margin: 0; padding: 0;}

/*= Communs
-------------- */

	body {
		margin: 0; padding: 0;
		font-size: 62.5%;
		font-family: Trebuchet,"Trebuchet MS", sans-serif ;
		background: #919293 url('/global/images/bg_body.gif') repeat-x;
		}
	img {border: 0;}
	.clear {clear: both; line-height: 0px; height: 1px; display: block; visibility: hidden;}
	.hidden {display: none;}
	hr {visibility:hidden;}
	span.exposant {position:relative; top:-4px; font-size:0.8em;}
	

/*= Mise en page commune
-------------------------- */
	#logoPrint{display:none;}
	#page {
		width: 922px;
		margin: 10px auto 0 auto;
		position: relative; top: 0; left: 0;
		background: transparent url('/global/images/bg_Page.png') repeat-y;
		}
	#page:after {
		content: "."; display: block; clear: both; visibility: hidden;
		}
	#header {
		z-index:1000;
		position:relative;
		width: 922px; height: 99px; 
		/*background: transparent url('/global/images/bg_header.gif') no-repeat;*/
		background: transparent url('/global/images/int/bg_header.gif') no-repeat;
		
	}
	
	.intParticulier #header {
		width: 922px; height: 99px; 
		background: transparent url('/global/images/int/bg_header.gif') no-repeat;
	}
	#footer {
		margin: 0 auto 0 auto;
		width: 922px; height: 40px; 
		clear: both;
		padding: 1px 0 0 0;	
		margin-top: -3px;
	}
	#main {width: 882px; padding: 40px 20px 0px 20px;}

	#mainContent {
		width: 630px;
		position: relative;
		z-index:1;
		background:transparent;
		float: left;
		}
		
	.intParticulier #mainContent {
		width: 620px;
		/*background: url('/global/images/int/bgMainContent.gif') no-repeat bottom left;*/
		padding-bottom: 50px;
}

	.intParticulier #mainContent #Content {
		width: 600px;
		min-height: 330px;
		padding: 10px;
		margin: 0;
		/*background: url('/global/images/int/degradeMainContent.gif') no-repeat top left*/;
}

	#Content #ColA {
		width: 400px;
		float: left;
	}
	#Content #ColB {
	width: 180px;
	float: right;
	position: relative;
	margin-top: 50px;
	}

	#side {
		margin-top:35px;
		margin-right:10px;
		width: 240px;
		float: left;
		}

 .intParticulier #side {
		margin-top:0px;
		margin-right:20px;
		width: 240px;
		float: left;
		}
	
/*-------------------------------------------------------------------------------------*/
/* =  Header */
/*-------------------------------------------------------------------------------------*/

/*#logo h1 a {
	display:block; width:208px; height:84px; overflow:hidden;
	background : transparent url('/global/images/logoHarmonieMutualite.gif') no-repeat 0 0;
	position:absolute; left:35px; top:50px;
	line-height:20em;}

.intParticulier*/ 
#logo h1 a{
	display:block; width:155px; height:61px; overflow:hidden;
	background : transparent url('/global/images/int/logoHarmonieMutualite.gif') no-repeat 0 0;
	position:absolute; left:55px; top:34px;
	line-height:20em;}

/*--------------------- Navigation Principale*/

/*#navigation2{
	display:block; width:922px;
	position:absolute; left:21px; top:175px;
	background:transparent url('/global/images/bg_Nav2.gif') bottom left no-repeat;
	padding:6px 0 5px 0;
	}

.intParticulier*/
#navigation2{
	display:block; width:922px;
	position:absolute; left:21px; top:105px;
	background:transparent url('/global/images/bg_Nav2.gif') bottom left no-repeat;
	padding:6px 0 5px 0;
	}
	
	#navigation2 li{
		float:left;
		color:#D80014;
		background:transparent url('/global/images/puceNav2.png') 8px 2px no-repeat;
		padding-left:20px;
		font-size:1.2em;
		margin: 0 35px 0 0 ;
	}
	#navigation2 li a{
		color:#D80014;
		text-decoration:none;
		height: 15px; 
	}
	#navigation2 li a:hover{
		color:#D80014;
		text-decoration:underline;
	}

	#navigation2 li ul.niveau2 {
		width: 150px;
		padding: 2px 0px;
		border: 1px solid #ebebeb;
		background-color: #fff;
		position: absolute;
		top: 20px;
		left: 5px;
	}
	
	#navigation2 li ul li {
		float: left;
		padding: 2px 5px;
		background: none;
		font-size: 1em !important;
		
	}
	#navEspacePerso li {position: relative;float: left; width: 240px;height: 30px;}
	#NavEspacePerso li ul.niveau2 {
		position: absolute;top: 20px;left: 180px;
		width: 400px;height : 310px;
		margin: 0; padding: 5;
		background: #fff; z-index:  1002;
		border: 1px solid #cccccc;
	}
/*--------------------- Signature ---------------------*/

#signature {
	display:block; width:3px; height:3px;
	overflow:hidden; text-indent:200em;
}

/* =  Maincontent------------------------ */

#mainContent div#ariane {
	font-size: 10px;
	/*margin: 5px;*/
	display:block; height:20px; margin-top:5px;
}
#mainContent div#ariane p,
#mainContent div#ariane p a,
#mainContent div#ariane ul li, 
#mainContent div#ariane ul li a {
color: #afa9aa; text-decoration:none;
}
#mainContent div#ariane ul li {
display: inline;
margin-right: 2px;
}
.blocHome {
}
#particulier, #entreprise, #independant{
	float:left; position: relative;
	width:302px; margin-left:26px; padding-bottom:10px;
	background:transparent url('/global/images/bgUL_entreprise.gif') no-repeat bottom left;
	margin-top:20px;
	z-index:  1000;
	
	}
	#particulier{margin-left:0px;}
	#particulier h1,#entreprise h1 {
	height:110px; overflow:hidden;
	line-height:100em;
	}
	
	#particulier h1 a,
	#entreprise h1 a {display:block; cursor: pointer;}
	
	#particulier h1 {background:transparent url('/global/images/h1_particulier.gif') no-repeat top left;}
	
	#entreprise h1 {background:transparent url('/global/images/h1_entreprise.gif') no-repeat top left;}
	
	#independant h1 {}
	
/* Les hauteurs sont juste pour la page d'accueil */

	#particulier ul,
	#entreprise ul {height:110px;margin: 10px 0 3px 0;}
	#particulier ul ul, #entreprise ul ul{margin: 5px 0 3px 0;}
	#side #entreprise ul {height: auto !important;}
	#independant ul {height:130px;}
	
	#particulier li,
	#entreprise li,
	#independant li {
		font-size:1.3em; line-height:1.4em; color:#424242; padding-left:15px;
	}
	
	#particulier li a,
	#entreprise li a,
	#independant li a {
		color:#424242; text-decoration:none; font-weight:bold;
	}
#particulier .lesCartouches,
#entreprise .lesCartouches {
	width: 180px; position: absolute; top: 70px; left: 100px;
}

/* une nouvelle taille de cartouche, intermediaire */
#particulier .lesCartouches p.cartouche,
#entreprise .lesCartouches p.cartouche  {
	background:transparent url('/global/images/cartouchemed.gif') no-repeat;
}	

/* Ajustements pour les pages intérieures */

#side #particulier,
#side #entreprise,
#side #independant{
	float:left;
	position: relative;
	width:240px; margin-left:0px; padding-bottom:5px;
	background:transparent url('/global/images/int/bgUL_entreprise.gif') no-repeat bottom left;
	margin-top:15px;
	}
	
#side #particulier{margin-left:0px; margin-top: 0;}
	
#side #particulier h1,
#side #entreprise h1,
#side #independant h1 {
	height:78px; overflow:hidden;
	line-height:100em;
	}
	
	#side #particulier h1 a,
	#side #entreprise h1 a,
	#side #independant h1 a{display:block;}
	
	#side #particulier h1 {background:transparent url('/global/images/int/h1_particulier.gif') no-repeat top left;
	}
	
	#side #entreprise h1 {background:transparent url('/global/images/int/h1_entreprise.gif') no-repeat top left;
	}
	
	#side #independant h1 {}
	
	#side #particulier ul {height:auto;margin-top: 0px;}
	#side #entreprise ul {height:105px;}
	#side #independant ul {height:130px;}
	
	#side #particulier li,
	#side #entreprise li,
	#side #independant li {
		font-size:1.3em; line-height:1.4em; color:#424242; padding-left:10px;
	}

	#side #particulier li li,
	#side #entreprise li li,
	#side #independant li li {
		font-size:1em; line-height:1.4em; color:#424242;
	}

	#side #particulier li a,
	#side #entreprise li a,
	#side #independant li a{color:#424242; text-decoration:none; font-weight:bold; background: transparent url('/global/images/puceNoir.gif') no-repeat 0px 1px; }

	#side div.lesCartouches {
	width: 180px;
	position: relative;
	float: left;
	top:  0px;
	left: 50px;
}

	#side #particulier .lesCartouches p.cartouche,
	#side #entreprise .lesCartouches p.cartouche  {
		background:transparent url('/global/images/cartouchemed.gif') no-repeat;
		margin-bottom: 0px ;
	}

	/* = Bouton harmonie sante plus---*/

	p.SantePlus{
		margin:0 0 0 12px;
		width:193px; height:80px;
		}

	p.SantePlus a{
		display:block;
		width:193px; height:80px;
		overflow:hidden; text-indent:-200em;
		background:transparent url(/global/images/bt_Harmonie_SantePlus.gif) no-repeat;
	}
	
	/* = Cartouche bouton ------------------------ */
	p.cartouche {
		height:25px;
		background:transparent url(/global/images/cartouche.gif) no-repeat;
		margin-bottom: 0px ;
		}
	p.cartouche2 {
		position:relative;
		height:30px;
		background:transparent url(/global/images/Cartouche2.gif) 8px -2px no-repeat;
		}
	p.cartouche3 {
		position:relative;
		height:40px;
		background:transparent url(/global/images/Cartouche3.gif) 8px 0px no-repeat;
	}
			
	
 	p.cartouche3 a, p.cartouche2 a, p.cartouche a{
		position:relative; top:5px; left:17px;
	  	color:#FFF !important; font-size:11px; font-weight:bold; line-height:1em;
		text-decoration:none; 
	  	}
		
	#AdherentContact {
		width:240px; height:380px;
		background:transparent url('/global/images/bg_contactAdherent.gif') no-repeat top left;
		position:relative;
		top:15px; left:0px;
		}
		
		#AdherentContact img {float:left;}

		#Agence { 
			position:absolute; top:40px; left:15px;
			width:150px;
			
			}
		#Agence2 { 
			position:absolute; top:170px; left:15px;
			width:170px;
		}
		
		#Agence2 a{
			height:25px;
			display: block;
			background:transparent url('/global/images/cartouchesmall.gif') no-repeat;
			color:#fff !important;
			font-weight: bold;
			padding:6px 12px 5px 6px;
			font-size:1.1em; line-height: 1.0em; text-decoration:none;
		}

		#Agence3 { 
			position:absolute; bottom:20px; left:15px;width: 160px;
		}

		
		#Agence3 a{
			background:transparent url('/global/images/cartouchesmall.gif') no-repeat;
			color:#fff !important;
			font-weight: bold;
			padding:4px 10px 10px 5px;
			font-size:1.1em; text-decoration:none;
		}
		.connaitre {
			font-size:1.2em;
			/*font-weight: bold; Pas sûr, à confirmer */
			color:#B30015;
			/*background:transparent url(/global/images/puce_sidenotes.gif) 0px 3px no-repeat;*/
			padding-left:10px;
			padding-top:8px;
			line-height:1.3em;
		}
		.connaitre em{font-weight:normal; font-style:normal; color:#777; font-size:0.9em;}

		#Agence form#formAgence {/*width: 220px;margin-top: 14px;*/}
		#Agence label,#Agence2 label {/*position:relative; top:13px; left:20px;*/display:block; padding-left:10px;}
		#Agence input.inptText {width: 80px;}
		input.inptSubmit{width: 80px; height: 21px;position:relative; border: 0; background:transparent url('/global/images/cartoucheXsmall.gif'); font-weight: bold; color: #fff; cursor: pointer;}
		#Agence input.inptSubmit{width: 80px; height: 21px;position:relative; border: 0; top:10px; left: 10px; background:transparent url('/global/images/cartoucheXsmall.gif'); font-weight: bold; color: #fff; cursor: pointer;}

#Agence3 span.numerovert {
		width: 167px;
		height: 29px;
		display: block;
		background:  url('/global/images/gratuitfil-0805500101.gif') no-repeat top left;
		text-indent: -500em;
		overflow:hidden;
		position: relative;
		top: 9px;
		left: -10px;
}
		
/* -------------- ACTUALITES HOME -------------*/
#lesActus {
width: 630px;
margin: 0px 0 0 0;
background: url('/global/images/bgActu.gif') no-repeat top left;
float: left;
font-size: 90%;
position:relative;
z-index: 1000;
}
#bottomActu {
	width: 630px;
	height: 3px;
	display: block;
	background: url('/global/images/bgActuBottom.gif') no-repeat bottom left;
	float: left;
}

.actuA {
 width: 285px;
 margin-right: 10px;
 float: left;
}
.actuB {
width: 280px;
margin-right: 10px;
padding-bottom: 10px;
padding-top:12px;
float: right;
}

#actuUne {
padding-left: 20px;
padding-bottom:10px;
float: left;
}

#actuUne h2 {
width: 200px;
height:  35px;
text-indent: -500em;
}

#actuUne img {
float: left;
margin: 0 5px 5px 0;
}

#actuUne p.date {
font-size: 1.2em;
color:  #484848;
}

#lesActus p.lireSuite a {
	color: #db0014;
}
#lesActus h3 {
	font-size: 1.3em;
	font-weight: bold;
}
#lesActus p {
	color: #484848;
	font-size: 1.1em;
}
#lesActus p.cartouche {
width: 210px;
position: absolute; bottom:6px; left:10px;
/*margin: 10px 0 0 0;*/
background: url('/global/images/cartouche.gif') no-repeat top left;
clear:both;
/*margin-left:-10px;*/
}

#lesActus #cycle {
	margin-top:30px;
}
#lesActus .blocActu {
margin:  15px 0 ;
width:280px;
}

#preview{margin-left:3px;}
/* -----------BLOC HOME ------------*/
#blocCartouche {
	margin: 10px 0 10px 0;
	padding: 0px;
}
.blocOmbre {
	float: left;
	width : 205px;
	background: url('/global/images/bgBlocOmbre.gif') no-repeat top left;
	padding: 10px 0;
	margin: 10px 5px 0 0 ;
}

.Essentiel,
.Solidarite,
.Adherents {
	width: 181px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	height:80px;
	overflow:hidden;
}

.Essentiel h1,
.Solidarite h1,
.Adherents h1 {
	height: 34px;
	text-indent: -500em;
	margin: 0 0 5px 0;
}

.Essentiel p,
.Solidarite p,
.Adherents p {
font-weight: normal !important; font-size:1.2em;
color: #fff;
margin: 5px 10px 5px 15px;
}


.Essentiel ul,
.Solidarite ul,
.Adherents ul {
	margin: 5px 10px 5px 15px;
}

.Essentiel ul li,
.Solidarite ul li,
.Adherents ul li {
	font-weight: normal !important; font-size:1.2em;
	color: #FFF;
	padding: 0 0 0 14px;
	background: transparent url(/global/images/puceCarreBlanches.gif) no-repeat scroll 0px 0;
}

.Essentiel p a,
.Solidarite p a,
.Adherents p a,
.Essentiel ul li a,
.Solidarite ul li a,
.Adherents ul li a {
	color: #fff;
	text-decoration: none;
}

.Essentiel {
	background: url('/global/images/EssentielDiv.gif') no-repeat bottom left;
}
.Solidarite {
	background: url('/global/images/SolidariteDiv.gif') no-repeat bottom left;
}
.Adherents {
	background: url('/global/images/AdherentsDiv.gif') no-repeat bottom left;
}
.Essentiel h1 {
	background: url('/global/images/h2Essentiel.gif');
	
}
.Solidarite h1 {
	background: url('/global/images/h2Solidarite.gif');
}
.Adherents h1 {
	background: url('/global/images/h2Adherents.gif');
}



/*-------------------------------------------------------------------------------------*/
/* =  			 */
/*-------------------------------------------------------------------------------------*/


/* =SideNotes qui devient side ----------------------------------------- */
	#side {position: relative; z-index: 5; top: 0px; left: 0;}
	#side a {text-decoration:none; color: #000; font-weight:bold;}
	#side a:hover {text-decoration:none; color: #D70013; font-weight:bold;}
	#side h2 a {text-decoration:none; color: #BF0017; letter-spacing:0.04em; font-weight:normal !important;}
	#side h2 a:hover {text-decoration:underline;}
	
	
		.note {
				margin:20px 10px;
				}
			
			.note h2,.note h3,.note h4,.note h5,.note h6 {
				font-weight: normal !important;
				font-family: Arial Narrow, "Arial Narrow", Arial, sans-serif;
				color: #BF0017;
				margin-top:5px;
				padding:3px 0px 3px 15px;
				background:transparent url(/global/images/puce_sidenotes.gif) 0px 3px no-repeat;
				
				}
			.note h2 a,.note h3 a,.note h4 a,.note h5 a,.note h6 a {text-decoration:none;}
			.note h2 {font-size: 2em;}
			.note h3 {font-size: 1.5em;}
			.note h4 {font-size: 1.3em;}
			.note h5 {font-size: 1.2em;}
			.note h6 {font-size: 1em;}
			.note p {
				font-family:Trebuchet, "Trebuchet MS", sans-serif !important;
				font-size:1.0em;
				line-height:1.2em;
				padding:3px 0px 0px 0px;
				color: #777;
				margin-bottom: 0.3em;
				font-weight:normal !important;}
				
				.note a{font-size:1.2em;}
						
			.DossierMois, .prixsolidarite {
				margin:10px;
				display:block; width:200px;
				background:transparent url(/global/images/dossierdumoisDiv.gif) no-repeat bottom left;
				}
				.prixsolidarite{
					background:transparent url(/global/images/prixsolidDiv.gif) no-repeat bottom left;
				}
					
			.DossierMois h1, .prixsolidarite h1 {
				/*au cas ou le text redevient dynamic
				font-weight: normal; font-size:1.8em;
				font-family: "Arial narrow", Arial , sans-serif;
				color: #fff;
				*/
				display:block; overflow:hidden; text-indent:-200em;
				height:39px;
				margin: 0 0 !important; padding:0 0 !important;
				background:transparent url(/global/images/dossierdumoisH1.gif) no-repeat top left;
								
			}
			.prixsolidarite h1{background:transparent url(/global/images/prixsolidH1.gif) no-repeat top left;}
			.position1 {position: relative; top:08px; left:20px; }
			
			.DossierMois p, .prixsolidarite p {
				padding:0px 0px 5px 30px;
				font-weight: normal !important; font-size:1.2em;
				color: #FFF;
				margin: 0 0 !important;
				background:transparent url('../images/puceNoirsmall.gif') 18px 0 no-repeat;
			}
			.prixsolidarite p{background-image:none; padding-left:20px;}
			.DossierMois p a, .prixsolidarite p a{color:#FFF !important; text-decoration:none; font-size:1em; font-weight:normal !important;}
			p.lireSuite a {color:#db0014; text-decoration:underline;}
			


/* = Footer ------------------------ */
#footer {
	background: transparent url('/global/images/bg_footer.png') bottom no-repeat;
	position: relative;
	}
#footer ul {margin:20px 0px 0px 20px;}

#footer ul li {
	float:left;
	font-size:1em; font-weight:bold; color:#969696;
	margin-right:30px;
	}
#footer ul li a{
	color:#969696; text-decoration:none;
	background:transparent url('/global/images/pucefooter.jpg') no-repeat 0 1px;
	padding-left:15px;
	}
	
#footer ul li a:hover {
	color: #D80014;
	background:transparent url('/global/images/puceNav2.png') 0px 1px no-repeat;

}


/* = PAGES INTERIEURS GLOBAL
------------------------ */
/* = menu li ------------------------ */
#side ul li {font-size:1.2em; font-weight:bold; margin:2px 0px 2px 0px; }
#side ul li a{padding-left:15px; text-decoration:none;}

/* = sous-menu li li------------------------ */
#side ul li ul li {font-size:1em; font-weight:normal;margin:2px 0px 2px 0px; }
#side #entreprise ul li ul li a {padding-left:5px; text-decoration:none;}

/* = couleur et puces -----------------------*/
#side #particulier li a {color:#424242; background: transparent url(/global/images/puceNoirNavigation.gif) no-repeat 0px 2px;}
#side #particulier li a:hover, #side #particulier li a.active {color:#BD1914;}
#side #particulier li ul li a {color:#909293; background-image:none;}
#side #particulier li ul li a:hover, #side #particulier li ul li a.active {color:#db0014;}
#side #entreprise li a{color:#424242; background: transparent url(/global/images/puceNoirNavigation.gif) no-repeat 0px 2px;}
#side #entreprise li a:hover, #side #entreprise li a.active {color:#BD1914;}
#side #entreprise li ul li a:hover{color:#909293; background-image:none;}
#side #entreprise li ul li a, #side #entreprise li ul li a.active {color:#BD1914;background-image:none; }
	
	/* = couleur et puces -----------------------
	#side #particulier li a {color:#424242;}
	#side #particulier li a:hover,
	#side #particulier li a.active {color:#BD1914;}
	#side #particulier li ul li a {color:#909293; font-weight: normal; background-image:none;}
	#side #particulier li ul li a:hover, #side #particulier li ul li a.active {color:#BD1914;}
	#side #particulier li a{color:#424242; background: none;}
	#side #entreprise li a:hover, #side #entreprise li a.active {color:#BD1914;}
	#side #entreprise li ul li a:hover{color:#BD1914; background-image:none;}
	#side #entreprise li ul li a, #side #entreprise li ul li a.active {color:#BD1914; }
	#side #entreprise li a {color:#424242; background: none;}
	/* = Cartouche ------------------------ */
	#bodyHome.intParticulier #NavPage p.cartouche, #bodyHome.IntEntreprise #NavPage p.cartouche {margin-left:5px;}
	
	.rouge{background:transparent url(/global/images/cartoucheRouge.gif) no-repeat 0 0px !important;}
	
/* = ColA CONTENT ------------------------ */
#page.intParticulier #ColA p, #bodyHome.IntEntreprise #ColA p {color: #484848;font-size:1.2em; line-height:1.2em; margin:0px 0px 5px 0px !important;}
#page.intParticulier #ColA #formMag p, #page.IntEntreprise #ColA #formMag p {margin:0px 0px 0px 0px !important;}

#page.intParticulier #ColA h1, #page.IntEntreprise #ColA h1 {font-size:1.8em; line-height:auto; margin-bottom:10px; font-weight:normal; padding:3px 0 10px 30px;}
#page.intParticulier #ColA h1 strong, #page.IntEntreprise #ColA h1 strong{font-size:1.5em; line-height:auto;}

#page.intParticulier #ColA h2, #page.IntEntreprise #ColA h2 {font-size:1.4em; line-height:1.4em; margin:8px 0px 5px 0px !important; font-weight:normal;}
#page.intParticulier #ColA h3, #page.IntEntreprise #ColA h3 {font-size:1.4em; line-height:1.2em; margin:5px 0px 10px 0px !important; font-weight:bold;}
#page.intParticulier #ColA h4, #page.IntEntreprise #ColA h4 {font-size:1.3em; line-height:1.3em; margin:8px 0px 4px 0px !important; font-weight:normal;}
#page.intParticulier #ColA h5, #page.IntEntreprise #ColA h5 {font-size:1.1em; line-height:1.1em; margin:3px 0px 3px 0px !important; font-weight:normal; font-style:italic !important;}
#page.intParticulier #ColA h6, #page.IntEntreprise #ColA h6 {font-size:1.0em; line-height:1.0em; margin:3px 0px 3px 0px !important; font-weight:normal;}

#page.intParticulier #ColA ul, #page.IntEntreprise #ColA ul {margin:5px 0px 5px 15px; }

hr {display:block !important; height:0px !important;  background-color:#FFF !important; ;}

.plusgros {font-size:1.5em; line-height:auto;}
span.exposant {position:relative; top:-3px; font-size:0.8em;}
.exposant{font-size:0.7em; position:relative; top:3px;}

#page.intParticulier #ColA ul li, #page.IntEntreprise #ColA ul li{color: #484848; font-size:1.2em; margin:4px 0px 4px 0px; padding-left:0px; list-style-type: square;}
#page.intParticulier #ColA ul li {}
#page.IntEntreprise #ColA ul li {}
#page.intParticulier #ColA hr, #bodyHome.IntEntreprise #ColA hr {border: 1px #FFF solid; border-top: 1px #E3E3E3 solid; }
#page.intParticulier #ColA a, #bodyHome.IntEntreprise #ColA a {color:#484848; cursor:pointer;}
#page.intParticulier #ColA a:hover, #bodyHome.IntEntreprise #ColA a:hover {color:#ba0014; cursor:pointer;}
sup {font-size:0.7em;}

a.pdf {
	display:block; width:250px;
	border: 1px #B8B9C5 solid;
	text-decoration:none; font-size:0.99em; color:#C90A0A !important;
	padding:0px 20px 0px 20px; 
	background:#DADADA url(/global/images/pdf.gif) no-repeat 0px 0px;
	}
	a:hover.pdf  {border: 1px #C90A0A solid;}
	
	/* = Style pour les class sur lien de Wb ------------------------ */
	#page.intParticulier #ColA a.lienExterne, #page.IntEntreprise #ColA a.lienExterne,
	#page.intParticulier #ColA a.lienInterne, #page.IntEntreprise #ColA a.lienInterne {
	display:block; padding-left:15px;
	font-size:1.2em; text-decoration:none;
	background:transparent url(/global/images/PuceLiens.gif) no-repeat 0px 2px;
	}
	
	#page.IntEntreprise #ColA a.LienEntreprise {
		display:block; padding:5px 5px 5px 14px; margin:0px 0px 0px 0px!important;
		font-size:1.2em; color:#3576B5; text-decoration:none; font-weight:bold;
		background:transparent url(/global/images/PuceLienparticulier.gif) no-repeat 0px 5px;
		}
		#page.IntEntreprise #ColA a.LienEntreprise:hover {
			color:#EA0904;
			background:transparent url(/global/images/PuceLienparticulierHover.gif) no-repeat 0px 5px;
			}
	#page.intParticulier #ColA a.Lienparticulier, #page.intParticulier #ColA span.Lienparticulier  {
		display:block; padding:5px 5px 5px 14px; margin:0px 0px 0px 0px!important;
		font-size:1.2em; color:#424242; text-decoration:none; font-weight:bold;
		background:transparent url(/global/images/PuceLienparticulier.gif) no-repeat 0px 5px;
		}
		#page.intParticulier #ColA a.Lienparticulier:hover {
			color:#db0014;
			background:transparent url(/global/images/PuceLienparticulierHover.gif) no-repeat 0px 5px;
			}
	#page.intParticulier #ColA a.small, #page.intParticulier #ColA span.small{
		font-size:1em; font-weight:normal;
		margin-left:20px!important;
		color:#C11A15; background:transparent url(/global/images/PuceCarreGrise.gif) no-repeat 4px 10px;
		}	
		
		#page.intParticulier #ColA a.small:hover{
			font-size:1em; font-weight:normal;
			margin-left:20px!important;
			color:#484848; background:transparent url(/global/images/PuceCarreGrise.gif) no-repeat 4px 10px;
			}	


	/* = Style pour block dans entreprise ------------------------ */
	p.block {
		display:block; width:160px; height:120px; float:left; margin-bottom:10px;
		background: transparent url(/global/images/bgBlock.gif) no-repeat 0px 0px; 
		padding:20px 10px 3px 30px;
		font-size:1.6em !important; font-weight:bold; color:#3576B5;
		}
	
	.blocLarge {
		padding:3px 15px 5px 15px;
		background: transparent url(/global/images/blocklarge.gif) no-repeat 0px 0px; 
		}
	.blocLarge h2 {
		font-weight: normal; font-size:1.9em !important;
		font-family: "Trebuchet MS", Trebuchet, sans-serif;
		}
	


	/* = Style ColA pour particulier ------------------------ */
	#page.intParticulier #ColA h1 {color:#db0014; background: transparent url('/global/images/bgh1Particulier.gif') no-repeat 0px 8px}
	#page.intParticulier #ColA h1 a {
color:#db0014;text-decoration: none;
}
	#page.intParticulier #ColA h2 {color:#000000;font-weight: bold;}

div.contenuColA {
	margin: 0 0 0 28px;
}
	#page.intParticulier #ColA h3 {color:#db0014;}
	/*AB Entreprise ------------------------ */
	#page.IntEntreprise #ColA h1 {color:#db0014; background: transparent url('/global/images/bgh1Entreprise.gif') no-repeat 0px 3px}
	#page.IntEntreprise #ColA h1 a {
color:#EA0904; text-decoration: none;
}
	#page.IntEntreprise #ColA h2 {color:#000;font-weight: bold;}
	#page.IntEntreprise #ColA h3 {color:#db0014;}
	

/* = SideNote  ------------------------ */
#page.intParticulier #ColB p.masque,
#page.IntEntreprise #ColB p.masque{ position:relative; width:180px; height:250px; background: transparent url('/global/images/masqueRondSidenote.png') no-repeat 0 0; z-index:10000;}
#page.intParticulier #ColB p img,
#page.IntEntreprise #ColB p img{ position:relative; top:-250px; z-index:10;}

.lettreInfo a {
	z-index:100000;
	position:absolute; top:250px; left:-5px;
	display:block; width:183px; height:150px; overflow:hidden;
	line-height:100em;
	background: transparent url('/global/images/bt_lettre.gif') no-repeat 0px 0px; 
	}
	.lettreInfo a:hover {background: transparent url('/global/images/bt_lettrehover.gif') no-repeat 0px 0px; 
	}
	
#page.intParticulier #ColB p.BtBesoin a{
	display:block; width:170px; height:78px;
	background: transparent url('/global/images/besoin.gif') no-repeat 0px 0px;
	line-height:100em; overflow:hidden;
	margin: 5px;
	}
	#page.intParticulier #ColB p.BtBesoin a:hover{background: transparent url('/global/images/besoinhover.gif') no-repeat 0px 0px;}
	

/* = ADRESSE DE CONTACTEZ NOUS
------------------------------ */

/*= Page adresses
------------------- */
	#bodyAdresses #header {
		width: 450px; height: 77px; background: transparent url(/global/images/bgHeaderAdress.jpg) no-repeat 0 0;
		text-indent: 0!important;
		position: absolute; top: 0; left: 0;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
	#bodyAdresses #header p {padding: 5px 100px 0 5px;line-height: 1em;}
	#bodyAdresses #page {
		width: 450px;
		background: none;
		position: relative; top: 0; left: 0;
		background-color:#ffffff;
		padding-bottom: 40px;
		margin-top: 0;
	}
	#bodyAdresses #mainContent {
		position: relative; top: 50px; left: 25px;
		width: 400px; z-index: 1000;
		}
	#bodyAdresses a {color: red;}
	#bodyAdresses table {width: 100%;}
	#bodyAdresses td {border-bottom: 1px #888 solid; padding: 10px 0 10px 0; vertical-align: top;}
	#bodyAdresses .adresse {width: 40%;}
	#bodyAdresses .adresse strong{color: #db0014;}
	#bodyAdresses .horaires {}
	

	#bodyAdresses .horaires strong{}
	
	/* = Gabarit 1 colonne
	------------------------ */
	#mainContent.uneColonne {
		float: left;
		}
    #mainContent.uneColonne #ColA { width: auto;}
	#mainContent.uneColonne #ColB{ display:none; }

	
/* = Formulaire DEVIS
------------------------ */

	fieldset {
		background-color: #F5F5F5;
		padding: 5px; margin: 0.5em 0.5em 0.5em 0.5em;
		border: 1px #ddd solid;
		}

	/* Retour visuel Javascript si l’élément n’est pas saisi */
	fieldset.obligatoire { background-color: #FFF0B8; }
	legend.obligatoire { color: red; font-weight: bold; }
	label.obligatoire {color: #FF4A00;}




	legend {
		font-size: 1.2em;
		color: #C11A15;
		}
	label {font-weight: normal;}

	label.float {
		display: block;
		float: left;
		width: 100px;
		text-align: right;
		padding-right: 10px;
		}
	.form_valid button {
		font-size: 1.1em;
		background: transparent;
		color: #C11A15;
		border: 0;
		padding: 0;
		cursor:pointer;
		}
	input:focus, textarea:focus, select:focus {background-color: #ffc !important;}
	.couleur {background-color: #fff!important;}
	.inptRdo {}
	.form_note {background-color: #ffe; font-size: 1.2em;}
	#erreur {font-size: 11px; background-color: orange; padding: 10px;}
	#erreur li {font-size: 11px;}
	input.inptRdo {position:relative; top:4px; margin-right:5px;}
	
	p.field_line {padding:5px 0px 5px 0px;}
	


	/* =Étapes formulaire ----------------------------------------- */
	.etapes {
		height: 22px; width: 120px;
		background: transparent url(/global/images/bgSuiteEnd.gif) no-repeat 100% 0;
		float: right;
	}
	.etapes a, .etapes span {width: 45%; float: left; line-height: 22px;}
	.etapes span {
		display: block;
		height: 22px;
		padding-left: 5px;
		background: transparent url(/global/images/bgSuiteStart.gif) no-repeat 0 0
	}
	.etapes a {
		text-align: right;
		text-decoration: none;
		text-transform: uppercase;
		color: #C11A15 !important;
	}
	#etape1 {}
	#etape2 {}
	#etape3 {}
	#form_part1, #form_part2, #form_part3 {width: 550px;}
	
/* = Formulaire MAG
------------------------ */
	#ColA #formMag p.field_line , #ColA #formMag  p.validMag {width:320px; margin-top:0px;}
	#ColA #formMag  p.field_line input, #ColA #formMag  p.field_line textarea{width:220px; margin-left:80px;}
	#ColA #formMag  p.field_line input.inptRdo {width:auto; }
	#CColA #formMag  p.field_line input.field_checkbox{width:auto; margin:0px 10px 0px 80px; line-height:1em; padding:0px;}
	#ColA #formMag  label.labelMag {position:absolute; display:block; width:80px; float:left; }
	#ColA #formMag  em.required {float:right; font-size:1.3em; color:red; }
	#ColA #formMag  p.validMag {padding-top:10px;}
	#ColA #formMag  p.validMag input{
	  margin-left:78px; margin-bottom:10px;
	  background: url('/global/images/cartouche.gif') no-repeat 0 0; border:none; 
	  display:block; width:210px; height:23px; cursor:pointer;
	  color:#FFF; font-size:11px; font-weight:bold;
	  width:80px; height:21px;
	  background:transparent url(/global/images/cartoucheXsmall.gif) repeat scroll 0 0;
		}
	#ColA #formMag  p.Legende {font-style:italic; color:red; margin-left:80px;}
	#ColA #formMag  .checkbox_label {display:block; position:relative; top:-12px; left:100px; }
			#ColA #formMag  .field_checkbox {position:relative; top:2px; left:00px; width:auto !important;}

	
	
/* = Actualité
------------------------ */
#mainContent.uneColonne #ColA .SavPlus, #mainContent.uneColonne #ColA .RetourArticle {
	display:block;
	margin:1px 0px 15px 0px;
	text-align:right;
	border-bottom:1px #ABC9D4 solid;
	text-decoration:none; color:#C11A15;
	padding:3px;
	}
	#mainContent.uneColonne #ColA .SavPlus {background: transparent url(/global/images/bgSvaplus.gif) no-repeat 430px 2px;}
	#mainContent.uneColonne #ColA .RetourArticle {background: transparent url(/global/images/bgRetourArticle.gif) no-repeat 340px 2px;}
	
/* = Plan du site
------------------------ */
#page.intParticulier #sitemap ul li {list-style: none;
	}
#page.intParticulier #sitemap ul li {
	position:relative; left:0px;
	padding-left:15px;
	padding-top:12px;
	margin-bottom:10px; margin-right:10px;
	font-size:1.2em; font-weight:bold;
	background:transparent url(/global/images/PuceSitemap1.gif) no-repeat 0px 0px;
	float:left; width:200px; 
	}
#page.intParticulier #sitemap ul li ul li{
	position:relative;
	left:-15px;
	padding-left:10px;padding-top:0px;
	margin-bottom:0px; margin-right:0px;
	font-size:1em; font-weight:normal;
	background:transparent url(/global/images/PuceSitemap2.gif) no-repeat 0px 7px;
	border: none; width:150px; 
	}
#page.intParticulier #sitemap ul li ul li ul li{
	position:relative;
	left:-5px;
	padding-left:10px;padding-top:0px;
	margin-bottom:0px; margin-right:0px;
	font-size:1em; font-weight:normal; font-style:italic;
	background:transparent url(/global/images/PuceSitemap3.gif) no-repeat 0px 4px;
	width:130px; 
	}
#page.intParticulier #sitemap ul li a,
#page.intParticulier #sitemap ul li ul li a,
#page.intParticulier #sitemap ul li ul li ul li a
{text-decoration:none;}

/* =Pop up layer agence ----------------------------------------- */
body#bodyAdresses{/*background-color:#ebebeb; background-image:none;*/}
	#popAgence {
		position: absolute; top: 80px; left: 350px;
		z-index: 100;
		width: 260px; height: 90px; background: transparent url(/global/images/bgPopAgence.jpg) no-repeat 0 0;
	}
	#bodyPopupVide {
		background: none;
		margin: 0;
		padding: 0;
}
	#bodyPopupVide #page {
		background: none;
		width: 400px;
		height: 305px;
		margin:0 auto;
		padding: 0;
	}
	
	#popAgence p {text-indent: -1000em;}
	#popAgence ul {
		margin: 0; padding: 0;
		position: absolute; top: 45px; left: -20px;
		width:  260px;
		}
	#popAgence li {
		list-style: none !important;
		position: absolute;
		width: 25px; height: 15px;
		cursor: pointer;
		text-indent: -1000em;
		background:none !important;
		}
		#popAgence li a{background:none !important;}
	#popAgence #yo {top: 8px; left: 160px; }
	#popAgence #nope {top: 8px; left: 200px; }

/*-------------------------------------------------------------------------------------*/
/* =  PAGE COMPLEMENTAIRE SANTE 					 */
/*-------------------------------------------------------------------------------------*/
#innovation,#personnalisation,#simplicite,#accompagnement{
	display:block; 
	width:140px; float:left; 
	padding:10px; margin-right:5px;
	background:transparent url(/global/images/bgComplSante2.jpg) no-repeat;
	}
#innovation ul,#personnalisation ul,#simplicite ul,#accompagnement ul{margin-left:0px !important;}

#innovation h2,#personnalisation h2,#simplicite h2,#accompagnement h2{display:block; height:25px; text-indent:-20em; overflow:hidden;}

#innovation{height:200px; background-position:0px 0px;}
#personnalisation{height:200px; background-position:-320px 0px;}
#simplicite{height:100px; background-position:-160px 0px;}
#accompagnement{height:100px; background-position:-480px 0px;}

/*-------------------------------------------------------------------------------------*/
/* =  NAV ESPACE PERSO 					 */
/*-------------------------------------------------------------------------------------*/
#NavEspacePerso {
	display:block; width:240px; height:121px;
	/*position:absolute; top:158px; left:560px;*/
	background:transparent url('/global/images/bgServiceAdhe.gif') no-repeat;
	padding-top:30px;
	
	}
	#NavEspacePerso li{/*display:block;*/}
	#NavEspacePerso li a{
		display:block; height:38px; width:240px;
		text-indent:-20em; overflow:hidden;
		/*float:left;*/
		background:transparent url(/global/images/btNavService.gif) no-repeat;
		}
	#NavEspacePerso li.Particulier a{background-position:0px 0px;}
	#NavEspacePerso li.ProfSante a{background-position:0px -38px;}
	#NavEspacePerso li.Entreprise a{background-position:0px -83px;}
	
	#NavEspacePerso li.Particulier a:hover{background-position:0px -121px;}
	#NavEspacePerso li.ProfSante a:hover{background-position:0px -159px;}
	#NavEspacePerso li.Entreprise a:hover{background-position:0px -204px;}

/*--------------------- position suivant templates particulier et entreprise*/

#bodyHome.intParticulier #NavEspacePerso ,
#bodyHome.IntEntreprise #NavEspacePerso {top:158px; left:15px; z-index:10000;} 

/*--------------------- recherche*/
	#blockRecherche{position:absolute; top:-4px; left:740px;}
	#blockRecherche fieldset{background:none; border:none;}
	#blockRecherche input{border:1px #C5C5C5 solid; color:#80818D; font-size:1em;}
	#blockRecherche input.inptSubmit{border:none; position:relative; top:4px; width:15px; height: 15px;}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* =  PAGE COMPLEMENTATIRE SANTE 					 */
	/*-------------------------------------------------------------------------------------*/
	#innovation,#personnalisation,#simplicite,#accompagnement{
		display:block; 
		width:140px; float:left; 
		padding:10px; margin-right:0px;
		background:transparent url(/global/images/bgComplSante.jpg) no-repeat;
		overflow:hidden;
		}
	#innovation ul,#personnalisation ul,#simplicite ul,#accompagnement ul{/*margin-left:0px !important;*/}

	#innovation h2,#personnalisation h2,#simplicite h2,#accompagnement h2{display:block; height:25px; text-indent:-20em; overflow:hidden;}

	#innovation{height:200px; background-position:0px 0px;}
	#personnalisation{height:200px; background-position:-320px 0px;}
	#simplicite{height:100px; background-position:-160px 0px; clear:both;}
	#accompagnement{height:100px; background-position:-480px 0px;}


	input.searchField {width: 250px !important;
	border:1px #C5C5C5 solid; color:#80818D; font-size:1em;}
	input.submit {
	margin-left: 10px;
	}

#listeHarmonie {
margin: 10px auto 25px auto;
width: 980px;
text-align: center;
}
#listeHarmonie li {
display: inline;
margin: 5px;
}
#listeHarmonie li a {
color: #fff;
font-size: 1.1em;
}

/*----------------Devis express*/
.entete_devis{
	overflow:auto;
	height:1%;
}
.entete_devis h1{float:left;}
.entete_devis img {
	float:right;
}

/* ----------------------------------------- */
/* --------------- Emploi ------------------ */
/* ----------------------------------------- */

iframe.iframe_emploi {
	width: 620px;
	height: 475px;
	position:relative;
	left: -10px;
}

/*-------------------------------------------------------------------------------------*/
/* =  popup liste agence			 */
/*-------------------------------------------------------------------------------------*/
.pop h1{margin:10px 0 0 10px;}
.bt_print{margin:5px 0 0 10px; padding: 5px 0 0 20px !important; background:transparent url('/global/images/printer.gif') no-repeat;}
.bt_print a{color:#fff !important; text-decoration:none !important; font-weight:normal; font-size:11px;}