/* CSS Document */


* {
	margin: 0;
	padding: 0;
	border: 0;
}
#qc {
	margin: 0 auto;
	width: 760px;
	height: 100%;
	background-image: none;
	
}
body
{
	margin: 0 auto;
	width: 760px;
	height: 100%;
	background-image: none;
	
}
#container {
	position: absolute;
	width: 760px;
	height: auto;
	background: url(/images/container-bg.gif) repeat-y;
	}
#header {
	display: block;
	width: 760px;
	height: 255px;
	background: url(/images/header-bg2.jpg) 0 0px no-repeat;
}
		#logo {
			display: block;
			position: absolute;
			text-indent: -9999px;
			width: 140px;
			height: 50px;
			top: 36px;
			left: 30px;
		}
		#logo a {
			#background: url(/images/logo.gif) no-repeat;
			display: block;
			width: 190px;
			height: 51px;
		} 
		#slogans {
			position: absolute;
			top: 140px;
			left: 80px;
			display: block;
			width: 400px;
			height: 100px;
		}
		#slogans h1 {
			font: 15px/16px Arial, Helvetica, sans-serif;
			padding: 10px 0 10px 0;
			font-weight: bold;
			font-style: italic;
			color: #636363;
		}
		#slogans h2 {
			font: 15px/16px Arial, Helvetica, sans-serif;
			padding: 10px 0 10px 0;
			color: #636363;
			font-weight: bold;
			font-style: italic;
			font-size: 16px;
			margin: 0 0 0 150px;
			padding: 0;
		}
		#menu { 
			font: 13px/19px Trebuchet MS, Arial, Helvetica, sans-serif; 
			color: #186DB5; 
			/*text-transform: lowercase;*/ 
			list-style-image: url(/images/circ_arow.gif); 
			margin-left: 16px; 
			margin-bottom: 0;
			position: absolute;
			left: 591px;
			top: 130px;
		}
		#menu li { 
			color: #186DB5; 
			text-decoration: none; 
			font-weight: normal;
		}
		#menu li a { 
			color: #186DB5; 
			text-decoration: none; 
			font-weight: normal; 
		}
		#menu li a:hover { 
			color: #186DB5; 
			text-decoration: underline; 
		}
#mid {
	display: block;
	width: 760px;
	height: 330px;
	background: url(/images/mid-bg.gif) no-repeat;
}
#mid a.inscriptiongratuite1 {
	position: relative;
	display: block;
	width: 198px;
	height: 37px;
	text-indent: -9999px;
	background: url(/images/inscription-gratuite.gif) no-repeat;
	left: 280px;
	top: 290px;
}
#mid a.inscriptiongratuite2 {
	position: relative;
	display: block;
	width: 198px;
	height: 37px;
	text-indent: -9999px;
	background: url(/images/inscription-gratuite.gif) no-repeat;
	left: 280px;
}
#content {
	display: block;
	padding: 10px 25px 10px 25px;
}
		.blue {
			color: #186db5;
		}
		.orange {
			color: #f7741e;
		}
		#content h3 {
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			margin: 2px 0 10px 0;
			color: #186db5;
		}
		#content h2 {
			font: bold 16px Verdana, Arial, Helvetica, sans-serif;
			margin: 2px 0 10px 0;
			color: #186db5;
			text-align: center;
		}
		#content p {
			font: 13px/14px Arial, Helvetica, sans-serif;
			margin: 10px 0 10px 0;
			color: #636363;
			letter-spacing: 0.01em;
		}
		#content a {
			text-decoration: none;
			font: 12px Verdana, Arial, Helvetica, sans-serif;
			color: #f7741e;
		}
		#content a:hover {
			color: #fcac00;
		}
		.check {
			background: url(/images/check.gif) left 50% no-repeat;
			padding-left: 15px;
		}
		#login form {
			width: 400px;
			margin: 30px 0 100px 200px;
		}
		#login label {
			display: block;
			margin: 10px;
			color: #636363;
			font: 13px/14px Arial, Helvetica, sans-serif;
			width: 250px;
		}
		#login label strong {
			text-align: right;
			margin: 0 10px 0 0;
			width: 100px;
			display: block;
			float: left;
		}
		#login input {
			border: 1px solid #186db5;
			color: #636363;
			font: 12px/14px Arial, Helvetica, sans-serif;
			height: 20px;
		}
		#login .login_submit {
			margin-left: 200px;
			border:	1px solid #aaa;
			background: #eee;
			width: 50px;
			height: 20px;
			color: #636363;
		}
		#login .login_submit_hov {
			color: #186db5;
		}
		#faq {
			list-style: decimal;
			color: #186db5;
			margin: 30px;
		}
		#faq a.question {
			color: #186db5;
		}
		
		
		/*---------------------------registration---------------------------*/
					#register {
						color: #186db5;
					}
					#content hr {
						border: 1px solid #636363;
					}
					.famille {
						color: #636363;
						font: bold 14px Arial, Helvetica, sans-serif;
						border: 1px dashed #f7741e;
						margin: 5px 0 5px 0;
						padding: 5px 0 5px 0;
						text-align: center;
						clear: both;
					}
					.sel_families {
						font: 11px Arial, Helvetica, sans-serif;
						border: 1px dashed #f7741e;
						padding: 5px;
						display: block;
					}
					.colG {
						display: block;
						width: 300px;
						padding: 15px;
					}
					.colD {
						display: block;
						float: right;
						width: 250px;
						padding: 15px;
					}
					textarea {
						border: 1px solid #636363;
						background: #fff;
					}
					.register_submit {
						border:	1px solid #aaa;
						background: #eee;
						width: 50px;
						height: 20px;
						color: #636363;
						font: 11px Arial, Helvetica, sans-serif;
					}
					.register_submit_hov {
						color: #186db5;
					}
		/*---------------------------end registration-----------------------*/
		
		
.p-lung {
	clear: both;
	padding: 10px;
	margin: 4px 0 4px 0;
	display: block;
	width: 690px;
	height: auto;
	background: url(/images/p-lung.gif) no-repeat;
}
.p-scurt_s, .p-scurt_d {
	padding: 10px;
	margin: 4px 0 4px 0;
	display: block;
	width: 328px;
	height: auto;
	background: url(/images/p-scurt.gif) no-repeat;
}
.p-scurt_s {
	float: left;
}
.p-scurt_d {
	float: right;
}
#footer { 
	clear: both;
	display: block;
	width: 760px;
	padding-top: 15px; 
	height: 40px; 
	background: url(/images/footer.gif) no-repeat; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
}
#footer a { 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #969696;
}

#footer a:hover { 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #F76B0E;
}

#footer .credits { 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #BDBDBD;
}

#footer .credits a { 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #BDBDBD;
}