@CHARSET "ISO-8859-1";
/* CSS Document */

div#page {
/* position */
   position:relative;
   z-index:1;
   top:0px;
   bottom:0px;

/* marge */
   margin-right: auto;
   margin-left: auto;

/* Boite */
   background-color: #FFFFFF;
   width:98%;
   height:100%;
   /*padding: 5px 5px 5px 5px;*/
   
}
  
  
body {
	background-color:#F5F5F5;
	margin:10px 10px 10px 10px;
	font-family:verdana, sans-serif; 
	font-size:11px; 
	color:black;
	text-align:left;
}

img {
	border-width: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.spaceZn { padding-top: 90px; }
div#loginContenair {
	width: 500px; margin-right: auto; 
	margin-left: auto; background-color:#FFFFFF;
	padding: 120px 50px 80px 50px; border: 1px #000 solid;
	background-image: url(../images/logo.jpg);
	background-repeat:no-repeat;
	border-radius: 5px 5px 5px 5px;
}
div#corpslogin { 
	width: 400px; margin-right: auto; 
	margin-left: auto; background-color:transparent;
	padding: 2px;
}

h2 {
	color: #666666;
}

.lineClear { clear: both; }
.pat-bloc { width:130px; background-color: #7B87A1; color:#FFFFFF; padding: 4px 2px 4px 2px; float: right; } /*#E8E8E8 - #D0F5A9*/

#header { top:0px; width:100%; height:160px; }

#header .top_left { float: left; width: 60%; height: 80px; }
#header .top_right { float: left; width: 39%; text-align: right; height: 80px; padding-top: 10px; }

#header .top_left ul, #header .top_left li {
	list-style-type: none;
	margin: 0;
}

ul, li {
	list-style-type: none;
}

#header .top_left ul {
	background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5px 5px 5px 5px;
    margin-left: 20px;
    margin-top: 25px;
    padding: 10px;
    width: 310px;
}

#header .top_left ul li {
	display: inline;
	padding: 0 6px;
	color: #000000;
}

#header .top_left ul li a:link { color: #000000; text-decoration: none; }
#header .top_left ul li a:visited { color: #000000; text-decoration: none; }
#header .top_left ul li a:hover { text-decoration: underline }

#contentBody {
	padding: 10px;
}

a:link { color: #7B87A1; text-decoration: none; }
a:visited { color: #7B87A1; text-decoration: none; }
a:hover { text-decoration: underline }

#contentBody #hpContent {
	margin: 10px auto;
	text-align: center;
	width: 990px;
}

#contentBody #hpContent a:link { color: #7B87A1; text-decoration: none; }
#contentBody #hpContent a:visited { color: #7B87A1; text-decoration: none; }
#contentBody #hpContent a:hover { text-decoration: underline }


#contentBody #content {
	margin: 10px auto;
	text-align: left;
	width: 98%;
}

#pathway {
	padding: 10px;
	text-align: left;
}

#contentBody #blocs {
	padding-top: 20px;
}

#contentBody #blocs .bloc-item {
	width : 297px;
	height: 159px;
	background: url("../images/icons/bg-bloc.jpg") no-repeat scroll 0 0 transparent;
	padding: 20px 10px 10px 10px;
	text-align: left;
	float: left;
	margin-left: 10px;
}

#contentBody #blocs .bloc-item h4 {
	color: #666666;
}

#contentBody #blocs .bloc-item li {
	padding-bottom: 4px;
	list-style-image: url(../images/icons/arrow.png);
}

.td_entete {
	background-color: #7B87A1;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	height: 20px;
}

.td-listing {
	border-bottom: 1px #CCC solid;
}

.btn_style_search { background-color:#7B87A1; color:#FFFFFF; font-family:verdana; font-size:11px; padding: 2px; }
.btn_style_search_result { background-color:#374512; color:#FFFFFF; font-family:verdana; font-size:11px; padding: 2px; }
.btn_style_delete { background-color:#980000; color:#FFFFFF; font-family:verdana; font-size:11px; padding: 2px; }

/****** Top men **********/
#header #top_menu {
	width: 100%;
	height: 60px;
	background: url("../images/bg_topmenu.jpg") repeat-x scroll 0 0 transparent;
	/*background-color: #67831F;*/
}

ul#topnav {
	/*height: 60px;*/
	width: 100%;
	padding: 20px 0 0 20px;
	/*background-color: #2d8dbe;*/
	/*margin: 0px;
	padding: 5;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	float: left;*/
	/*background: url("icons/menu_user_bg.jpg") repeat-x scroll 0 0 transparent;*/
}

ul#topnav li .mnuItm {
	padding: 0 6px 0 6px;
	font: 11px Verdana,Arial,sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
ul#topnav li {
	float: left;
	margin: 0;
	/*padding: 0;*/
	padding: 0 2px 0 2px;
	position: relative; /*--Important--*/
	width: 140px;
}

ul#topnav li a {
	float: left;
	/*text-indent: -9999px;*/ /*--Push text off of page--*/
	height: 20px;	width: 100px;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 20px; /*64px;*/
	left: 0;
	z-index: 100000;
	background: #FFFFFF; /*--Background gradient--*/
	padding: 0px;
	float: left;
	display: none; /*--Hidden for those with js turned off--*/
	margin: 0px;
	height: 235px;
	width: 960px;
	border-bottom: 4px solid #e8e8e8;
}
ul#topnav li .sub img {
	float: left;
	margin-right: 20px;
}

ul#topnav li .sub h3 {
	color: #666666;
	padding: 10px;
}

ul#topnav li .sub.emp-sheet-topmenu, ul#topnav li .sub.emp-sheet-topmenu {
	border-top: 4px solid #334110;
	left: 6px;
}

ul#topnav li .sub.hdy-topmenu, ul#topnav li .sub.hdy-topmenu {
	border-top: 4px solid #334110;
	left: -146px;
}

ul#topnav li .sub.admdoc-topmenu, ul#topnav li .sub.admdoc-topmenu {
	border-top: 4px solid #334110;
	left: -290px;
}

ul#topnav li .sub.hausing-topmenu, ul#topnav li .sub.hausing-topmenu {
	border-top: 4px solid #334110;
	left: -452px;
}

ul#topnav li .sub.msn-topmenu, ul#topnav li .sub.msn-topmenu {
	border-top: 4px solid #334110;
	left: -540px;
}

ul#topnav li .sub.aPln-tck-topmenu, ul#topnav li .sub.aPln-tck-topmenu {
	border-top: 4px solid #334110;
	left: -614px;
}

ul#topnav li .sub.stat-topmenu, ul#topnav li .sub.stat-topmenu {
	border-top: 4px solid #334110;
	left: -774px;
}

ul#topnav li .sub.config-topmenu, ul#topnav li .sub.config-topmenu {
	border-top: 4px solid #334110;
	left: -868px; /*982*/
}

/*ul#topnav li .sub.emp-sheet-topmenu .bloc-produit-menu h4  {
	background: #92b612;
}*/

ul#topnav li .sub ul{
	list-style: none;
	margin: 10px 0 0; /*20px 0 0;*/
	padding: 8px;
	width: 190px; /*170px;*/
	float: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #CCCCCC;
	height: 180px;
}
ul#topnav li .sub ul.last{
	border-right: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

ul#topnav .sub ul li {
	width: 190px;
	color: #666666;
	display: block;white-space: nowrap;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	white-space: normal;width: 200px;
}

ul#topnav .sub ul li a {
	float: none;
	text-indent: 0;
	height: auto;
	padding: 2px 0px;
	display: block;
	text-decoration: none;
	color: #999999;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	width: 170px;
	height: 16px;
}
ul#topnav .sub ul li a:hover {
	color: #006ab3;
}
/****** end Top men **********/

.brd-bloc { padding: 4px; margin-bottom: 10px; border: 1px #CCCCCC dotted; }
.fieldWraperReport { padding:2px; }
.fieldInputReport { float:left; padding: 4px; }

.text_input { width: 180px; height: 14px; color:#333333; font-size:11px; border:1px #666666 solid; }
.text_input_select { height: 18px !important; }
.text_input_select_multipl { height: 70px !important; }
.text_input_select_large { width: 368px !important; }
.text_input_select_largel { width: 300px !important; }
.text_input_select_medium { width: 97px !important; }
.text_input_select_small { width: 144px !important; }
.text_input_small { width: 144px !important; }
.text_input_sosmall { width: 90px !important; }
.text_input_sosmall_2 { width: 76px !important; }
.text_input_large { width: 240px !important; }
.text_input_tiny { width: 40px !important; }
.text_input_textarea { width: 180px; color:#333333; font-size:11px; border:1px #666666 solid; }
.textarea_large { width: 100% !important; }
.textarea_height { height: 70px !important; }
.text_input_file { height: 22px !important; }
.fieldWraper { padding:4px; border-bottom:1px #CCC dotted; }
.fieldLabel { float:left; width:40%; }
.fieldInput { float:left; width:58%; }
.text_input { width: 180px; height: 14px; color:#333333; font-size:11px; border:1px #666666 solid; }
.text_input_select { height: 18px !important; }
.text_input_select_multipl { height: 70px !important; }
.text_input_select_large { width: 368px !important; }
.text_input_select_largel { width: 300px !important; }
.text_input_select_medium { width: 97px !important; }
.fieldInputReport_small { padding:2px !important; }

.btn_bloc_stl { background-color:#F0F2F4; padding:4px; margin-top: 10px; border-radius: 5px 5px 5px 5px;} /* #F5F5F5 */

.leftPart { float: left; width: 47%; padding-right: 2px; }
.rightPart { float: left; width: 49%; }

.padBot { padding-bottom:4px; }
.padTop { padding-top:4px; }
.padTop_large { padding-top:12px; }
.padAll { padding:4px; }
.padAll_BgTopBottom { padding: 10px 0 10px 2px; }

.scorlDiv_noBrd { overflow:auto; height: 160px; }
.fltBloc { border: 1px #CCC solid; padding: 4px; margin: 2px 0 2px 0;}
.formContainer_large { width: 960px; padding: 2px; border: 1px #CCC solid; }
.inventory-parts { width: 314px; float: left; padding: 2px; }

.scorlDiv { overflow:auto; height: 160px; border: 1px #CCC solid; }
.scorlDiv_higer { height: 300px !important;} /*height: 260px*/
.scorlDiv_soHiger { height: 500px !important;}
.scorlDivListing {
	overflow:auto; height: 500px; border: 1px #CCC solid;
}