body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 30px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
}
a:hover {
	color: #000066;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
}

/*affichage des rubrique dans l'espace pro*/
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #C30;
}

/*affichage du titre dans l'espace pro*/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #069;
}

.intro {
	font-size: 12px;
}

.rouge {
	color: #C30;
}

ul.liste {
	list-style-position: outside;
	list-style-image: url(../img/pge/puce_verte.gif);
	line-height: 150%;
	/*margin-left: -15px;
	margin-top: -5px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
}


/* ----------------------
07/12/2007 Ajout de style pour gerer les pages completes
--------------------------*/

#contents {
	width 				: 630px;
	margin 				: auto;
	padding 			: 0;
}

#contents h2 {
	font 				: bold 18px arial, helvetica, sans-serif;
	color 				: #006699;
	margin-top 			: 25px;
}

#contents img.titre {
	margin 				: 0 0 15px -20px;
}

#contents .intro {
	font-weight 		: bold;
}

 #contents a,
 #contents a:hover {
	font 				: normal 12px Arial, Helvetica, sans-serif;
	color				: #006699;
}

#contents a:hover {
	color				: #CC3300;
}

/* ---------------------------
Liste recrutement
-----------------------------*/

#contents #liste_emplois thead td {
	font 				: bold 13px arial, helvetica, sans-serif;
	color 				: #FFF;
	background 			: #006699;
	padding				: 2px 8px;
	border-right 		: 1px solid #FFF;
}

#contents #liste_emplois thead td a,
#contents #liste_emplois thead td a:hover {
	font 				: bold 13px arial, helvetica, sans-serif;
	color 				: #CFF;
	text-decoration 	: none;
}

#contents #liste_emplois thead td a:hover {
	color 				: #FFF;
	text-decoration 	: underline;
}

#contents #liste_emplois tbody td {
	font 				: normal 12px arial, helvetica, sans-serif;
	padding				: 3px 8px;
}

#contents #liste_emplois tbody td a,
#contents #liste_emplois tbody td a:hover {
	font 				: bold 12px arial, helvetica, sans-serif;
	text-decoration 	: underline;
	color 				: #006699;
}

#contents #liste_emplois tbody td a:hover {
	color 				: #CC3300;
}

#contents select {
	font 				: normal 12px arial, helvetica, sans-serif;
	color 				: #006699;
	background 			: #FFF;
	border 				: 1px solid #006699;
}

/* ----------------------------
Recrutement detail
-------------------------------*/

#contents #detail_emplois h3 {
	font 				: bold 18px arial, helvetica, sans-serif;
	color 				: #006699;
	border-bottom 		: solid 1px #3399CC;
}

#contents #detail_emplois h5,
#contents #detail_emplois h5.ref {
	width 				: 200px;
	background 			: #006699;
	font 				: bold 12px arial, helvetica, sans-serif;
	color 				: #FFF;
	padding 			: 2px 5px;
	margin 				: 0;
}

#contents #detail_emplois .ref {
	float 				: right;
}

#contents #detail_emplois h4 {
	width 				: 200px;
	font 				: normal 12px arial, helvetica, sans-serif;
	color 				: #006699;
	margin 				: 0;
	padding 			: 3px 5px;
}

#contents #detail_emplois p {
	font 				: normal 12px arial, helvetica, sans-serif;
	margin 				: 0 0 15px 0;
	padding 			: 3px 0;
}

/*specil stocklight*/

table#stocklight td.encart {
background-color:#edf6f8;
padding: 10px;
}

table#stocklight h3 {

font-family: Verdana,Arial,Helvetica,sans-serif;

font-size: 11px;

font-weight: bold;

color:#008cd0;




}

table#stocklight h2 {


font-family: Verdana,Arial,Helvetica,sans-serif;

font-size: 12px;

font-weight: bold;

color:#e2001a;



}