body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 13px;
}

a img {
	border: 0px none;
}

a {
	color: #4066cf;
}

#main {
	width: 813px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/bg_menu.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#deco {
	width: 640px;
	background-image: url('images/deco.png');
	height: 166px;
	float: right;
}

#left-panel {
	width: 171px;
	float: left;
}

#logo {
	margin-top: 24px;
	width: 166px;
	text-align: center;
}

#menu {
	margin-left: 0px;
	margin-top: 40px;
	font-size: 90%;
	font-weight: bold;
}

#menu a {
	color: #ffffff;
	text-decoration: none;
	display: block;	
	padding-right: 10px;
}

#menu a:hover {
	font-weight: bold;
}

#menu a.final-selected {
	background-color: #ffffff;
}

#menu li a {
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 1px;
	text-transform: uppercase;    
	background-image: url('bg_menu.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}

#menu li li a {
	padding-left: 20px;
	text-transform: none;	
	background-image: none;
}

#menu li li li a {
	padding-left: 30px;
}


#menu a.final-selected {
	color: #f7b24d;
	background-image: none;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu .level2 .box {
	margin-left: 10px;
}

#menu .level3 .box {
	margin-left: 28px;
}

#menu li {
	list-style: none;
}

#shortcuts {
	font-weight: bold;
	background-color: transparent;
	height: 43px;
}

#shortcuts div {
	float: left;
	width: 129px;
	height: 43px;
	padding-top: 9px;
	text-align: center;
	background-position: top;
	background-repeat: no-repeat;
}

#shortcuts a {
	color: #ffffff;
	text-decoration: none;
}

#shortcuts .BesoinAide {
	background-image: url("images/bg_need-help.gif");
}

#shortcuts .DevenirBenevole {
	background-image: url("images/bg_volunteer.png");
}

#shortcuts .Professionnel {
	background-image: url("images/bg_pro.png");
}

#shortcuts .Adolescent {
	background-image: url("images/bg_ado.png");
}

#shortcuts .Actualites {
	background-image: url("images/bg_event.gif");
	width: 126px;
}

#center-panel {
	float: left;
	height: 400px;
	width: 642px;
	
	background-color: #ffffff;
}

#center-panel[id] {
	height: auto;
	min-height: 400px;
}

#content {
	padding-left: 7px;
	padding-right: 7px;
	height: 410px;
}

#content[id] {
	height: auto;
	min-height: 410px;
}

#content-BesoinAide {
	background-color: #ef9cc2;
}

#content-BesoinAide h1 {
	visibility: hidden;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

#content-DevenirBenevole {
	background-color: #aec573;
}

#content-DevenirBenevole h1 {
	visibility: hidden;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

#content-Professionnel h1 {
	visibility: hidden;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

#content-Professionnel {
	background-color: #cfb1f9;
}

#content-Adolescent {
	background-color: #f7b24d;
}

#content-Adolescent h1 {
	visibility: hidden;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

#content-Actualites {
	background-color: #d2beb7;
}

#content-Actualites h1 {
	visibility: hidden;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

#content-BesoinAide #content {
	background-image: url("images/bg_needhelp.png");
	background-repeat: repeat-x;
}

#content-Actualites #content {
	background-image: url("images/bg_content_agenda.png");
	background-repeat: repeat-x;
}

#content-DevenirBenevole #content {
	background-image: url("images/bg_content_benevole.png");
	background-repeat: repeat-x;
}

#content-Professionnel #content {
	background-image: url("images/bg_content_pro.png");
	background-repeat: repeat-x;
}

#content-Adolescent #content {
	background-image: url("images/bg_content_ado.png");
	background-repeat: repeat-x;
}

#center-panel .footer .copyright {
	float: left;
	width: 640px;
	margin-top: 16px;	
	margin-left: 4px;
	text-align: center;
}

#content .top {
	margin-top: 10px;
	text-align: left;
}

#content .top a {
	margin: 0px;
	padding: 0px;
	color: #4066cf;
	font-size: 80%;
}

.separation {
	clear: both;
}

.separation .visible-separation {
	border-top: 1px #999999 dashed;
}

#footer {
	height: 33px;
	background-image: url("images/footer.gif");
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: bold;
	font-size: 80%;
}

.footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer .map {
	float: left;
	text-align: center;
	margin-top: 16px;	
	width: 168px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer .content-footer {
	float: left;
	width: 640px;		
}

#footer .copyright {
	margin-top: 16px;	
	text-align: center;
}

#forum-registration .line {
	margin: 5px 0 5px 0;
	clear: both;
}

#forum-registration .line label {
	float: left;
	width: 230px;
}

#forum-registration .submit {
	margin-top: 20px;
	margin-left: 230px;
}