/**
 *	+-----------------------------------------------------------------------------------------+
 *	CRC Deauville - Public Site
 *	Layout CSS Style
 *	+-----------------------------------------------------------------------------------------+
 */
 
/**
 *	+-----------------------------------------------------------------------------------------+
 *	Body & Layout
 *	+-----------------------------------------------------------------------------------------+
 */
body
{
	margin: 									0;
	padding: 								0;
	background-color:						#323a3d;
}

#bg_top
{
	background:								#fbf5e9 url(../images/bg_top.png) repeat-x top;
}

#bg_bottom
{
	background:								url(../images/bg_bottom.png) repeat-x bottom;
}

#wrapper
{
	position:								relative;
	left:										50%;
	margin-left:							-487px;
	width:									974px;
	background:								url(../images/bg_wrapper.png) repeat-y;
}

#wrapper_footer
{
	position:								absolute;
	left:										50%;
	margin-left:							-487px;
	width:									974px;
	height:									13px;
	background:								url(../images/bg_wrapper_footer.png) no-repeat bottom;
}










/**
 *	+-----------------------------------------------------------------------------------------+
 *	Banner & Menu wrapper
 *	+-----------------------------------------------------------------------------------------+
 */
#banner
{
	width:									974px;
	height:									183px;
	background:								url(../images/banner.jpg) no-repeat;
}

#menu
{
	position:								relative;
	left:										50%;
	margin-left:							-475px;
	z-index:									1;
	
	width:									950px;
	height:									42px;
	background:								url(../images/bg_menu.png) no-repeat;
}

#wrapper_menu
{
	position:								relative;
	left:										50%;
	margin-left:							-430px;
	width:									860px;
}










/**
 *	+-----------------------------------------------------------------------------------------+
 *	Menu
 *	+-----------------------------------------------------------------------------------------+
 */
a#btn_accueil
{
	float:									left;
	width:									79px;
	height:									42px;
	display:									block;
	background:								url(../images/fr/btn_accueil.png) no-repeat top;
}
a#btn_accueil:hover
{
	background:								url(../images/fr/btn_accueil.png) no-repeat bottom;
}

a#btn_info
{
	float:									left;
	width:									119px;
	height:									42px;
	display:									block;
	background:								url(../images/fr/btn_info.png) no-repeat top;
}
a#btn_info:hover
{
	background:								url(../images/fr/btn_info.png) no-repeat bottom;
}

a#btn_act_serv
{
	float:									left;
	width:									170px;
	height:									42px;
	display:									block;
	background:								url(../images/fr/btn_act_serv.png) no-repeat top;
}
a#btn_act_serv:hover
{
	background:								url(../images/fr/btn_act_serv.png) no-repeat bottom;
}

a#btn_liens
{
	float:									left;
	width:									131px;
	height:									42px;
	display:									block;
	background:								url(../images/fr/btn_liens.png) no-repeat top;
}
a#btn_liens:hover
{
	background:								url(../images/fr/btn_liens.png) no-repeat bottom;
}

a#btn_journal
{
	float:									left;
	width:									125px;
	height:									42px;
	display:									block;
	background:								url(../images/fr/btn_journal.png) no-repeat top;
}
a#btn_journal:hover
{
	background:								url(../images/fr/btn_journal.png) no-repeat bottom;
}

a#btn_rejoindre
{
	float:									left;
	width:									132px;
	height:									42px;
	display:									block;
	background:								url(../images/fr/btn_rejoindre.png) no-repeat top;
}
a#btn_rejoindre:hover
{
	background:								url(../images/fr/btn_rejoindre.png) no-repeat bottom;
}










/**
 *	+-----------------------------------------------------------------------------------------+
 *	Sub Menus
 *	+-----------------------------------------------------------------------------------------+
 */
#sub_info
{
	position:								absolute;
	left:										124px;
	top:										42px;
	visibility:								hidden;

	background-color:						#86b244;
	border-left:							1px solid #6e9238;
	border-bottom:							1px solid #6e9238;
	border-right:							1px solid #6e9238;
}

#act_serv
{
	position:								absolute;
	left:										243px;
	top:										42px;
	visibility:								hidden;

	background-color:						#86b244;
	border-left:							1px solid #6e9238;
	border-bottom:							1px solid #6e9238;
	border-right:							1px solid #6e9238;
}

#links
{
	position:								absolute;
	left:										414px;
	top:										42px;
	visibility:								hidden;

	background-color:						#86b244;
	border-left:							1px solid #6e9238;
	border-bottom:							1px solid #6e9238;
	border-right:							1px solid #6e9238;
}

#sub_info a, #act_serv a, #links a
{
	display:									block;
	padding:									5px;
	color:									#FFF;
	text-decoration:						none;
}

#sub_info a:hover, #act_serv a:hover, #links a:hover
{
	color:									#000;
	background-color:						#f3f3a5;
}









/**
 *	+-----------------------------------------------------------------------------------------+
 *	Content
 *	+-----------------------------------------------------------------------------------------+
 */
#content
{
	padding:									10px 12px 0 12px;
}










/**
 *	+-----------------------------------------------------------------------------------------+
 *	Home Section
 *	+-----------------------------------------------------------------------------------------+
 */
#dynamic_column
{
	float:									left;
	width:									360px;
}

#home_content
{
	float:									right;
	width:									575px;
}





#events_panel_title
{
	height:									47px;
	width:									358px;
	background:								url(../images/events_panel_title.png) no-repeat center;
}

#events_panel_content
{
	padding:									10px;
	height:									150px;
	width:									336px;
	background:								#f5b300 url(../images/events_panel_bg.png) repeat-x top;
	border-left:							1px solid #e2a500;
	border-right:							1px solid #e2a500;
}

#events_panel_footer
{
	height:									15px;
	width:									358px;
	font-size:								10px;
	text-indent:							272px;
	background:								url(../images/events_panel_footer.png) no-repeat center;
}





#jobs_panel_title
{
	height:									52px;
	width:									358px;
	background:								url(../images/jobs_panel_title.png) no-repeat center;
}

#jobs_panel_content
{
	padding:									10px;
	height:									160px;
	width:									336px;
	background:								#ed5a17 url(../images/jobs_panel_bg.png) repeat-x top;
	border-left:							1px solid #c64610;
	border-right:							1px solid #c64610;
}

#jobs_panel_footer
{
	height:									15px;
	width:									358px;
	font-size:								10px;
	text-indent:							272px;
	background:								url(../images/jobs_panel_footer.png) no-repeat center;
}










/**
 *	+-----------------------------------------------------------------------------------------+
 *	Footer
 *	+-----------------------------------------------------------------------------------------+
 */
#footer
{
	position:								relative;
	left:										50%;
	margin-left:							-487px;
	padding-top:							25px;
	color:									#999;
	font-size:								11px;
	width:									974px;
	height:									250px;
}

#footer_general, #footer_info, #footer_act_serv
{
	float:									left;
	padding-right:							20px;
}

.footer_title
{
	display:									block;
	padding:									5px;
	font-style:								italic;
	font-weight:							bold;
}

#footer_general a, #footer_info a, #footer_act_serv a
{
	display:									block;
	padding:									5px;
	color:									#999;
	text-decoration:						none;
	border: 									1px solid transparent;
}

#footer_general a:hover, #footer_info a:hover, #footer_act_serv a:hover
{
	color:									#000;
	border: 									1px solid #c3c356;
	background-color:						#fbfbbd;
}

#partners
{
	float:									right;
	width:									315px;
	height:									250px;
	border-left:							1px solid #999;
	padding-left:							5px;
}