/***************************
**********  LEFT  **********
***************************/
#left {
	width: 210px;
}

/***************************
**********  MAIN  **********
***************************/
#main {
	background: transparent no-repeat 0px 30px;
	width: 430px;
	padding-top: 25px;
	color: #646464;
}
#main .ce_text {
	text-align: left;
}

/***************************
*******  MENU LV2  *********
***************************/
#main #menu_lv2 {
	padding: 10px 0 20px 180px;
}
#main #menu_lv2 li a,
#main #menu_lv2 li span {
	padding: 2px 8px 2px 20px;
	float: left;
	clear: left;
	display: block;
	font-weight: bold;
	text-decoration: none;
	line-height: 17px;
	color: #646464;
	background: transparent url(../images/menu_lv2_arrow_off.png) no-repeat 4px 6px;
}
#main #menu_lv2 li a:hover,
#main #menu_lv2 li span.active,
#main #menu_lv2 li a.trail {
	color: #000;
	background: #FFD21E url(../images/menu_lv2_arrow_on.png) no-repeat 4px 6px;
}

/***************************
*******  MENU LV3  *********
***************************/
#main #menu_lv3 {
	margin-bottom: 10px;
}
#main #menu_lv3 ul {
	width: 100%;
}
#main #menu_lv3 ul li {
	padding-right: 20px;
	display: block;
	float: left;
}
#main #menu_lv3 li a,
#main #menu_lv3 li span {
	padding: 2px 8px 2px 15px;
	float: left;
	display: block;
	font-weight: bold;
	text-decoration: none;
	line-height: 17px;
	color: #7A93A9;
	background: #DEE3E6 url(../images/puce_lv3_off.gif) no-repeat 6px 9px;
}
#main #menu_lv3 li a:hover,
#main #menu_lv3 li span.active,
#main #menu_lv3 li a.trail {
	color: #FFF;
	background: #AFBDCA url(../images/puce_lv3_on.gif) no-repeat 6px 9px;
}


/****************/

#main h1.level_2,
#main h1.level_3 {
	visibility: hidden;
	position: absolute;
	top: -9999px;
	}


/****************/

/***************************
*********  TITRES  *********
***************************/
.mod_titres {
	padding: 25px 0 0 160px;
	overflow: hidden;
}
.mod_titres .level_1 {
	width: 272px;
	height: 43px;
}
.mod_titres .recruteur {
	background: url('../images/n1_titre1.png') no-repeat;
	text-indent: -3000px;
}
.mod_titres .entreprise {
	background: url('../images/n1_titre2.png') no-repeat;
	text-indent: -3000px;
}
.mod_titres .employeur {
	background: url('../images/n1_titre3.png') no-repeat;
	text-indent: -3000px;
}

/****** NIVEAUX 1 ******/
.recruteur #main,
.entreprise #main,
.employeur #main {
	width: 750px;
	top: 0;
	min-height: 350px;
	overflow: hidden;
}
.recruteur #main .mod_titres,
.entreprise #main .mod_titres,
.employeur #main .mod_titres {
	padding: 25px 0 0 5px;
}
.recruteur #main #menu_lv2,
.entreprise #main #menu_lv2,
.employeur #main #menu_lv2 {
	padding: 0 0 10px 10px;
	margin-left: 5px;
	width: 250px;
	height: 185px;
}
.recruteur #main .mod_article,
.entreprise #main .mod_article,
.employeur #main .mod_article {
	padding: 9px 0 0 15px;
	background: url(../images/bg_article_alpha_top.png) no-repeat right top;
	color: #000;
}
.recruteur #main .mod_article .ce_text,
.entreprise #main .mod_article .ce_text,
.employeur #main .mod_article .ce_text {
	padding: 10px 20px;
	width: 665px;
	background: url(../images/bg_article_alpha.png) repeat-x right bottom;
}
.recruteur #main {
	background: url(../images/visuels_animaux/groupe1.jpg) no-repeat 275px 54px;
}
.entreprise #main {
	background: url(../images/visuels_animaux/groupe2.jpg) no-repeat 275px 54px;
}
.employeur #main {
	background: url(../images/visuels_animaux/groupe3.jpg) no-repeat 275px 54px;
}
.macareux #main {
	background-image: url(../images/visuels_animaux/macareux.jpg);
}
.cheval #main {
	background: url(../images/visuels_animaux/cheval.jpg) no-repeat 0px 30px;
}