body {
	margin:0px auto;
	background:#f7f7f7 url(../../images/bg_site.gif) top left repeat-x;
	font-family:verdana;
	font-size:11px;
	line-height:16px;
	color:#555;
}	
a {
	color:#42bdbb;
	text-decoration:underline;
}
	a:hover {color:#a6f0ef;}
	a:visited {color:#0e8b96;}
img{border:none;}
p{margin:0; padding: 0 0 8px 0;}	
a {outline:none;}

h1 { background-position: top left; background-repeat: no-repeat; }
h5 { color:#000; margin:0; padding: 4px 0px 10px 0px; font-size:11px; font-weight:bold; }


.small { color:#888888 !important; font-size:10px !important; }
.wrapBg {
	position:relative;
	z-index:100;
	width:993px;
	display:block;
	margin:0 auto;
	background:url(../../images/bg_shadow.png) bottom left no-repeat;
	margin-bottom:10px;
}
.wrap {
	position:relative;
	z-index:100;
	width:960px;
	display:block;
	margin:0 auto;
	border:1px solid #e2e2e2;
	background:#fff;
}
.wrapBottom {
	position:relative;
	z-index:100;
	width:100%;
	display:block;
	margin:0 auto;
	background:#ededed;
	height:75px;
	margin-top:-25px;
	padding:25px 0 0 0;
	z-index:1;
}
	#header { float:left; display:inline; width:900px; }
	#header .mood { float:left; height:235px;display:inline; width:900px; margin: 0px 0px 0px 30px; } 
	#header .mood .moodMenu { float:right; padding: 9px 0 0 0; width:900px; text-align:right; } 
	#header .mood .moodMenu a { color:#0e8b96; font-size:10px; text-decoration:underline; }
	#header .mood .moodMenu a:hover{ text-decoration:none; }
	
	#header .menu { float:left; display:inline; height:47px; width:900px; margin: 0px 0px 0px 30px; } 
	#header .menu a { float:left; text-indent:-10000px; height:43px; }
	#header .menu a:hover { background-position: bottom left; }
	#header .menu a.btnAccueil{ width:78px; }
	#header .menu a.btnEntreprise{ width:120px; }
	#header .menu a.btnPreventive{ width:143px; }
	#header .menu a.btnIndustrielle{ width:148px; }
	#header .menu a.btnMieux{ width:160px; }
	#header .menu a.btnlabo{ width:140px; }	
	#header .menu a.btnSante{ width:111px; }	
	#header .menu a.open{ background-position:bottom left !important; }	
	#header .menu a.open span{ background-position:bottom left !important; }
	
	
	#content {
		float:left;
		display:inline;
		width:900px;
		margin: 0 0 0 30px;
		padding:0 0 20px 0;
		background: url(../../images/bg_content.gif) top left repeat-x;
	}
		#content ul.list {
			display:block;
			margin: 0px 20px 0px 0px;
			padding:10px 0;
	
			list-style-position:inside;
			clear:both;
		}
			#content ul.list ul{ list-style-type: disc;list-style-position:inside;display:block;margin:0;padding:0 0 0 10px;}
			#content ul.list li { margin:0;list-style-type: none; list-style-position:outside; padding: 0 0 10px 22px; clear:both; background:url(../../images/bg_plus.gif) 0px 3px no-repeat; }
			#content ul.list li li { list-style-type: disc;list-style-position:outside; padding: 0px 0px 0px 0px; margin:0 0 0 10px;  display:default;background: none; }
			
		#content .smallCol{
			float:left;
			display:inline;
			width:175px;
			margin: 0 15px 0 0px;
			padding:0 0 20px 0;
		}
			#content .noMargin{margin:0 !important;}
			#content .smallCol img{float:left;}
			#content .smallCol div.text{
				float:left;
				width:170px;
				padding: 20px 0 0 0;
			}
				#content .smallCol div h3{
					color:#000;
					font-weight:bold;
					text-transform:uppercase;
					font-size:13px;
					margin:0;
					padding: 0 0 10px 0;
				}
				#content .smallCol div h3.noUpperCase{text-transform:none;}
				#content .smallCol div h3.noUpperCase img{display:block;clear:both;}
		#content .colLeft {
			float:left;
			display:inline;
			width:560px;
			border-right:1px solid #dedede;
			margin:20px 0 0 0;
			padding: 0 19px 0 0;
			min-height:760px;
		}
		/* IE7 Bug */
		#content .colLeft .contentInside h5 { clear: both; }
		
		#content .fullLeft{width:100% !important;border-right:none !important;}
		#content .noMinHeight {min-height:0px !important;}
		#content .colLeft .btnJoindre, #content .colLeft .btnEmploye, #content .colLeft .btnGestionnaire , #content .colLeft .btnBack{
				display:block;
				clear:both;
				width:135px; height:30px;
				margin-top:10px;
				text-indent:-10000px;
			}
		#content .colLeft .btnGestionnaire, #content .colLeft .btnEmploye , #content .colLeft .btnBack{ clear: none; float: left; margin: 0px 0px 0px 10px; }
			
			#content .colLeft .minusMood{
				display:block;
				border:1px solid #ededec;	
			}
			#content .colLeft .menuInside{
				float:left;
				display:inline;
				width:129px;
				margin: 10px 22px 0 0;
				border-bottom:1px solid #e0e0e0;
			}
				#content .colLeft .menuInside a{
					display:block;
					width:119px;
					padding:5px 0 5px 10px;
					border-top:1px solid #e0e0e0;
					text-decoration:none;
					color:#6f6f6f;	
				
				}
					#content .colLeft .menuInside a:hover{
						background:#5fc8c5;
						color:#fff;
						font-weight:normal;
					}
					#content .colLeft .menuInside a.open{
						background:#5fc8c5 !important;
						color:#fff !important;
						font-weight:normal;
					}
			#content .colLeft .contentInside{
			 	float:left;
				display:inline;
				width:405px;
			}		
			#content .colLeft .fullContent{
				width:748px;
			}
			
			
			#content .colLeft h1.accueil{
				text-indent:-10000px;
				height:42px;
				margin:0 0 20px 0; padding:0;
			}
			
			
			
			#content .colLeft h1 { position:relative; display:block; clear:both; width:558px; text-indent:-10000px; margin:10px 0 16px 0; }
			#content .colLeft h2 { text-transform: none; color: #000; font-size: 12px; margin: 10px 0px 8px 0px; }
			
			#content .colLeft .titreLong {
				position:relative;
				display:block;
				clear:both;
				width:558px; height:40px;
				text-indent:-10000px;
				margin:10px 0 16px 0;
			}
				#content .colLeft .titreLong a {
					position:absolute;
					right:10px;
					top:4px;
					display:block;
					width:150px;
					text-align:right;
					font-size:10px;
				}
					
			#content .colLeft .titreMiddle{
				float:left;
				display:inline;
				width:405px; height:40px;
				text-indent:-10000px;
				margin:10px 0 10px 0;
			}
			#content .colLeft .fullContent .titreMiddle { width:748px; }
				
				
				
				
				
				
				
			#content .colLeft .smalLeft{
				float:left;
				display:inline;
				width:185px;
				word-spacing:-1px;
			}	
			#content .colLeft .mediumLeft{
				float:left;
				display:inline;
				width:202px;
				word-spacing:-1px;
				padding: 0 0px 0px 0;
			}
			
			#content .colLeft ul.cliniques {list-style-type: none; margin: 20px 0px 20px 0px; padding: 0px; display: block; }
			#content .colLeft ul.cliniques li { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; display: inline; float: left; width: 44%; }
			#content .colLeft ul.cliniques li.left { clear: left; margin-right: 10px; width: 45%; }
			
			#content .colLeft ul.carrieres li { margin-bottom: 15px; }
			#content .colLeft ul.carrieres li li { margin-bottom: 0px; margin-top: 3px; }
			#content .colLeft ul.carrieres li  a:hover{text-decoration: none; color:#a6f0ef;}
			
			#content .colLeft .newsBlock{
				float:left;
				display:inline;
				width:525px;
				padding:0 0 15px;
				margin: 5px 0 10px 0;
				background:  url(../../images/bg_news.gif) bottom left no-repeat;
			}
			#content .colLeft .noBorder { background:none !important;}
				#content .colLeft .contentInside .newsBlock{ width:400px; }
				#content .colLeft .newsBlock .date{
					display:block;
					color:#777777;
					font-size:11px;
				}
				#content .colLeft .newsBlock .titre{
					display:block;
					color:#000;
					font-size:14px;
					font-weight:bold;
					padding:4px 0 15px 0;
				}
				#content .colLeft .newsBlock .titre{
					display:block;
					color:#000;
					font-size:14px;
					font-weight:bold;
				}
				#content .colLeft .newsBlock a.more{ text-decoration:underline; color:#42bdbb; }
				#content .colLeft .newsBlock a.more:hover {color:#a6f0ef;}
				#content .colLeft .newsBlock a.more:visited {color:#0e8b96;}
		#content .colRight {
			float:left;
			display:inline;
			width:302px;
			margin: 20px 0 0px 18px;
		}
			#content .colRight .infolettre{
				float:left;
				width:302px; height:84px;		
				margin: 0 0 6px 0;		
			}
				#content .colRight .infolettre form { margin:0; padding:0; }		
				#content .colRight .infolettre form input.box{
					float:left;
					display:inline;
					margin: 45px 0 0 71px;
					padding:3px 0 0 0;
					text-indent:8px;
					width:160px;height:16px;
					border:1px solid #8d8d8d;
					background:#fff;
					line-height:19px;
					font-size:10px;
					color:#555;
					background:url(../../images/bg_input.gif) top left no-repeat;		
				}
				#content .colRight .infolettre form input.error {
					background:url(../../images/bg_input_error.gif) top left no-repeat;
					color:#000;
					border:1px solid #23bcb9;
					background:#fbf596;
				}
				#content .colRight .infolettre form input.submit{
					float:left;
					display:inline;
					margin: 45px 0 0 5px;
					padding:0;
					width:51px;height:20px;
					border:none;
					cursor:pointer;
				}
				
			
			#content .colRight a.lienSalonReadaptation, 
			#content .colRight a.lienSalonReadaptation:hover {float: left; width: 302px; height: 150px;text-indent: -10000px;margin: 0 0 6px 0;}
			
			#content .colRight a.lienCalendrierExpertise,
			#content .colRight a.allNews,
			#content .colRight a.lienPortail,
			#content .colRight a.lienInvalidite,
			#content .colRight a.lienCapsules,
			/* #content .colRight a.lienGrippe, */			
			#content .colRight a.lienRadiologie,
			#content .colRight a.lienAvantage,
			#content .colRight a.lienConference { float: left; width: 302px; height: 113px; text-indent: -10000px; margin: 0 0 6px 0; }
			
			#content .colRight a.lienCalendrierExpertise { height: 54px; }
			#content .colRight a.allNews { height: 55px; }
			#content .colRight a.lienPortail { height: 54px; }
			#content .colRight a.lienInvalidite { height: 54px; }
			#content .colRight a.lienCapsules { height: 54px; }
			
			#content .colRight a.lienCalendrierExpertise:hover, 
			#content .colRight a.lienPortail:hover, 
			#content .colRight a.lienInvalidite:hover,
			#content .colRight a.lienCapsules:hover,			
			/* #content .colRight a.lienGrippe:hover, */
			#content .colRight a.lienRadiologie:hover,
			#content .colRight a.lienAvantage:hover,
			#content .colRight a.lienConference:hover { background-position:bottom left; }	
			
			#content .colRigh .pub { float:left; }
	
	
	
	/* FOOTER */		
	#footer {
		float:left;
		display:inline;
		width:960px; height:38px;
		margin: 0px 0px 0px 0;
		background:url(../../images/bg_footer.gif) top left no-repeat;
	}		
		#footer .colLeft {
			float:left;
			display:inline;
			width:500px;
			height:20px;
			line-height:20px;
			color:#8d8d8d;
			font-size:10px;
			text-indent:30px;
		}
		#footer .colRight {
			float:right;
			display:inline;
			margin-right: 25px;
			height:20px;
			line-height:20px;
			color:#8d8d8d;
			font-size:10px;
		}
			#footer .colRight a{font-size:10px;}
			
.carrieres h4{ 
	font-size: 11px;
	font-weight: bold; 
	color:#666666; 
	margin:0; 
	padding: 10px 0 5px 0;
	}

.carrieres span{ font-weight: normal; }				
								
	.clearfix:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}
	.clearfix { display:inline-table; }
	* html .clearfix { height:1%; }
	.clearfix { display:block; }
	
	
	#content .col1{
		float:left;
		display:inline;
		width:270px;
		margin: 0 20px 0 0px;
		padding:0 0 20px 0;
	}
	#content .col1 h3{
		margin: 0;
		padding-bottom: 5px;
	}
	#content .col1 p{
		padding-bottom: 15px;
	}
		
	.colRight .healthbrief{
		font-size: 9pt;
		width: 298px;
		border: 1px solid #dcdcdc;
		background-color: #fff; 
		float: left;
		display: block; 
		margin: 0 0 8px 0;
		padding: 0;
		
	}
	.colRight .healthbrief h2{
		font: bold 10pt Arial;
		color: #FFF;
		background-color: #8dc3c3;
		margin: 0 !important;	
		padding: 3px 5px !important;
		border-bottom: 2px solid #FFF;		
		
	}
	.colRight .healthbrief div{
		margin: 3px; 
		border: 1px solid #dcdcdc;
		padding: 0;
		background: #fafafa url(../../images/bg-capsule.png) bottom right no-repeat;
	}
	.colRight .healthbrief  li a{
		font: 8pt Arial;
		color: #000;
		
	}
	.colRight .healthbrief li a:hover {color:#42bdbb; text-decoration: none;}
	.colRight .healthbrief a{
		font: 8pt Arial;
		text-decoration: none;
	}
	.colRight .healthbrief  p{
		text-align: center;
		
	}
	
	.colRight .healthbrief ul{
		list-style:square outside url("../../images/ico-arrow-cyan.png");
		padding: 0 20px 0 25px;
		zoom: 1;
		margin: 10px 0 3px 0;
	}
	.colRight .healthbrief li{
		line-height: 11px;
		padding-bottom: 2px;
	}