/* ZURFLUH - FELLER   */
/* Plateforme web de prise de commande */
/* 08/2008 Studio-e-nova */

html {
	font-size:100%;
	background:#053047 url(images/fond.jpg) repeat-x;
}

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background:url(images/planisphere.gif) top center no-repeat;
}

#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	margin-top:10px;
	position:relative;
}

#logo {}

#deconnexion {
	position:absolute;
	top:0;
	right:0;
	font-size:0.85em;
}

#deconnexion a {
	background:url(images/deconnexion.gif) left no-repeat;
	padding-left:22px;
	line-height:18px;
}

#deconnexion a:link, #deconnexion a:active, #deconnexion a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

#deconnexion a:hover {
	text-decoration:none;
}


#navigation {
	height:30px;
	margin-bottom:1px;
}

#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#navigation ul li {
	margin-right:1px;
	float:left;
	width:150px;
	background:#666666;
	text-align:center;
	color:#FFFFFF;
}

#navigation a {
	display:block;
	height:30px;
	line-height:30px;
}

#navigation a:link, #navigation a:active, #navigation a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#navigation a:hover {
	background:#FF9900;
}

#navigation a.itemCourant {
	background:#FF9900;
}

#content {
	clear:left;
	padding:1px 15px 15px 15px;
	background:#FFFFFF;
}

#bandeau {
	height:214px;
	background:url(images/bandeau.jpg) 0 14px no-repeat;
}

noscript {
	color:#CC0000;
	font-weight:bold;
	display:block;
}

form {
	padding:0;
	margin:0;
}

table.suivi_cmde_entete {
	background:#F5F5F5;
	color:#666666;
}

table.suivi_cmde_entete td {
	padding:2px 10px 2px 10px;
}

td.suivi_cmde_entete_head {
	background:#C0C0C0;
	height:30px;
	color:#FFFFFF;
}

table.suivi_cmde_liste th {
	color:#FFFFFF;
	background:#7C96B0;
}

span.imprimer {
	position:absolute;
	top:.4em;
	right:0;
	font-size:.6em;
}

span.imprimer a {
	display:block;
	padding-left:20px;
	background:url(images/imprimer.gif) left center no-repeat;
	height:16px;
}

table.saisie_cmde_infos {
	background:#F5F5F5;
	color:#666666;
}

table.saisie_cmde_infos td {
	padding:2px 10px 2px 10px;
}

table.saisie_cmde_infos table td {
	padding:0;
}

td.saisie_cmde_infos_head {
	background:#C0C0C0;
	height:30px;
	color:#FFFFFF;
}

tr.rowColor1 {
	background-color:#F5F5F5;
}

tr.rowColor1mod, tr.rowColor2mod {
	background-color:#FFCC99;
}

tr.rowColor1add, tr.rowColor2add {
	background-color:#CCFF99;
}

tr.rowColor2 {
	background-color:#FFFFFF;
}

tr.hoverColor1 {
	background-color:#C0CEDA;
}

tr.hoverColor2 {
	background-color:#DCE3EA;
}

#suivi_cmde_legende {
	font-style:italic;
	font-size:0.8em;
	margin-top:15px;
}

.btn_actions {
	margin: 1em 0;
	overflow:auto;
	height:36px;
	padding:10px 0 0 10px;
	border: 1px dotted #ccc;
}

.btn_ajouter {
	background: url(images/add.png) no-repeat left center;
	padding-left:28px;
	display:block;
	height:24px;
	float:left;
	margin-right:1em;
	line-height:24px;
}

.btn_supprimer {
	background: url(images/recycle24.png) no-repeat left center;
	padding-left:28px;
	display:block;
	height:24px;
	float:left;
	line-height:24px;
}

.btn_valider {
	background: url(images/ok.png) no-repeat left center;
	padding-left:28px;
	display:block;
	height:24px;
	float:right;
	line-height:24px;
	margin-right:10px;
}

.boutonsFormulaire {
	height:36px;
	background:url(images/hachures.jpg) repeat-x;
	padding:10px 0 0 10px;
}

label {
	font-weight:bold;
	color:#053047;
}

.tdlabel1 {
	background:#C0C0C0;
	color:#FFFFFF;
	padding:4px 10px;
}

.tdlabel2 {
	background:#7C96B0;
	color:#FFFFFF;
	padding:4px 10px;
}

.tdfield1 {
	background:#F5F5F5;
	padding:0 10px;
}

.tdfield2 {
	background:#DCE3EA;
	padding:0 10px;
}

.download {
	background:url(images/download.gif) left no-repeat;
	padding:4px 0 4px 22px;
}

.erreur {
	color:#CC0000;
	background:url(images/erreur.gif) left no-repeat;
	padding:2px 0 2px 22px;
	display:block;
	font-weight:bold;
}

.message {
	background:#FFCCCC;
	border:1px solid #FFAAAA;
	color:#CC0000;
	padding:4px;
	margin-bottom:1em;
}

#groupe.message {
	margin-top:1em;
}

.no_files {
	color:#666666;
	margin-bottom:1em;
}

.retour {
	background:url(images/backward.gif) left no-repeat;
	padding:4px 0 4px 22px;
}

.modifier {
	background:url(images/modifier.gif) left no-repeat;
	padding:4px 0 4px 22px;
}

a:link, a:active, a:visited {
	color:#6699FF;	
}
/*
a:visited {
	color:#3333FF;
}
*/
a:hover {
	text-decoration:none;
}

h1 {
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

h2 {
	color:#a59f01;
	border-bottom:1px solid #a59f01;
	position:relative;
}

h3 {
	color:#666666;
}

#footer {
	text-decoration:none;
	color:#7C96B0;
	text-align:center;
	vertical-align:top;
	height:25px;
	font-size:0.85em;
}
	
#message_validation {
	color:#A59F01;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}

a.info_add{
    position:relative; 
    z-index:24; background-color:#FFFFFF;
    color:#052F47;
    text-decoration:none}
a.info_add:hover{z-index:25; background-color:#ff0}
a.info_add span{display: none}
a.info_add:hover span{ 
 display:block; 
 position:absolute;    
    top:2em; right:2em;
    border:1px solid #000000;
    background-color:#ABD90E; color:#000000;
    text-align: justify;
    padding:1px;
    }

a.info_modif{
    position:relative; 
    z-index:24; background-color:#FFFFFF;
    color:#052F47;
    text-decoration:none}
a.info_modif:hover{z-index:25; background-color:#ff0}
a.info_modif span{display: none}
a.info_modif:hover span{ 
 display:block; 
 position:absolute;    
    top:2em; right:2em;
    border:1px solid #000000;
    background-color:#429FF0; color:#000000;
    text-align: justify;
    padding:1px;
    }
	
a.info_del{
    position:relative; 
    z-index:24; background-color:#FFFFFF;
    color:#052F47;
    text-decoration:none}
a.info_del:hover{z-index:25; background-color:#ff0}
a.info_del span{display: none}
a.info_del:hover span{ 
 display:block; 
 position:absolute;    
    top:2em; right:2em;
    border:1px solid #000000;
    background-color:#FD7532; color:#000000;
    text-align: justify;
    padding:1px;
    }
		
a.info_articlelie{
    position:relative; 
    z-index:24; background-color:#FFFFFF;
    color:#000;
    text-decoration:none}
a.info_articlelie:hover{z-index:25; background-color:#ff0}
a.info_articlelie span{display: none}
a.info_articlelie:hover span{ 
 display:block; 
 position:absolute;    
    top:1em; left:2em;
    background-color:#FFA93E; color:#542D0B;
	border:1px solid #A05615;
    text-align: justify;
	white-space:nowrap;
    padding:1px;    
    }

.qte_pieces {
	font-weight:bold;
	color:#CC0000;
}