/* -------------------------------------------------------------------- 
                General style definitions
     			            CNC
            By Le Studio, Atos Worldline, 2009
-------------------------------------------------------------------- */

/* NOTES : */
/* All application specifics styles or modifications to the 
original style definitions must be done in the 
stylesheet "dev.css" */

/* CSS index (!):
  DEFAULT VALUES
  PAGE BODY STRUCTURE
  HEADER
  FOOTER
  LEFT COLUMN CONTENT
  MAIN BLOCKS
  TABLE SPECIFICS
  FORMS SPECIFICS
  EXCEPTIONS & SPECIFICS (used sitewide)
*/

/* ------------------------- !DEFAULT VALUES --------------------------------- */

html {overflow:-moz-scrollbars-vertical;}

body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.7em;
	text-align: center;
	background: #475563 url(../imgs/fond.gif) repeat-x;
	margin: 13px auto 0 auto;
}

* {font-family: Arial, Helvetica, Sans-serif;}
img {border: 0;}
hr {display: block; height: 0; border: 0; visibility: hidden; padding: 0; margin: 0;}

h1, h2, h3, h4, h5, h6 {font-size: 1.0em; padding: 0; margin: 0;}
h1 {position: absolute; left: 34px; top: 31px;}

ul, dl, ol {list-style: none; padding: 0; margin: 0;}
li {display: inline; padding: 0; margin: 0;}
p {padding: 0; margin: 0;}

a {text-decoration: none;}

acronym, abbr {border-bottom: 1px dotted #000; cursor: help;}


/* FORM and TABLE DEFAULT VALUES */
form {padding: 0; margin: 0;}
fieldset {border: 0; padding: 0; margin: 0;}
input, select, textarea, table {font-size: 1em;}
input, select, textarea, table, a, li, td {color: #98A73E;}


/* -------------------------- !PAGE BODY STRUCTURE --------------------------- */
.container {
	position: relative;
	width: 980px;
	text-align:left;
	margin: 0 auto;
}


/* ------------------------------------ !HEADER ------------------------------ */

/* Structural blocks */
#header{
	position: absolute;
	height: 155px;
	width: 980px;
	background-color: #FFF;
	z-index: 10;
}

/* Context links */
#context {
	position: absolute;
	right: 0;
	top: 12px;
	height: 20px;
}
#context li {
	display: block;
	float: left;
	background: url(../imgs/fl.gif) no-repeat 0 4px; 
	padding: 0 15px 0 14px;
}
#context li a {
	font-size: 1.1em;
	font-weight: bold;
	color: #798795;
}
/* Skip menu link */
#context li.skipmenu {display: none;}

/* Navigation 1 */
#nav {
	position: absolute;
	left: 0;
	top: 120px;
	height: 25px;
	width: 980px;
	background: #FFF url(../imgs/bg_nav1.jpg) no-repeat;
	padding-top: 10px;
}
#nav p {float: left;}
#nav .back {position: absolute; top: 1px; left: 0;}
#nav .first {padding-left: 199px;}

#nav a, #nav p strong {display: block; position: relative; height: 25px;}
#nav a span, #nav strong span {display: none;}
#nav .navRetourCNC {width: 140px; background: url(../imgs/retourCNC.gif) no-repeat; }
#nav .navAccueil {width: 84px; background: url(../imgs/accueil.gif) no-repeat;}
#nav .navExemple {width: 95px; background: url(../imgs/exemple.gif) no-repeat;}
#nav .navMateriel {width: 97px; background: url(../imgs/materiels.gif) no-repeat;}
#nav a:hover, #nav p strong.actif {background-position: 0 -30px;} 



/* -------------------------------- !FOOTER ---------------------------------- */
#footer {
	color: #E1E4E7;
	background-color: #475563;
	text-align: right;
 	margin-top: 20px;
	padding: 8px 0;
}


/* ------------------------ !LEFT COLUMN CONTENT  ---------------------------- */



/* ----------------------------- !MAIN BLOCKS -------------------------------- */
/* Main contener */
#content{
	position: absolute;
	top: 155px;
	width: 980px;
	background-color: #FFF;
	z-index: 1;
}

/* Breadcrumbs / Fil d'Ariane */
#chemin {
 	font-weight: bold;
	background: url(../imgs/car.gif) no-repeat 0 4px;
	margin: 13px 0 13px 15px;
	padding-left: 11px;
}
#chemin a {color: #98a73e;}

/* Left Nav */
.contentNav .leftNav{
	float: left;
	width: 198px;
	margin-right: 29px;
}

#navLvl2 {
	background: url(../imgs/bg_nav2_top.jpg) no-repeat;
	padding-top: 10px;
}

#navLvl2 li{
	display: block;
	background: #98A73E url(../imgs/fil.gif) repeat-x left bottom;
	margin: 0px;
	padding:0 0 1px;
}
#navLvl2 li.end {
	background: url(../imgs/bg_nav2_bottom.jpg) no-repeat left bottom; 
	padding-bottom: 110px;
}
#navLvl2 li a, #navLvl2 li span {
	display: block;
	height: 1%;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	background: #98A73E url(../imgs/fl_nav.gif) no-repeat 6px 9px;
	padding: 6px 5px 6px 21px;
}
#navLvl2 li .on {background-color: #272C03;}

#navLvl2 li a:hover,#navLvl2 li a:focus {background-color: #272C03;}


/* Main content */
.contentNav .main{
	float: left;
	width: 732px;
	min-height: 400px;
	padding-top: 10px;
	margin-right: 20px;
}

.contentNav h2 {
	color: #798795;
	font-size: 2em;
	background: url(../imgs/bg_h2.gif) no-repeat 0 4px;
	padding-left: 30px;
	margin-bottom: 20px;
}

/* Subtitle box*/
.boxStitre {
	background: #F0F2F3 url(../imgs/bg_stitre.gif) no-repeat;
	margin: 0 0 6px;
	padding: 20px 10px 14px 21px;
}
.contentNav .boxStitre {padding: 8px 10px 8px 40px;}

.boxStitre h3 {
	color: #798795;
 	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 5px;
}
.boxStitre.searchResult h3 {float: left;}

	  
/* ---------------------------- !TABLE SPECIFICS ----------------------------- */
/* generic table*/
.tab {
	width: 732px;
	color: #000;
	text-align: left;	
	border: 3px solid #F0F2F3;
	border-top: none;
	border-collapse: separate;
	background-color: #F0F2F3;
	margin-bottom: 5px;
}
.tab th {
	text-align: left;
	border-left: 4px solid #FFF; 
	border-bottom: 4px solid #FFF;
	padding: 15px 0 15px 15px;
}
.tab th.first {border-left: 4px solid #F0F2F3; padding-left: 8px;}

.tab td, .tab tbody th {
	color: #000;
	border-bottom: 4px solid #FFF;
	padding: 7px 0 8px 15px;
}
.tab tbody th {font-weight: bold; border-left: 4px solid #FFF; padding-left: 8px;}
.tab tbody td.tdLast {border-right: 4px solid #FFF;}
.tab .alternate th, .tab .alternate td {background-color: #FFF; padding-top: 3px; padding-bottom: 4px;}



/* --------------------------- !FORMS SPECIFICS ------------------------------ */
/* generic legend */
.boxStitre legend {
	color: #798795;
 	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 5px;
}

/* generic label */
.boxStitre label, .boxStitre .lblike {
	display: block;
	font-weight: bold;
	margin: 8px 0 3px;
}

/* generic input */
.boxStitre input {
	width: 228px;
	font-weight: bold;
	border: 1px solid #B9B9B9;
}

/* checkbox label */
.boxStitre label.lblchk {
	display: inline;
	color: #485159;
	margin: 0 20px 0 0;
}

/* checkbox input */
.boxStitre input.chk {
	width: auto;
	border: none;
	vertical-align: middle;	
	margin-left: 0;
}

/* validation */
.valid {
	width: auto;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	border: none;
	background: #98A73E url(../imgs/fl_nav.gif) no-repeat 4px 8px;
	padding: 4px 3px 4px 16px;
	cursor: pointer;
}
.boxStitre .valid {float: right; width: auto; margin-top: 25px;}
.valid:disabled {
	background: #798795 url(../imgs/fl_nav.gif) no-repeat 4px 8px;
} 

/* Search NumPages form */
.boxStitre.searchResult .pager {
	float: right;
	display: inline;
	color: #798795;
	font-weight: bold;
	margin-right: 20px;
}
.boxStitre.searchResult .pager div {float: left; margin-top: 5px;}
.boxStitre .pager input {width: 26px; text-align: right;}
.boxStitre .pager .ok {
	width: auto;
	height: 15px;
	color: #FFF;
	background-color: #98A73E;
	border: none;
	margin: 0 25px 2px 8px;
	padding: 0;
}
.boxStitre .pager .navResult input {width: 14px; border: none; margin-top: 1px;}


/* ------------------------ !EXCEPTIONS & SPECIFICS -------------------------- */

.clear {clear: both; font-size: 0.1em;}
.hidden {visibility: hidden;}

.prev_on {
	display: block;
	font-weight: bold;
	background: url(../imgs/prev_on.gif) no-repeat;
	margin: 15px 0 2px;
	padding-left: 23px;
}

.next_on {
	display: block;
	font-weight: bold;
	background: url(../imgs/next_on.gif) no-repeat;
	margin: 15px 0 2px;
	padding-left: 23px;
}


/*----------- rowsPerPage ----------*/
.rowsPerPage {
	margin-right: 20px;
}