/*
GLOBAL
*/
h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
}

body {
	margin: 0px;
	font-family: Verdana;
	font-size: .87em;
	background-color:#e8e8e8;
		
}

a {
	color: darkblue;
	text-decoration: none;	
}

a:hover {
	color: #e85201;
	text-decoration: underline;
}

a img {
	border: none;
}

/*
HEADER
*/
#header
{
	background: #3c86d1 url('../img/cognitive-remediation.gif') top;
	height:233px;
	margin:auto;
}

#header #header-url a
{
	float:right;
	padding-top:20px;
	padding-right:25px;
	color:#828282;
	font-size:30px;
	font-family:times;
}

/*
NAVIGATION
*/
#navigation 
{
	/*float: left;*/
	width: 100%;
	height: 26px;
	clear: both;
	margin: -32px 10px 0px 0px;
	padding: 0px;
	font-size: .9em;
	font-weight: bold;
	display: block;
	
}

/*
MAIN / CONTENT
*/
#page
{
	width: 929px;
	margin: 15px auto 15px auto;
	background: none; 
	text-align: left;
	position: relative;
	height: auto !important;   /* to have the code working even with IE */
	height: 100%;
	min-height: 100%;
	padding: 0px 0px 15px 0px;
	background-color:#ffffff;
	background-image:url('../img/bckgr.gif');
	background-position:center; 
	
}

#content
{
	padding: 15px 20px 0px 20px;
	/*margin: 0px 0px 0px 0px;*/
	margin: auto;
	clear: both;
	font-size: .96em;
	position: relative;
	
	
}

#main 
{
	margin: 0;
	padding: 0px 0px 0px 0px;
	/*float: left;*/
	width: 709px;
	
}

.full_width
{
	width: 100% !important;
}

#content #main a
{
	text-decoration: underline;
}

#content #main p
{
	text-align: justify;
}

.clear
{
	clear: both;
	margin: 0px;
	padding: 50px;
}

#first_col{
	width: 620px;
	float: left;
	text-align: justify;
	
}

#second_col{
	width: 250px;
	margin-left: 19px;
	float: left;
	text-align: justify;
}

.bloc p, .bloctop p
{
	margin-left:11px;
	margin-right:15px;
}

.bloc h1
{
	color:#ffffff;
	font-size: 13pt;
	padding-left:10px;
	padding-top:7px;
	background-image:url('../img/box_top.gif');
	background-repeat: no-repeat;
	height:42px;
}

.bloctop h1
{
	color:#ffffff;
	font-size: 13pt;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	background-image:url('../img/firstbox_top.gif');
	background-repeat: no-repeat;
	height:85px;
	letter-spacing:-1px; 
	word-spacing:3px;
}

.bloc h2
{
	color:#000000;
	font-size: 14pt;
	padding-left:10px;
}

.bloc .middle, .bloctop .middle
{
	background-image:url('../img/box_middle.gif');
	background-repeat: repeat-y;
	
}

.bloc ul
{
	padding-left:40px;
	padding-right:15px;
}

.bloc .foot, .bloctop .foot
{
	background-image:url('../img/box_bottom.gif');
	background-repeat: no-repeat;
	height:40px;
}

/*
SIDEBAR
*/

#sidebar
{
	float: right;
	width: 217px;
	
}

.bloc_side
{

}

.bloc_side h1
{
	color:#2b2b2b;
	font-size: 13pt;
	padding-left:10px;
	padding-top:7px;
	text-align:center;
	background-image:url('../img/side_box_top.gif');
	background-repeat: no-repeat;
	height:31px;
}

.bloc_side .middle
{
	background-image:url('../img/side_box_middle.gif');
	background-repeat: repeat-y;
	margin:0px !important;
	padding:0px !important;
}

.bloc_side .middle .gauche
{
	float:left;
	width:30px;
	padding-left:10px;
}

.bloc_side .middle .droite
{
	float:right;
	text-align:left;
	width:100px;
	font-weight:bold;
}

.bloc_side .foot
{
	background-image:url('../img/side_box_bottom.gif');
	background-repeat: no-repeat;
	height:15px;
	margin:0px !important;
	padding:0px !important;
}

.bloc_side p
{
	padding-left:10px;
	padding-right:16px;
	padding-top:10px;
}

.bloc_side .sbt
{
	padding-left:8px;
	padding-right:12px;
	padding-top:2px;
	font-size:10px;
}


.bloc_side1
{

}

.bloc_side1 h1
{
	color:#2b2b2b;
	font-size: 13pt;
	padding-left:10px;
	padding-top:7px;
	text-align:center;
	background-image:url('../img/side_box_top.gif');
	background-repeat: no-repeat;
	height:31px;
}

.bloc_side1 .middle
{
	background-image:url('../img/side_box_middle.gif');
	background-repeat: repeat-y;
	margin:0px !important;
	padding:0px !important;
	min-height:285px;
}

.bloc_side1 .middle .gauche
{
	float:left;
	width:30px;
	padding-left:10px;
}

.bloc_side1 .middle .droite
{
	float:right;
	text-align:left;
	width:100px;
	font-weight:bold;
}

.bloc_side1 .foot
{
	background-image:url('../img/side_box_bottom.gif');
	background-repeat: no-repeat;
	height:15px;
	margin:0px !important;
	padding:0px !important;
}

.bloc_side1 p
{
	padding-left:10px;
	padding-top:10px;
}

.bloc_side2
{
	

}

.bloc_side2 h1
{
	color:#2b2b2b;
	font-size: 13pt;
	padding-left:10px;
	padding-top:7px;
	text-align:center;
	background-image:url('../img/side_box_top.gif');
	background-repeat: no-repeat;
	height:31px;
}

.bloc_side2 .middle
{
	background-image:url('../img/side_box_middle.gif');
	background-repeat: repeat-y;
	margin:0px !important;
	padding:0px !important;
	height:190px;
	
}

.bloc_side2 .middle .gauche
{
	
	
	
	text-align:center;
}

.bloc_side2 .middle .droite
{
	
	text-align:center;
	
	font-weight:bold;
}

.bloc_side2 .foot
{
	background-image:url('../img/side_box_bottom.gif');
	background-repeat: no-repeat;
	height:15px;
	margin:0px !important;
	padding:0px !important;
}

.bloc_side2 p
{
	padding-left:10px;
	padding-top:10px;
}

.bloc_side3
{

}

.bloc_side3 h1
{
	color:#2b2b2b;
	font-size: 13pt;
	padding-left:10px;
	padding-top:7px;
	text-align:center;
	background-image:url('../img/side_box_top.gif');
	background-repeat: no-repeat;
	height:31px;
}

.bloc_side3 .middle
{
	background-image:url('../img/side_box_middle.gif');
	background-repeat: repeat-y;
	margin:0px !important;
	padding:0px !important;
	min-height:225px;
}

.bloc_side3 .middle .gauche
{
	float:left;
	width:30px;
	padding-left:10px;
}

.bloc_side3 .middle .droite
{
	float:right;
	text-align:left;
	width:100px;
	font-weight:bold;
}

.bloc_side3 .foot
{
	background-image:url('../img/side_box_bottom.gif');
	background-repeat: no-repeat;
	height:15px;
	margin:0px !important;
	padding:0px !important;
}

.bloc_side3 p
{
	padding-left:10px;
	padding-top:10px;
}


#sidebar ul 
{
	margin: 0;
	padding: 5px 0px;
	list-style: none;
}

#sidebar ul li 
{
	font-size: .95em;
	padding: 3px 0px;
	border-bottom: 1px solid #78A8CF;
}

#sidebar a
{
	text-decoration: none;
}

.feed  p
{
	padding-left:10px;
	padding-right:20px;
}

.feed  .date
{
	color:#000000;
	text-align:right;
	background-image:url('../img/separator.jpg');
	background-position:right; 
	background-repeat: repeat-y;
	font-style:italic;
	float:right;
	width:190px;
	height:14px;
	
}

.feed  .post
{
	padding-top:10px;
	padding-left:10px;
	padding-right:14px;
	font-size: 8pt;
	padding-bottom:10px;
}

.feed  .post a
{
	color: #494848;
	text-decoration: none;
}

.feed  .post a:hover
{
	color: #e85201;	
	text-decoration: underline;

}




/*
FOOTER
*/
#copyright
{
text-align:center;
font-size: 8pt !important;
padding-top:5px;
}


#footer 
{
	clear:both;
	margin: 0 auto;
	padding-top:15px;
	height:15px;
	font-size:12px;
	width:100%;
	text-align:center;
	position: absolute;
	bottom: 0px;
	background: #ffffff url('../img/footer.gif') bottom;
	background-repeat: no-repeat;
}

#footer p
{
	font-size: 8pt !important;
	
}

#footer ul, #footer ul li 
{
	margin: 0;
	padding: 0px 15px 0px 15px;
	display: inline;
	list-style:none;
	font-size: 8pt !important;
	text-align: left;
}

#footer ul li a 
{
	padding: 0 5px 0 5px;
	white-space: nowrap;
}

