div#common-header {
	margin-bottom: 10px;
}
div#common-header div a.button_1st_visit {
	display:block;
	line-height:25px;
	height:30px;
	width:150px;
	text-align:center;
	background:url(gfx/buttons/first_visit_button.png) left top no-repeat;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	margin:10px 10px 0 0;
}
div#common-header div a.button_1st_visit sup {
	text-decoration:none;
}

div#CONTENT {
	background:url(gfx/background/home_bg.png) left bottom repeat-x;
	margin:auto;
	width:950px;
}

/* bloc player flash */
#bloc_player {
	width:883px;
	height:228px;
	margin:10px auto 20px;
	background:url(gfx/background/player_flash_bg.png) left top no-repeat;
}
#bloc_player #player {
	width:372px;
	height:222px;
	float:left;
	position:relative;
	top:4px;
	left:4px;
	background:url(gfx/background/photo_player.jpg) left top no-repeat;
}
#bloc_player p.bold {
	margin:10px 25px 0 0;
	width:186px;
	height:44px;
}
#bloc_player p.bold a {
	display:block;
	line-height:40px;
	height:44px;
	background:url(gfx/buttons/player_button.png) left top no-repeat;
}
#bloc_player div.article {
	text-align:left;
	float:left;
	width:470px;
	margin:0 0 0 26px;
}
#bloc_player div.article h3 {
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}
#bloc_player div.article div.text {
	height:89px;
	margin-top:8px;
	overflow:hidden;
	margin-bottom:5px;
}
#bloc_player div.article p.right {
	margin-left:0;
	text-align:right;
	font-weight:normal;
}
#bloc_player div.article p.right a {
	font-weight:normal;
	padding-left:10px;
	background:url(gfx/li/blue_arrow.gif) left center no-repeat;
}
#bloc_player div.article p.left {
	text-align:center;
	line-height:26px;
	padding-top:4px;
	width:210px;
	margin-left:7px;
}
#bloc_player div.article p.left a {
	font-weight:bold;	
	color:#00357e;
}

 /* blocs candidats et entreprise */
div#content_1 {
	width: 895px;
	margin: auto;
	text-align: left;
	padding-left: 5px;
}
div#content_1 div.h3 {
	text-align:left;
	width:430px;
	height:30px;
	margin-bottom:5px;
}
div#content_1 div#bl_left div.h3 {
	background:url(gfx/titles/title_1.png) left top no-repeat;
}
div#content_1 div#bl_right div.h3 {
	background:url(gfx/titles/title_2.png) left top no-repeat;
}
div#content_1 div.h3 h3 {
	font-weight:bold;
	font-size:16px;
	line-height:30px;
	text-indent:10px;
	float:left;
	color:#fff;
}
div#content_1 div.h3 p {
	line-height:30px;
}
div#content_1 div.h3 p a {
	padding-right:40px;
	text-align:right;
	display:block;
	color:#fff;
}
div#content_1 div#bl_left div.h3 p a {
	background:url(gfx/background/didac1.png) right top no-repeat;
}
div#content_1 div#bl_right div.h3 p a {
	background:url(gfx/background/didac2.png) right top no-repeat;
}

div.image {
	width:215px;
	height:90px;
	background-position:left top;
	background-repeat:no-repeat;
}
div#bl_left,
div#bl_right {
	float:left;
	padding-bottom:15px;
	background:url(gfx/modules/home_bottom.png) left bottom no-repeat;
}
div#bl_left {
	margin-right:22px;
}

/* CSS pour la voile */
div#bl_left div.bl_1 div#veil {
	background-image:url(gfx/background/veil_home.png);
}
div#bl_left div.bl_1 div#veil  p.veil strong {
	display:block;
	color:#043880;
	font-size:12px;
	margin:5px 15px;
}
div#bl_left div.bl_1 div#veil  p.veil strong a {
	display:block;
	color:#043880;
	font-size:14px;
}

div.block div.bl_2,
div.block div.bl_1 {
	float:left; 
}

/* CSS pour titre des blocs */
div#content_1 div.h4 {
	height:39px;
	padding-left:90px;
}
div#content_1 h4 {
	padding:9px 0 0 15px;
	font-size:12px;
}
div#bl_left h4 {
	color: #da0020;
}
div#bl_right h4 {
	color: #099;
}
div#bl_right div.bl_2 h4 {
	padding-top: 15px;
	padding-bottom: 10px;
}
div#content_1 div.block div.bl_2 div.dynam {
	margin:0 10px 0 127px;
	padding-top:5px;
	text-align:center;
	line-height:10px;
	font-size:10px;
	color:#fff;
	width:78px;
	height:50px;
}
div#content_1 div#bl_left div.bl_2 div.dynam {
	background:url(gfx/background/offers_bg.png) no-repeat left top;
}
div#content_1 div#bl_right div.bl_2 div.dynam {
	background:url(gfx/background/cv_bg.png) no-repeat left top;
}
div#bl_right div.bl_2 div.dynam strong {
	color:#fff;
}
div#content_1 div.block div.bl_2 div.dynam span.nb {
	color:#fff;
	font-size:18px;
	line-height:16px;
}
div#content_1 div.block {
	background:url(gfx/modules/home_bg1.png) #fff left 90px repeat-x;
	float:left;
}

/* CSS pour les listes de liens des blocs Candidat et Employeur */
div.liste {
	background:url(gfx/modules/home1_bg2.png) #fff left top repeat-x;
	margin:0 5px 5px;
	padding-top:5px;
	width:200px;
}
div.bl_1 div.liste {
	margin-left:10px;
}
div.bl_2 div.liste {
	margin-right:10px;
}
div#content_1 ul {
	margin:0 5px;
	height:52px;
	overflow:hidden;
}
div#content_1 ul li {
	line-height:13px;
	list-style:none;
	padding: 0 0 0 8px;
}
div#bl_left ul li {
	background:url(gfx/li/li_de.gif) left 3px no-repeat;
}
div#bl_right ul li {
	background:url(gfx/li/li_e.gif) left 3px no-repeat;
}
div#content_1 p.right {
	padding-top:10px;
	margin-left:70px;
	width:115px;
}

div#content_1 div#bl_right div.bl_1 p.right {
	width:140px;
	margin-left:40px;
}

div#content_1 ul li a {
	color:#666;
	text-decoration:none;
}
div#content_1 ul li a:hover {
	text-decoration:underline;
}
div#content_1 p.right a {
	text-decoration:underline;
}
div#content_1 p.right a:hover {
	text-decoration:none;
}
div#bl_left p.right a {
	color: #da0020;
}
div#bl_right p.right a {
	color: #099;
}


/* bloc accès aux services culturels */
div#content_2 {
	width:885px;
	margin:auto;
	clear:both;
	margin-top:5px;
	padding:0 5px 10px 0;
	text-align:right;
	font-size:12px;
}
div#content_2 a {
	font-size:12px;
}

/* spécificité du footer pour la home uniquement */
div#common-footer {
	margin-top:0;
}