body {
	background: white url(img/degrade_fond.jpg) repeat-x top left;
	color: rgb(0,0,0);
	margin:0 0 0 0;
	scrollbar-face-color:#FFFFFF;
	scrollbar-arrow-color:#A6AC47;
	scrollbar-track-color: #FFFFFF;
	scrollbar-3dlight-color: #A6AC47;
	scrollbar-darkshadow-color: #FFFFFF;
}

body, table, td {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}

TABLE{background-repeat: no-repeat; background-position: center right; }
TD{color:rgb(88,88,95);}

input, select, textarea {font-family: Verdana, Arial, Helvetica; font-size:11px; color:rgb(0,0,0);}

h1{font-size:11px; color:rgb(88,88,95);  margin: 5px 8px; font-weight: bold;}
h2{font-size:11px; color:rgb(88,88,95);  margin-right:20px; }
h3{font-size:11px; color:rgb(88,88,95);  margin-left:8px; }

#copy{ font-size:10px; color:rgb(0,0,0);  }
#txt10{ font-size:10px; color:rgb(88,88,95);  }
#titre{ font-size:13px; color:rgb(88,88,95); font-weight:bold; }
#belink{ font-size:13px; color:rgb(150,174,24); font-weight:bold; }

a:link, a:active, a:visited {color:rgb(150,174,24); text-decoration:none; font-weight:bold;}
a:hover{color:rgb(88,88,95); text-decoration:none; }

a.copy {font-size:10px; font-weight: normal; color:rgb(0,0,0);}
a.copy:hover{color:rgb(166,172,71);}

#base_body {
/*	position:absolute;
	left:250px;
	top:231px; */
	width:450px;
	height:400px;
	z-index:10;
	overflow:auto;
}

#body {
	height:400px;
	z-index:10;
	overflow:auto;
	padding: 0 8px;
	_padding-top: 5px;
	_height: 390px;
}



/*** NAVIGATION positions ***/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2em;
	width:743px;
	height: 24px;
}

#nav a {
	display: block;
	width: 146px;
	height: 24px;	
}

#nav .services a {
	display: block;
	width: 171px;
	height: 24px;
	text-align: center;
}

#nav li { /* all list items */
	float: left;
	width: 146px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 146px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	
}

#nav li ul li{ /* second-level lists */
	text-align:left;
	line-height: 2em;
	width: 226px;
}

#nav li.services ul li{ /* second-level lists */
	text-align:left;
	line-height: 2em;
	width: 286px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -24px -1px 0 112px;
}



#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/*** FIN NAVIGATION positions ***/


/* services a sa propre largeur */
#nav li.services,
#nav li.services a,
#nav li.services ul,
#nav li.services li {
	width: 171px;
}
#nav li.services li a {
	padding-left: 5px;
	width: 279px;
	line-height: 2em;

}


/* version a sa propre largeur */
#nav li.version,
#nav li.version a,
#nav li.version ul,
#nav li.version li {
	width: 149px;
}
#nav li.version li a {
	padding-left: 5px;
	width: 149px;
}



/*** NAVIGATION typo ***/

#nav a {
	white-space: nowrap;
}

#nav :hover {
	background-color:#96ae18;
}

#nav ul a {
	white-space: normal;
}
#nav {
	background: url(img/menu_fond.gif) repeat-x 0 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#nav li {
	border-color: #FFFFFF;
	border-width: 0 1px 0 1px;
	border-style: solid;
}
#nav li a {
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

#nav li li {
	background-color: #ffffff;
	border-color: #766f6a;
	border-width: 0 1px 0 1px;
	border-style: solid;
}

#nav li ul li:hover {
	background-color: #96ae18;
}

#nav li li a {
	color: #766f6a;
	font-weight: 100;
	text-decoration: none;
	text-align: left;	
	padding-left: 5px;
	width: 221px;
}

#nav li li a:hover {
	background-color: #96ae18;
	color: #ffffff;
	width: 221px;
}

#nav li.services li a:hover {
	background-color: #96ae18;
	color: #ffffff;
	width: 279px;
}


#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	
}
/*** FIN NAVIGATION1 typo ***/


dl dt {
	color:rgb(150,174,24);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

dl dd {
	margin-bottom: 0.5em;
}



/* Page Offres */

ul.offres-categories, ul.offres-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.offres-categories {
	margin: 10px 0;
}

ul.offres-categories ul {
	padding-left: 50px;
	text-align: center;
}
ul.offres-categories ul li {
	display: inline-block;
	border: 2px rgb(88,88,95) solid;
	padding: 5px 8px;
	margin: 5px;
	vertical-align: middle;

	font-weight: bold;
}

* html ul.offres-categories ul li {
	display: inline;
}

ul.offres-categories li.offres-categ-metier li {
	background: rgb(194, 215, 158);
}

ul.offres-categories li.offres-categ-techno li {
	background: rgb(253, 191, 140);
}

ul.offres-categories li.offres-categ-competences li {
	border-color: rgb(60, 93, 134);
	background: rgb(79, 129, 190);
	color: white;
}


ul.offres-categories span {
	font-size: 1.2em;
	font-weight: bold;
}

ul.offres-categories a {
	color: #58585F;
}
ul.offres-categories a:hover {
	color: black;
}