/* PARTIE DE GAUCHE AVEC SOMMAIRE */ 

#gauche {
	float: left ;
	width: 470px;
	height: 346px;
	border-bottom: solid 2px #fff;
}

#gauche h1 {
	width: 455px;
	height: 30px;
	margin:0;
	border-bottom: 1px solid #fff;
	text-align: left;
	font: 15px/30px arial,sans-serif ;
	color: #fff;
	padding-left : 15px;
	font-weight: bold ;
	background-image: url('../images/h1.jpg');
	}

#gauche h2 {
	width: 455px;
	height: 30px;
	margin:0;
	text-align: right;
	font: 12px/30px arial,sans-serif ;
	color: #333333;
	padding-right : 15px;
	background-image: url('../images/h2.jpg');
	}
	
#gauche h2 a {
	color: #333333;
	text-decoration: underline ;
	}

#gauche .article {
	width: 470px;
	height: 95px;
	background-image: url('../images/fond_sommaire_home.jpg');
	}

#gauche .article img {
	float:left;
	margin-left: 9px;
	margin-right: 21px;
	margin-top: 7px;
	margin-bottom: 9px;
	}
#gauche .article h3 {
	border:0;
	margin:0;
	padding:0;
	padding-top: 9px;
	text-align: left;
	font: 11px arial,sans-serif ;
	font-weight: bold ;
	color: #666;
	}
#gauche .article h4 {
	border:0;
	margin:0;
	padding:0;
	padding-top: 5px;
	text-align: left;
	font: 13px/14px arial,sans-serif ;
	font-weight: bold ;
	color: #1a171a;
	}
	
#gauche .article h4 a {
	color: #1a171a;
	text-decoration: none ;
	}
	
#gauche .article h4 a:hover {
	color: #6b9efc;
	text-decoration: none ;
	}
	
#gauche .article p {
	margin:0;
	padding-top: 5px;
	font: 12px/13px arial,sans-serif ;
	}
		
#gauche .article p a {
	color: #666;
	text-decoration: none ;
	}

#gauche .article p a:hover {
	color: #6b9efc;
	}
	
/* PARTIE DE DROITE AVEC LES OFFRES D'EMPLOI */ 

#droite {
	float: right ;
	width: 312px;
	height: 346px;
	border-bottom: solid 2px #fff;
}

#droite h1 {
	width: 298px;
	height: 30px;
	margin:0;
	border-bottom: 1px solid #fff;
	text-align: left;
	font: 15px/30px arial,sans-serif ;
	color: #fff;
	padding-left : 15px;
	font-weight: bold ;
	background-image: url('../images/h1.jpg');
	}
	
#droite h2 {
	width: 298px;
	height: 30px;
	margin:0;
	text-align: right;
	font: 12px/30px arial,sans-serif ;
	color: #333333;
	padding-right : 15px;
	background-image: url('../images/h2.jpg');
	}

#droite h2 a {
	color: #333333;
	text-decoration: underline ;
	}

#droite #offres {
	width: 298px;
	height: 285px;
	padding-left: 15px;
	font: 12px arial,sans-serif ;
	color: #000;
	font-weight: bold ;
	background-image: url('../images/fond_droite_home.jpg');
	}

#droite #offres a {
	color: #333;
	text-decoration: underline ;
	}
	
#droite #offres p {	
	padding-top: 15px ;
	padding-bottom: 0px ;
	border:0;
	margin:0;
	}

#droite #offres .titreville {
	font: 12px arial,sans-serif ;
	font-weight: bold ;
	color: #993399;
	}