/* CSS Document */


/* ==================== */
/* Style generique HTML */
/* ==================== */

body {
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	background-color: #F4F1E4;
}
body,td,th {
	font-size: 11px;
	color: #807F84;
}
a {
	font-size: 11px;
	color: #807F84;
}
a:link {
	text-decoration: none;
	color: #807F84;
}
a:visited {
	text-decoration: none;
	color: #807F84;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}
ul {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal;
	font-weight: lighter;
	line-height: normal;
	color: #333333;
	text-align: left;
	list-style-position: inside;
	text-indent: 0px;
	white-space: normal; 
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	line-height: normal;
	text-align: left;
	list-style-position: outside;
	text-indent: 0px;
	white-space: normal;
	list-style-type: disc;
}
.listmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	vertical-align: top;
	white-space: normal;
}
.vselect {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	text-align: left;
}
.tselect {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	text-align: left;
}
/* ============== */
/* Centrage ecran */ 
/* ============== */ 
#pagecentrage {
	position: relative;
	top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height: 600px;
	width: 100%;
	text-align: center;
	z-index: 1;
	background-image: url(../pages-img/pc-fond.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#pagearea {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	width: 1000px;
	z-index: 2;
}

/* ====================== */ 
/* ZONE CONTENU - TITRAGE */
/* ====================== */ 
#bandeaucrea {
	position: absolute;
	top: 174px;
	left: 230px;
	width: 544px;
	height: 145px;
	z-index: 6;
	visibility: visible;
}
.pagetitrea {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #807F84;
}

/* ================= */ 
/* BLOC STAND BROKER */
/* ================= */ 

#blocstandbroker {
	position: absolute;
	top: 174px;
	left: 844px;
	width: 156px;
	height: auto;
	cursor: default;
	z-index: 3;
	visibility: visible;
}
.annoncea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: justify;
	font-weight: normal;
	color: #666666;
}
.titreannoncea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #CC3300;
}
.squarecolorsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #99CC00;
}
.squarecolororange {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FF6600;
}
.squarecolorblue {
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;
}
/* ======================== */ 
/* ZONE CONTENU - SCROLLING */
/* ======================== */ 

#scrollingarea {
	position: absolute;
	top: 174px;
	left: 247px;
	width: 586px;
	height: 426px;
	overflow: auto;
	z-index: 3;
	visibility: visible;
}	

#scrollingarea .liste {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color: #333333;
}
#scrollingarea a.liste:link {
	text-decoration:none;
	color: #333333;
}
#scrollingarea a.liste:hover {
	text-decoration:none;
	color: #990000;
}
#scrollingarea a.liste:visited {
	text-decoration:none;
}
#scrollingarea a.liste:active {
	text-decoration:none;
	color: #990000;
}




.rowsingle {
	position: absolute;
	top: 0px;
	left: 13px; 
	width: 490px; 
	height: auto;  
}
.rowleft {
	position: absolute;
	top: 0px;
	left: 24px; 
	width: 230px; 
	height: auto;  
}
.rowright {
	position: absolute;
	top: 0px;
	left: 273px; 
	width: 230px; 
	height: auto;  
}
.grandtitrea {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	font-weight: lighter;
	color: #666666;
}
.grandtitrea_blanc {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	font-weight: lighter;
	color: #FFFFFF;
}
.grandtitreb {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: lighter;
	color: #666666;
}
.grandtitreb_blanc {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: lighter;
	color: #FFFFFF;
}
.grandtitrec {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: lighter;
	color: #666666;
}
.grandtitrec_blanc {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: lighter;
	color: #FFFFFF;
}
.soustitrea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #666666;
}
.soustitrea_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
}
.soustitreb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: bold;
	color: #666666;
}
.soustitrejob {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
}
.soustitreb_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: bold;
	color: #FFFFFF;
}
.soustitrec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: bold;
	color: #666666;
}
.soustitrec_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: bold;
	color: #FFFFFF;
}
.soustitred_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 215px;
	font-weight: bold;
	color: #FFFFFF;
}
.textecouranta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	font-weight: normal;
	color: #333333;
}
.textecouranta_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	font-weight: normal;
	color: #FFFFFF;
}
.textecourantb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 36px;
	font-weight: normal;
	color: #333333;
}
.textecourantjob {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

.textecourantbbis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 52px;
	font-weight: normal;
	color: #333333;
}
.textecourantb_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 36px;
	font-weight: normal;
	color: #FFFFFF;
}
.textecourantbbis_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 52px;
	font-weight: normal;
	color: #FFFFFF;
}
.textecourantc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 126px;
	font-weight: normal;
	color: #333333;
}
.textecourantc_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 126px;
	font-weight: normal;
	color: #FFFFFF;
}
.textecourantd_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 215px;
	font-weight: normal;
	color: #FFFFFF;
}
.textecourantlia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 15px;
	font-weight: normal;
	color: #333333;
}
.textecourantlia_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 15px;
	font-weight: normal;
	color: #FFFFFF;
}
.textecourantlib {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 35px;
	font-weight: normal;
	color: #333333;
}
.textecourantlib_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 35px;
	font-weight: normal;
	color: #FFFFFF
}
.textecourantlic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 141px;
	font-weight: normal;
	color: #333333;
}
.textecourantlic_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 141px;
	font-weight: normal;
	color: #FFFFFF;
}
.notaa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: justify;
	font-weight: normal;
	color: #333333;
}
.notaa_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: justify;
	font-weight: normal;
	color: #FFFFFF;
}
.notab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: justify;
	padding-left: 36px;
	font-weight: normal;
	color: #333333;
}
.notab_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: justify;
	padding-left: 36px;
	font-weight: normal;
	color: #FFFFFF;
}

/* ================== */
/* MENUS - NAVIGATION */
/* ================== */
#menunav {
	position: absolute;
	left: 0px;
	top: 214px;
	width: 114px;
	height: 342px;
	z-index: 3;
	visibility: visible;
}
#menunav ul span {  
	display:none;
}
#menunav ul {
	display:block;
}
#menunav a.accueil {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 114px; 
	height: 42px; 
	background-image: url(../pages-img/accueil-off.jpg);
}
#menunav a.accueil:hover  {
	background-image: url(../pages-img/accueil-on.jpg);
}

#menunav a.selecteur {
	position: absolute; 
	left: 0px; 
	top: 42px; 
	width: 114px; 
	height: 300px; 
}
#creation {
	position: absolute;
	left: 0px;
	top: 256px;
	width: 114px;
	height: 300px;
	z-index: 4;
	visibility: hidden;
}
#documentation {
	position: absolute;
	left: 0px;
	top: 256px;
	width: 114px;
	height: 300px;
	z-index: 4;
	visibility: hidden;
}
#reprographie {
	position: absolute;
	left: 0px;
	top: 256px;
	width: 114px;
	height: 300px;
	z-index: 4;
	visibility: hidden;
}
#cydergies {
	position: absolute;
	left: 0px;
	top: 256px;
	width: 114px;
	height: 300px;
	z-index: 4;
	visibility: hidden;
}
#actualites {
	position: absolute;
	left: 0px;
	top: 256px;
	width: 114px;
	height: 300px;
	z-index: 4;
	visibility: hidden;
}
.blocmenua {
	position: absolute; 
	left: 120px;
	top: 24px;
	width: 120px; 
	height: auto; 
}
.blocmenub {
	position: absolute; 
	left: 120px;
	top: 83px;
	width: 120px; 
	height: auto; 
}
.blocmenuc {
	position: absolute; 
	left: 120px;
	top: 142px;
	width: 120px; 
	height: auto; 
}
.blocmenud {
	position: absolute; 
	left: 120px;
	top: 202px;
	width: 120px; 
	height: auto; 
}
.blocmenue {
	position: absolute; 
	left: 120px;
	top: 251px;
	width: 120px; 
	height: auto; 
}