/* @override 
	http://www.biofichiers.com/css/styles_screen.css
	http://www.biofichiers.com/admin/css/styles_screen.css
*/

* {
	margin: 0px;
	padding: 0px;
	font-family: "Myriad Pro", Myriad, "Lucida Grande", sans-serif ;
}
body {
	background: white url(../images/fond-header.png) repeat-x;
}
#main {
	margin: 0px 5px;
	position: relative;
}
#header {
	position: relative;
}
#header img{
	float: left;
	margin-right: 50px;
}
#slogan {
	height: 124px;
	text-transform: uppercase;
	font: 26px/110px "Myriad Pro Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#accueil  {
	position: absolute;
	bottom: 12px;
	right: 0px;
	font-size: 12px;
}
#accueil a {
	color: white;
}

p {
	font-size: 10pt;
}
a {
	font-size: 10pt;
	color: blue;
}
th {
	font-size: 10pt;
}
td {
	font-size: 10pt;
}
input{
	font-size: 10pt;
}
select{
	font-size: 10pt;
}
textarea{
	font-size: 10pt;
	border-style: outset;
}
hr{
	height: 1px;
	border-style: none;
	color: black; /* need this for IE */
	background-color: black;  /* need this for Mozilla */
}

img {
	border: 0px;
}

/* used with subtitles ("Search for records", "Edit the record", etc.) */
h3{
}

/* the main big table that contain all the page */
.main_table{
	width: 100%;
	height: 100%;
	background-color: #FFCC99;
	background-color: #E1E1E1;
	padding: 10px; /* doesn't work with IE, cellpadding in header */
	border-style: solid;
	border-width: 1px;
	border-color: black;
	vertical-align: bottom;
}

/*******************************************************/
/************************************************ RESULTS PAGE */

/* "n records found" message */
.n_results_found {
	color:black;
	font-weight: bold;
}

/* "page n of m" sentence */
.page_n_of_m {
	color:black;
}

/* links of the navigation bar ( << < 1 2 3......) */
a.navig {
	color:blue;
}

/* previous next links */
a.previous_next {
	color:blue;
	text-decoration: none;
}

/* current page in the navigation bar ( << < 1 2 3......) */
.navig {
	color:black;
}

/* order by links */
/* normal */
a.order_link {
	color:blue;
	font-size: 8pt;
	text-decoration: none;
}
/* currently selected */
a.order_link_selected {
	color:black;
	font-size: 8pt;
	text-decoration: none;
}

/* the small arrow near the column head which represents currently the order by field */
.arrow {
	font-size: 8pt;
}


/* results table */

table.results {
	background-color: #D0DCE0; /* used to make the table bordered */
}

/* result rows */
/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
.tr_results_1 {
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #EFEFEF;
}
.tr_results_2 {
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
}

.tr_highlighted_onmouseover{ /* a results table row when the mouse pointer is over it */
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #D0DCE0;
}
.tr_highlighted_onclick{ /* a results table row when the click on it */
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #D0DCE0;
}

/* coloumn headings */
th.results {
	background-color: #EFEFEF;
}
/* result cells */
/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
/*
td.results_1 {
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #EFEFEF;
}
td.results_2 {
	font-size: 8pt;
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
}
*/
/* control (edit, delete, details) cells */
/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
td.controls_1 {
	font-size: 8pt;
	background-color: #EFEFEF;
}
td.controls_2 {
	font-size: 8pt;
	background-color: #ffffff;
}

.export_to_csv{
}

/* "Total records: n" sentence */
.total_records {
}

/* links of the bottom menu (insert, search, show all) */
a.bottom_menu{
	color: black;
}

/* home link */
a.home{
	color: red;
}

/* change table combo box  */
.select_change_table{
}

/* change table button */
.button_change_table{
}

/* change records per page combo box*/
.select_records_per_page{
}
/*******************************************************/

/*******************************************************/
/************************************************ FORM (insert, search and update form) */

/* insert, save and search buttons */
.button_form{
}

/* rows containing insert, save and search buttons */
.tr_button_form {
	text-align: center;
}

/* rows containing the all/any in the search form */
.tr_operator_form{
	text-align: center;
}

/* the cell that contains the label in the form */
.td_label_form{
	text-align: right;
	vertical-align: top;
}

/* the cell that contains the input (textbox, textarea, etc) in the form */
.td_input_form{
	vertical-align: top;
}

/* the cell that contains the hint in the form */
.td_hint_form{
	vertical-align: top;
}

/* NULL word */
.null_word{
	font-style: italic;
}

/* error messages (e.g. "You haven't filled out some required fields...." */
.error_messages_form{
	color: red;
}

.change_table{
	margin-top: 0px;
	margin-left: 0px;
	}


/*******************************************************/
/************************************************ DETAIL PAGE */
/* the cell that contains the label */
.td_label_details{
	text-align: right;
	vertical-align: top;
}

/* the cell that contains the value */
.td_value_details{
	vertical-align: top;
}
/*******************************************************/

/*******************************************************/
/************************************************ LOGIN FORM */
.table_login_form{
text-align: center;
border-width:1px;
border-color: #000000;
border-style: solid;
background-color:#fffff;
	margin: 50 auto;
}

.tr_header_login_form{
background-color:#aaaaaa;
font-weight:bold;
color:#ffffff;
}
.tr_header_login_form td {
	padding: 0 5px;
}
.input_login_form{
border-width:1px;
border-color: #000000;
border-style: solid;
}
/*******************************************************/


div.break {
	page-break-before:always
}
table.labels {
	width: 21cm
}
td.address {
	height: 3.4cm;
	width: 10cm;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 14px
}
td.marginvert {
	width: 0.5cm
}
td.marginorizz {
	height: 1.2cm
}


/*******************************************************/
td, th {
	padding-right: 5px;
}
td.Magasin_surface, td.Magasin_nb_employes, td.Magasin_annee_ouverture, td.Magasin_pourcent_alimentation, td.Magasin_cp, td.Magasin_departement {
	text-align: right;
}
td.Magasin_email {
	white-space: normal;
}

#menu {
	position: absolute;
	top: 95px;
	margin-left: 230px;;
	color: white;
	text-align: center;
	font-size: 18px;
}
#menu li {
	display: inline;
	padding-right: 15px;
}
#menu a {
	color: white;
	font-size: 16px;
	font-weight: bold;
}

v\:* {
	behavior:url(#default#VML);
}

/******************************************************
Google MAP*/
html, body, #main {
	height: 100%;
}
#corps {
	position: absolute;
	top: 130px;
	bottom: 20px;
	right: 0px;
	left: 0px;
}
#mapDiv {
	padding-right: 220px;
	position: relative;
	height: 100%;
}
#sidebarDiv {
	width: 200px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: scroll;
	height: 100%;
}

#instructions {
	margin-left: 20px;
}
#instructions ol li{
	font-size: 11px;
	margin-left: 40px;
	list-style-type: upper-latin;
} 
#cancelImport, #valideImport {
	border: 2px outset red;
	padding: 3px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0px;
	color: black;
	line-height: 50px;
}

#valideImport {
	border-color:  green;
	margin-left: 200px;
}
#cancelImport :hover, #valideImport :hover {
	border-style: inset;
}