/* default styles */

*
{
	padding:0;
	margin:0;
}

/* hack FF pour envlever pointill�s autour des liens */

a {

	outline: none;

}

:focus {

	-moz-outline-style: none;

}

/* fin de hack */

html, body
{
	height:100%;
}

body
{
	background-color: #FFF;
	font-family: Arial;
	text-align:center; /* horizontal centering for IE Win quirks */
	background-image: url(../images/pattern.gif);
}

a
{
	font-size:12px;
	color:#004675;
	text-decoration:underline;
}

	#main
	{
		margin:0 auto;
		position:relative;
		text-align:left;
		width:1000px;
		height:590px;
		border-left: solid 1px #FEDAA5;
		border-right: solid 1px #FEDAA5;
		border-bottom: solid 1px #FEDAA5;
		background-image: url(../images/bg.png);
		background-repeat: no-repeat;
		background-position:  0px 10px;
		background-color:#FFF;
		padding-bottom:0px;
		z-index: 1;
	}

	html>body #main
	{
		min-height:590px;
		height:auto;
		padding-bottom:0px;
	}


		#leftcolumn
		{
			float:left;
			width:175px;
			padding:190px 0px 0px 20px;
		}

			#leftcolumn p
			{
				font-size:11px;
				color:#000000;
			}

				#leftcolumn a
				{
					color:#004675;
				}

			#leftcolumn .loginform
			{
				font-size:11px;
				color:#004675;
			}

			#leftcolumn .loginform input
			{
				width:150px;
				font-size: 11px;
				color: #000;
			}

			#leftcolumn .loginform #login_cookieIFD
			{
				width:20px;
			}

			#leftcolumn .loginform .button
			{
				width:143px;
				height:30px;
			}

			#leftcolumn .loginMoreLinks a
			{
				text-decoration:none;
				font-size:11px;
				color:#0098db;
			}

			#leftcolumn .loginMoreLinks a:hover
			{
				text-decoration: underline;
			}

		#centercolumn
		{
			float:left;
			width:550px;
			padding:0px 0px 0px 20px;
		}

			#centercolumn #welcome
			{
				position:relative;
			}

				#centercolumn #welcome .welcome_display
				{

				}

					#centercolumn #welcome .welcome_display #hf_cure
					{
						background-image:url(../images/HFCure.jpg);
						background-repeat:no-repeat;
						width:290px;
						height:207px;
					}

					#centercolumn #welcome .welcome_display #hf_contact
					{
						background-image:url(../images/hf_contact.gif);
						background-repeat:no-repeat;
						width:291px;
						height:212px;
					}

					#centercolumn #welcome .welcome_display #hf_radar
					{
						background-image:url(../images/hf_radar.gif);
						background-repeat:no-repeat;
						width:291px;
						height:210px;
					}

					#centercolumn #welcome .welcome_display #cardio_top
					{
						background-image:url(../images/cardio_top.gif);
						background-repeat:no-repeat;
						width:289px;
						height:195px;
					}

					#centercolumn #welcome .welcome_display #ppt
					{
						background-image:url(../images/ppt2.jpg);
						background-repeat:no-repeat;
						width:289px;
						height:205px;
					}
					
					#centercolumn #welcome .welcome_display #madit
					{
						background-image:url(../images/maditcrtcircleimage.jpg);
						background-repeat:no-repeat;
						width:238px;
						height:178px;
					}

				#centercolumn #welcome .welcome_circle
				{
					position:absolute;
					top:50px;
					left:190px;
					width:353px;
					height:221px;
					background-image:url(../images/circle.gif);
					background-repeat:no-repeat;
					z-index: 1;
				}

					#centercolumn #welcome .welcome_circle #hf_cure_link
					{
						position:absolute;
						top:55px;
						left:110px;
					}

					#centercolumn #welcome .welcome_circle #hf_contact_link
					{
						position:absolute;
						top:68px;
						left:220px;
					}

					#centercolumn #welcome .welcome_circle #hf_radar_link
					{
						position:absolute;
						top:120px;
						left:210px;
					}

					#centercolumn #welcome .welcome_circle #cardio_top_link
					{
						position:absolute;
						top:145px;
						left:50px;
					}

					#centercolumn #welcome .welcome_circle #madit_link
					{
						left:160px;
						position:absolute;
						top:20px;
					}

					#centercolumn #welcome .welcome_circle #ppt_link
					{
						position:absolute;
						top:93px;
						left:55px;
					}

						#centercolumn #welcome .welcome_circle a
						{
							color:#4a4a4a;
							font-family: Arial;
							font-size: 17px;
							text-decoration: none;
						}

						#centercolumn #welcome .welcome_circle a:hover
						{
							color:#ffad2c;
							text-decoration: underline;
						}

		#rightcolumn
		{
			float:right;
			width:215px;
			padding:0px 20px 0px 0px;
		}

		#supcolumn
		{

		}

			#TopText
			{
				color:#FFF;
				font-size:13px;
				font-weight:bold;
				text-align:right;
				padding:13px 20px 0px 0px;
				height:40px;
				display: block;
			}

			#TopA
			{
				float:left;
				width:540px;
			}

				#TopA h1
				{
					color:#004675;
					font-size:16px;
					font-weight:bold;
					padding-bottom:10px;
					padding-top:30px;
				}

				#TopA h2
				{
					color:#003F72;
					font-size:12px;
					font-weight:bold;
					padding-bottom:10px;
				}

				#TopA .subtitle
				{
					color:#003F72;
					font-size:12px;
					font-weight:bold;
					padding:20px 0px 10px 0px;
					display: block;
				}

				#TopA #previewSlider
				{
					width:535px;
					height:323px;
					margin-top:10px;
					position: relative;
				}

					#TopA #previewSlider #leftArrow
					{
						position:absolute;
						width: 47px;
						height: 58px;
						padding:265px 0px 0px 5px;
					}

					#TopA #previewSlider #rightArrow
					{
						position:absolute;
						top:0px;
						left:485px;
						width: 48px;
						height: 58px;
						padding:265px 0px 0px 5px;
					}

				#TopA img.preview
				{
					border: 1px solid #000000;
					width: 126px;
					height: 95px;
					text-decoration: none;
				}

					#TopA img.slide
					{
						position:absolute;
						top:0px;
						left:52px;
						width: 428px;
						height: 321px;
						border: 1px solid #000000;
					}

				#TopA p
				{
					color:#000000;
					font-size:12px;
					font-weight:normal;
					width:470px;
					display: inline;
				}

				#TopA .textIndent
				{
					display: block;
					padding: 0px 0px 0px 10px;
				}

				#TopA ul
				{
					text-align:right;
					padding-top:44px;
				}

				#TopA ul li
				{
					display:inline;
					list-style-type:none;
					padding-left:10px;
					color:#0098DB;
				}

				#TopA ul li a
				{
					text-decoration:none;
					font-size:13px;
					color:#0098DB;
				}

				#TopA ul li a:hover
				{
					text-decoration:underline;
					font-size:13px;
					color:#0098DB;
				}

				#TopA a
				{
					font-size:11px;
					color:#0098db;
					text-decoration:none;
				}

				#TopA a:hover
				{
					font-size:11px;
					color:#0098db;
					text-decoration:underline;
				}

					#TopA .large a
					{
						font-size:13px;
						color:#0098db;
						text-decoration:none;
					}

					#TopA .large a:hover
					{
						font-size:13px;
						color:#0098db;
						text-decoration:underline;
					}


			#TopB
			{
				float:right;
				padding-bottom:15px;
			}

		#botcolumn, .clear
		{
			clear:both;
		}

			#BotA
			{
				float:left;

			}

			#BotB
			{
				float:right;
			}

	/* box1 */

	.box1
	{
		width:214px;
		height:231px;
	}

	.box1long
	{
		width:214px;
		height:316px;
	}

		.box1left
		{
			float:left;
			width:5px;
			height:231px;
			background-image: url(../images/box1left.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

		.box1leftlong
		{
			float:left;
			width:5px;
			height:316px;
			background-image: url(../images/box1leftlong.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

		.box1center
		{
			float:left;
			width:204px;
			height:231px;
			background-image: url(../images/box1center.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

		.box1centerlong
		{
			float:left;
			width:204px;
			height: 316px;
			background-image: url(../images/box1centerlong.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

			.whiteblock
			{
				margin-bottom:8px;
				margin-left:3px;
				width:193px;
				height:76px;
				background-color: #FFF;
				border: solid 1px #fcb034;
			}
			
			.highlight
			{
				border-color: red;
				height:62px;
			}
			
			.highlight_header
			{
				background-color: red;
				border: solid 1px red;
				color: white;
				margin-left:3px;
				width:193px;
				font-size: 12px;
				text-align: center;
			}

				.whiteblock p .title
				{
					font-size:12px;
					color:#003f72;
					display:inline;
					font-weight:bold;
				}

				.whiteblock p
				{
					font-size:11px;
					color:#003f72;
					padding:2px 5px 0px 5px;
					font-weight: normal;
				}

				.whiteblock a
				{
					font-size:11px;
					color:#0098db;
					text-decoration:none;
					font-weight: normal;
				}

				.whiteblock a:hover
				{
					font-size:11px;
					color:#0098db;
					text-decoration:underline;
					font-weight: normal;
				}

			.box1center h2, .box1centerlong h2
			{
				margin-left:3px;
				padding: 8px 0px;
				color:#004675;
				font-size:17px;
				font-weight:bold;
				letter-spacing: -0.3px;
			}

		.box1right
		{
			float:left;
			width:5px;
			height:231px;
			background-image: url(../images/box1right.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

		.box1rightlong
		{
			float:left;
			width:5px;
			height:316px;
			background-image: url(../images/box1rightlong.png);
			background-position: top left;
			background-repeat: repeat-x;
		}


	/* box2 */

	.box2
	{
		width:550px;
		height:96px;
	}

		.box2left
		{
			float:left;
			width:20px;
			height:96px;
			background-image: url(../images/box2left.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

		.box2center
		{
			float:left;
			width:495px;
			height:96px;
			background-image: url(../images/box2center.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

				.box2center h2
				{
					font-size:16px;
					color:#004675;
					font-weight:bold;
					padding-top:7px;
					letter-spacing: -0.3px;
				}

				.box2center p
				{
					font-size:12px;
					color:#000000;
					padding:0px;
					margin:0px;
				}

				.box2center a
				{
					font-size:12px;
					color:#004675;
					text-decoration:underline;
				}

		.box2right
		{
			float:left;
			width:20px;
			height:96px;
			background-image: url(../images/box2right.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

	/* box3 */

	.box3
	{
		width:550px;
		height:114px;
	}

		.box3left
		{
			float:left;
			width:12px;
			height:114px;
			background-image: url(../images/box3left.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

		.box3center
		{
			float:left;
			width:511px;
			height:114px;
			background-image: url(../images/box3center.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

			.box3center .whiteblock
			{
				width:504px;
				height:66px;
				background-color: #FFF;
				border: solid 1px #fcb034;
			}

				.box3center .whiteblock .title
				{
					font-size:12px;
					color:#004675;
					display:inline;
					font-weight:bold;
				}

				.box3center .whiteblock p
				{
					font-size:11px;
					color:#004675;
					padding:2px 5px 0px 5px;
				}

				.box3center .whiteblock a
				{
					font-size:11px;
					color:#0098db;
					text-decoration:none;
				}

				.box3center .whiteblock a:hover
				{
					font-size:11px;
					color:#0098db;
					text-decoration:underline;
				}

			.box3center h2
			{
				margin-left:3px;
				padding: 8px 0px;
				color:#004675;
				font-size:17px;
				font-weight:bold;
				letter-spacing: -0.3px;
			}

		.box3right
		{
			float:left;
			width:12px;
			height:114px;
			background-image: url(../images/box3right.png);
			background-position: top left;
			background-repeat: repeat-x;
		}

	.footer
	{
		clear:both;
		font-family: Arial;
		font-size: 10px;
		text-align: center;
		padding: 5px 0;
		color:#545353;
	}

		.footer a
		{
			font-family: Arial;
			font-size: 10px;
			text-decoration: none;
			color:#0098db;
		}

		.footer a:hover
		{
			text-decoration: underline;
		}

/* common styles */

	.bold
	{
		font-weight:bold;
	}

	.padbot10
	{
		padding-bottom:10px;
	}

	.padtop20
	{
		padding-top:20px;
	}

	.padtop10
	{
		padding-top:10px;
	}

	.padbot20
	{
		padding-bottom:20px;
	}

	table.standard
	{
		position:relative;
		top:0;
		left:-2px;
	}

	table.standard tr td
	{
		font-size:12px;
		font-family:arial;
	}

	table.standard tr td input
	{
		font-size:12px;
		font-family:arial;
	}

	table.standard tr td select.champ
	{
		border:solid 1px #CCC;
		width:300px;
	}

	table.standard tr td input.textField
	{
		width:300px;
		border:solid 1px #CCC;
		padding: 2px;
	}

	.radio
	{
		padding:0px 10px 0 2px;
	}


/* styles for TopA height */

.hautA1
{
	height:407px;
}

html>body .hautA1
{
	min-height:407px;
	height:auto;
}

.puce2
{
	position:absolute;
	top:0px;
	left:32px;
}

.puce3
{
	clear:both;
	display:inline;
	float:left;
	width:70px;
	text-align: center;
	color: #003F72;
}

.error
{
	color:#FF0000;
	display: block;
}

.logoL
{
	position:absolute;
	top:10px;
	left:10px;
	width:270px;
	height:57px;
	z-index: 10;
	background-image: url(../images/logo_other.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.logoR
{
	position:absolute;
	top:10px;
	right:10px;
	width:270px;
	height:57px;
	z-index: 10;
	background-image: url(../images/bs_other.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.new
{
	color: #FDA621;
	font-weight: bold;
}

.underline
{
	text-decoration: underline;
}

div.actitoContent div
{
	line-height: 12px;
	font-family: verdana;
	font-size: 11px;
	color: #004675;
}

.bold
{
	font-weight: bold;
}

a.size12
{
	font-size: 12px;
}

p.ppt
{
	float: left; color: #003F72;
}

#TopA a.size12
{
	font-size: 12px;
}

.PL80
{
	padding-left: 80px;
}

.PT20
{
	padding-top: 20px;
}

.PB20
{
	padding-bottom: 20px;
}

.FL
{
	float: left;
}

.COL003
{
	color: #003F72;
}

/* Admin 21/08/08 piejf */

#AdminLogin p, #fastForm p, #completeForm p, #ChangePassword p
{
	clear: left;
	float: left;
	padding-bottom:4px;
}

#completeForm table, #AdminLogin table
{
	clear: left;
	padding-bottom:4px;
}

#AdminLogin p label, #fastForm p label, #completeForm p label, #ChangePassword p label
{
	display : block;
	width:150px;
	float: left;
}

#AdminLogin p span, #fastForm p span, #completeForm p span, #ChangePassword span
{
	display : block;
	width: 320px;
	float: left;
}

#AdminLogin p span img, #fastForm p span img, #completeForm p span img, #ChangePassword p span img
{
	float: right;
	display : block;
	width: 15px;
	height: 15px;
}

#fastForm, #completeForm,  #submitPhysicianForm
{
	width:540px;
}

#AdminLogin p input.btn, #submitPhysicianForm p input.btn, #ChangePassword p input.btn
{
	margin: 0px auto;
}

#AdminLogin table tr td, #completeForm table tr td
{
	color:#000000;
	font-size:12px;
	font-weight:normal;
	font-family: arial;
	text-align: justify;
	padding: 5px;
}

#AdminLogin p input, #completeForm p input, #fastForm p input, #AdminLogin p select, #completeForm p select, #fastForm p select
{
		width:300px;
		border:solid 1px #CCC;
		padding: 2px;
		font-size:12px;
		font-family:arial;
}

span.citFieldError input, span.citFieldError select,  span.citFieldError select option
{
	background-color: #FCB036;

}

span#optin_picker {
	display: block;

	float: left;
}

#AdminLogin p.test {
	float: left;
	clear: none;
}

#TopA ul.noulstyle
{
	text-align: left;
	padding-top: 0px;
}

#TopA ul li.nolistyle
{
	color:#000000;
	font-size: 12px;
	display: list-item;
	list-style-type: disc;
	padding-left: 5px;
}