/* common */
* {
   padding:0;
   margin:0;
}

html, body {
	height: 100%;
	
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#3e3e3e;
	background-color:#fff;
}

a{
	color:#666666;
	text-decoration:none;
}
a:hover{
	color:#00546D;
}
a span {
	cursor: pointer;
}	
#page h1,h2,h3,h4 {
	margin-bottom:.4em;
	margin-left:-24px;
	padding:5px 0 0 24px;
	background:url(/img/20091117/bg_h.gif) left center no-repeat;
	height:40px;
	line-height:1.6em;
}
h1 { font-size:1.2em;}

#page h1 {
	font-size:1.7em;
	font-weight: bold;	
	color:#B70000;
}

h2 {
	font-size:1.6em;
	font-weight: bold;
	color:#B70000;
}
h3 {
	font-size:1.4em;
	font-weight: bold;
	color:#B70000;
}
img{
	border:0;
}
p{
	margin-bottom:1em;
}

.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}

#wrapper{
	width:1000px;
	margin:0 auto;
}

/* header */
#header{
	width:1000px;
	height:197px;
	background:url(/img/20091117/bg_header.jpg) right top no-repeat;
}
	#logo a{
		text-indent:-1000em;
		display:block;
		width:242px;
		height:187px;
		float:left;
		text-align:center;
		background:url(../images/logo.jpg) center no-repeat;
	}
	
/* menu */
#menu{ 
	float:right;
	width:226px;
	height:185px;
	padding-right:12px;
}
	#menu ul{
		margin:0;
		padding:5px 0;	
		list-style:none;
	}
		#menu ul li{	
			margin-top:3px;
		}	
		#menu ul li a{
			display: block;
			font-size:12px;
			width: 211px;
			color:#8B8888;
			padding:3px 0 3px 15px;
			font-weight:normal;
			text-decoration:none;
			text-transform:uppercase;
			border-bottom:#B9B9B9 dashed 1px;
		}
		#menu ul li a.last {
			border-bottom:none;
		}
		#menu ul li a:hover{
			background:#D1D1D1;
			
		}
		#menu ul li.selected a {
			background:#D1D1D1;
			font-weight:bold;
			color:#C60000;
		}
		.chiffre{
		font-weight: normal;
		color:#8B8888;
		}
#submenu{ 
	background:#600102;
	width:226px;
	min-height: 43px;
	height: auto;
	_height:43px;
	padding:0 12px;
	margin-bottom:10px;
}
	#submenu ul{
		margin:0;
		padding:15px 0 20px 0;	
		list-style:none;
	}
		#submenu ul li{	
			margin-top:3px;
		}	
		#submenu ul li a{
			display: block;
			font-size:12px;
			width: 211px;
			color:#FFF;
			padding:3px 0 3px 15px;
			font-weight:normal;
			text-decoration:none;
			border-bottom:#FF0000 dashed 1px;
		}
		#submenu ul li a:hover{
			background:#d37475;
			
		}
		#submenu ul li.selected a {
			background:#d37475;	
		}
		#submenu .chiffre{
		font-weight: normal;
		color:#FF0000;
		}
/* main content */
#main{
	width:750px;
	float:left;
	display:inline;
	line-height:1.5em;
}
	#home {
		width:211px;
		height:185px;
		padding:38px 515px 32px 24px;
		margin-bottom:8px;
		background:#E4E4E4 url(/img/20091117/bg_home.jpg) top left no-repeat;
		color:#c1c1c1;
		font-size:1.2em;
		overflow:hidden;
	}
	#trail {
		font-size:.94em;
		color:#fff;
		padding: 12px 24px 0 24px;
		height:40px;
		background:#fff url(/img/20091117/bg_page.jpg) top left no-repeat;
	}
	#trail a{
		color:#fff;	
	}
	
	#page {
		background-color:#fff;
		padding:0 24px 8px 24px;
		width:700px;
		float:left;
		display:inline;
	}
		#page ul {
			margin-bottom:1em;
		}
		#page li {
		 list-style: none;
		 padding: 0 0 0 20px;
		 background: url(/img/20091117/bulet.gif) no-repeat 0 .5em;
		}
		#page h1.expert {
			font-size:1.1em;
			height:auto;
			background:none;
			margin:0;
			padding:0;
		}
		h1.expert span {
			display:block;
			margin:0 0 21px; 
			padding:4px 9px;
			height: 22px;
			background:none;
			background-color:#dedede;
		}
		h1.expert img {
			background-color:#fff;
			float:left;
			margin:0 14px 8px 0;
			border:1px solid #cecece;
		}	
		
		
	/* newsBox */
	.newsBox {
		clear:both;
		padding-top:10px;
	}
		.newsBox p {
			margin:0 0 1px;
			padding:4px 9px;
			height: 22px;
			background:none;
			background-color:#f3f3f3;
			color:#484848;
		}
		.newsBox h2 {
			font-size:1.1em;
			height:auto;
			background:none;
			margin:0;
			padding:0;
		}
		.newsBox h2 span {
			display:block;
			margin:0 0 1px; 
			padding:4px 9px;
			height: 22px;
			background:none;
			background-color:#dedede;
		}
		.newsBox h2 img {
			background-color:#fff;
			float:left;
			margin-right:5px;
			border:1px solid #cecece;
		}	
		.newsBox h2 a, .newsBox p a {
			color:#484848;
		}		
		.newsBox h2 a:hover, .newsBox p a:hover {
			text-decoration:none;
			color:#909090;
		}
		
		.newsBox a {
			text-decoration: none;
		}
		.newsBox a.more {
			float:right;
			padding:2px 9px;
			background-color:#a5a5a5;
			color:#fff;
		}	
		.newsBox span.date {
			color:#666;
			
		}
	
#side{
	width:250px;
	float:left;
	display:inline;

}
	.promo {
		width:250px;
		height:171px;
		padding:0;
		font-size:.95em;
	}
	.promo, .promo2 {
		font-size:.95em;
		line-height:1.4em;
		overflow:hidden;
	}
	.promo a, .promo2 a {
		color:#3e3e3e;
		text-decoration: none;
	}
	.promo a:hover, .promo2 a:hover {
		text-decoration:none;
		color:#909090;
	}
		.promo h1 {
			height: 63px;
			width: 250px;
			position: relative;
			overflow: hidden;
			margin:0;
			padding:0;
			border:0;
		}	
		.promo h1 span{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
		}
	.promo p, .promo2 p {
		padding:0 31px;
		line-height:1.3em;
	}
			
	#timetable {
		background:#E4E4E4 url(/img/20091117/timetable_bg.jpg) bottom left no-repeat;
	}
		#timetable h1 span{
			background: url(/img/20091117/timetable_h.jpg) 0 0 no-repeat;
		}			
	#case {
		background:#E4E4E4 url(/img/20091117/case_bg2.jpg) bottom left no-repeat;
	}
		#case h1 span{
			background: url(/img/20091117/case_h.jpg) 0 0 no-repeat;
		}
	#efs {
		background:#E4E4E4 url(/img/20091117/efs_bg.jpg) bottom left no-repeat;
	}
		#efs h1 span{
			background: url(/img/20091117/efs_h.jpg) 0 0 no-repeat;
		}

	#trainer {
		width:250px;
		height:279px;
		overflow:hidden;
		background-color:#E4E4E4;	
	}
		#trainer h1 {
			height: 26px;
			width: 250px;
			position: relative;
			overflow: hidden;
			margin:0;
			padding:0;		
		}
		#trainer h1 span{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			background: url(/img/20091117/trener_h.jpg) 0 0 no-repeat;		
		}
		#trainer p.person {
			width:188px;
			height:59px;
			padding:10px 31px 0 31px;
			font-weight:bold;
			background: url(/img/20091117/trener_bg.jpg) 0 0 no-repeat;
			margin:0;
		}
		#trainer p.details {
			width: 90px;
			padding:0 31px 0 129px;
			height:184px;
		}
				
	#contact {
		width:250;
		height:155px;
		padding:0;
		background:#E4E4E4 url(/img/20091117/contact_bg.jpg) top left no-repeat;
		position: relative;
	}
		#contact h1 {
			height: 71px;
			width: 250px;
			position: relative;
			overflow: hidden;
			margin:0;
			padding:0;
			top:84px;
		}	
		#contact h1 span{
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			background:#E4E4E4 url(/img/20091117/contact_h.jpg) bottom left no-repeat;	
		}
		
		#contact p {
			padding:0 31px 0 75px;
			position: absolute;
			top: 40px;
			line-height:1.3em;
		}
/* notices and errors */
.error_message {
	color:#880A0A;
	font-size: 1.2em;
	background-color: #fff;
	margin: 8px 0px;
	font-weight: bold;
	clear: both;
}
.message  {
	color:#fff;
	font-size: 1.3em;
	background-color: #880A0A;
	padding: .4em;
	margin: 8px 0px;
	font-weight: bold;
}
.error em {
	font-size: 1.6em;
	color: #003d4c;
}

/* forms */
form {
	margin-top: 2em;
	width: auto;
}
	form div{
		vertical-align: text-top;
		margin-left: 0;
		margin-bottom:1.6em;
	}
	form div.date{
		margin-left: 0em;
	}
	label {
		display: block;
		width: 140px;
		font-size: 1.2em;
		padding-right: 20px;
		line-height: 1.4em;
	}
	input, textarea {
		clear: both;
		display:block;
		font-size: 1em;
		font-family: inherit;
	}
	input[type=checkbox] {
		float: left;
		clear: left;
		margin: 2px 6px 7px 2px;
	}
	input[type=radio] {
		display:inline;
		margin:0 2px 0 4px;
	}
	input.main, textarea.main {
		width:440px;
	}
	select {
		clear: both;
		vertical-align: text-bottom;
		font-size: 1.4em;
		font-family: inherit;
	}
	option {
		font-size: 1.4em;
		font-family: inherit;
		padding: 0 0.3em;
	}
	input[type=submit] {
		display: inline;
		vertical-align: bottom;
	}
	div.required {
		clear: both;
		color:#222;
		font-weight:bold;
	}
	div.optional {
		clear: both;
	}
	div.submit {
		clear: both;
		text-align:left;
		}
/* footer */
#footer{
	position: relative;
	margin-top:12px;
	padding:14px 24px 0 24px;
	height:30px;
	background:#EEE url(/img/20091117/bg_footer.gif);
	color:#8B8888;
	text-align:center;
	font-size:.94em;
}
	#footer .left{
	position: absolute;
	left: 24px;
	top: 18px;
	}
	#footer .right{
	position: absolute;
	right: 24px;
	top: 18px;
	}
	#footer a{
		color:#8B8888;
		text-decoration:none;
		font-weight:normal;
	}
	#footer a:hover{
		text-decoration:none;
		color:#909090;
	}