/* CSS Document */
 *{margin:0;padding:0;list-style-type:none;}

li {margin-bottom: 5px;}


#titre-rubrique {
	width:195px;
	height:65px;
	margin-left: 4px;
	background-image:url(../images/job/job-vacant.gif);
	background-repeat:no-repeat;
}

/* Donner une hauteur fixe au bloc. Cette hauteur sera considée comme un min-height pour IE : elle s'allongera en fonction du contenu. */
#conteneur-emplois {
	width:auto;
	height:auto;
	height:230px;
	/* margin-right: 4px;*/
	margin-left: 4px;
	padding-top:10px;
	/* padding-right:10px;
	padding-left:10px; */
	background-color:#E7EBF7;
}

/* AStuce pour les autres navigateurs : hauteur du bloc en min-height non compris par IE */
html>body #conteneur-emplois {
height: auto;
min-height: 200px;
} 

#gauche{
	float:left;
	margin-bottom:10px;
}
#frame-emplois {
	width: 660px;
	height:auto;
	margin-left: 260px;
}
#introduction {
	padding:6px;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;

	margin-top:20px;
	margin-bottom:15px;
	color: #21597B;
	
}
h1 {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#menu-croisiere {
	/* position: absolute; /* placement du menu, à modifier selon vos besoins */
    top: 67px;
	left: 25px;
	margin-left:10px;
	margin-bottom:10px;
	width: 230px;
	height:auto;
	vertical-align: top;
	color: #437ACA;
	padding-left:8px;
	padding-top:5px;
	background-color:#9FB4D5;
	text-align:left;
}
.alignementdroite {

text-align:right;
margin-right:20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color:#245878;
	text-decoration:underline;

}

.alignementdroite a:hover {

text-decoration:underline;

}


/* CSS du MENU */
<style type="text/css" media="screen">
</style>

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
color: #FFFFFF;
}


#menu-croisiere dt {
	cursor: pointer;
	margin: 1px 0;
/* 	margin-top:8px;*/
	text-align: left;
	font-weight: bold;
	background-color: #9FB4D5;
	color: #FFFFFF;
	font-size:12px;
	margin-top:4px;
}
#menu-croisiere dd {
border: 1px solid gray;
}
#menu-croisiere li {
text-align: center;
background-color: #9FB4D5;
}
#menu-croisiere li a, #menu-croisiere dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
/* height: 100%; */
}
#menu-croisiere a {
	color: #FFFFFF;
}

#menu-croisiere .pageactive {
	color: #E8E8E8;
	background-color: #4A799C;
}

#menu-croisiere .pageactive dt {
	color: #E8E8E8;
	background-color: #4A799C;
}

#menu-croisiere li a:hover, #menu-croisiere dt a:hover {
	background: #4A799C;
	color: #E8E8E8;
}



/* FIN CSS menu */
/* Pour resoudre pb de bordures de la premiere page vide */
.separation {
	clear:both;
	visibility:hidden;
}

#frame-emplois #titre-principal {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	display:block;
	width:710px;
	background-color: #9FB4D5;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

h3 {
	font-size: 14px;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 5px;
	color:#245878;
}

h4 {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 5px;
	font-weight: bold;
	color:#245878;
}
#frame-emplois p {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color:#245878;
}


/* pour les pictos qui sont dans la balise div ayant l'identifiant actualité */ 
#frame-emplois img {
	float : left;
	margin-left: 5px;
	margin-right: 7px;
}
#frame-emplois a {
	color: #245878;
	text-align:right;
}
#frame-emplois hr {
	visibility:hidden;
	clear:both;
}
hr {
	height:1px;
}

.lien_article {
	color: #245878;
	text-align: right;	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;
	font-weight: bolder;
	text-decoration: underline;
	text-decoration:underline;
}
.souligne {
	text-decoration:underline;
}
.souligne a{
	text-decoration:underline;
}