#admin input.date-pick, #admin input.date-pick-past{
	width:100px;
	float:left;
}
a.dp-choose-date {
    background: url("../images/calendar.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    margin: 5px 3px 0;
    overflow: hidden;
    padding: 0;
    text-indent: -2000px;
    width: 16px;
}/* CSS RESET */
html {
	color:#333;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	border: 1px solid #666;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend {
	color:#000;
}
body {
	font:13px/1.231 arial, helvetica, clean, sans-serif;
}
table {
	font-size:inherit;
	font-size:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:100%;
}
/* CSS RESET */

/* surcharge de balises */
html, body{
	background: #666;
	}
h1{
	color: #1473A6;
	font-size: 1.8em;
	font-weight: bold;
	margin: 20px 0 10px 0;
	}
h2{
	color: #1473A6;
	font-weight: bold;
	}
p{
	margin: 0 0 20px 0;
	}
strong{
	font-weight: bold;
	}
p strong{
	color: #1473A6;
	}
p.marginS{
	margin: 0 0 5px 0;
	}
/* classes g�n�riques */
.clear{
	clear: both;
	}
.error, .neg{
	color: red;
	}
 .required{
	color: red;
	padding: 0 0 0 4px;
	}
.center{
	text-align: center;
	}
.zIndex{
	z-index:1000;
	}
/* =structure */
#header, #footer, #container{
	margin: 0 auto;
	width: 998px;
	}

/* =header */
#contentLogo{
	background: url(/images/headerBg.jpg) bottom left no-repeat;
	height: 225px;
	position: relative;
	}
	#contentLogo #commodity3{
		position: absolute;
			left: 7px;
			top: 4px;
		}
	#userAccount{
		position: absolute;
			right: 4px;
			top: 76px;
		/*background: #1473A6;
		opacity:0.95;
		padding: 4px 10px 8px;
		position: absolute;
			right: 8px;
			top: 80px;*/
		}
		#userConnect{
			background-image: none;
			margin: 0;
			padding: 0;
			}
			#userConnect fieldset{
				border: 0;
				margin: 0;
				padding: 0;
				}
				#userConnect fieldset div{
					float:right;
					}
				#userConnect label, #userConnect input[type=text], #userConnect input[type=password], #userConnect input[type=submit]{
					float: left;
					margin: 4px 4px 0 5px;
					}
				#userConnect label{
					margin: 4px 0 0 5px;
					}
				#userConnectAction{
					float: right;
					margin: 5px;
					}
					#userConnectAction #loginSubmit{
					float: none;
					}
				#userConnect label{
					color: #FFF;
					font-weight: bold;
					}
				#userConnect #forgotpwd{
					color: #FFF;
					font-weight: bold;
					text-decoration: none;
					}
				#userConnect #forgotpwd:hover, #logoutSubmit:hover{
					color: #298ABD;
					}
				.separateur{
					color:#FFF;
					padding: 0 2px;
					}
				#logoutSubmit{
					background: none;
					border: none;
					color: #FFF;
					font-weight: bold;
					margin: 0;
					padding: 0;
					}
		#userDisconnect{
			color: #FFF;
			font-weight: bold;
			margin: 0;
			}
			#admin #logoutSubmit{
				margin: 0;
				}
#menuTop{
	background: url(/images/menuDesign.gif) top left no-repeat;
	position: relative;
	z-index:10;
	}
	#menuTop ul{
		background: url(/images/menuBg.gif) repeat-x;
		min-height: 27px;
		margin-left: 238px;
		}
		#menuTop li{
			float: left;
			min-height: 27px;
			}
			#menuTop li a, #menuTop li span{
				color: #FFF;
				cursor: pointer;
				display: block;
				float: left;
				font-size: 1.2em;
				font-weight: bold;
				padding: 4px 25px;
				text-decoration: none;
				}
			#menuTop #forgotpwd{
				border-right: #FBB729;
				color: #FBB729;
				display: block;
				float: left;
				font-size: 1em;
				font-weight: normal;
				padding: 1px 10px;
				text-decoration: underline;
				}
			#menuTop li:hover, #menuTop li a.selected, #menuTop li span.selected{
				background: url(/images/menuBgOn.gif) repeat-x;
				}
			#menuTop li ul{
				background: #1473A6;
				background-image: none;
				display: none;
				min-height: 22px;
				margin: 0;
				padding: 0;
				position: absolute;
					top:27px;
					left:0;
				width: 998px;
				}
				#menuTop li li{
					background: #1473A6;
					float: left;
					min-height: 22px;
					position: relative;
					text-align: center;
					}
					#menuTop li li:hover, #menuTop li li a.selected, #menuTop li li span.selected{
						background: url(/images/subMenuBgOn.gif) repeat-x;
						}
						#menuTop li li a, #menuTop li li span{
							font-size: 1.1em;
							padding: 2px 0;
							width: 124px;
							}
						#menuTop #physical li a, #menuTop #physical li span{
							width: 90px;
							}
							#menuTop li ul ul{
								display: none;
									top: 22px;
								width: 250px;
								}
							#menuTop li #physical ul{
								width: 150px;
								}
								#menuTop li ul ul li{
									background: #52B2E7;
									text-align: left;
									min-height: 12px;
									width: 250px;
									}
								#menuTop li #physical ul li{
									width: 150px;
									}
									#menuTop li ul ul li a{
										font-size: 0.9em;
										font-weight: normal;
										display: block;
										min-height: 12px;
										padding: 2px 4px;
										width: 242px;
										}
									#menuTop li #physical ul li a{
										width: 142px;
										}
									#menuTop li li li:hover, #menuTop li li li a.selected{
										background: #B3D4E6;
										background-image: none;
										}
									#menuTop li li li a:hover, #menuTop li li li a.selected{
										color: #E97307;
										}

/* =container */
#container{
	background: #B3D4E6;
	}
	#menuLeft{
		float: left;
		width: 220px;
		}
		#menuLeft li{
			background: url(/images/menuGaucheBg.gif) repeat-x;
			margin: 1px 0 0 0;
			}
			#menuLeft li a{
				color: #FFF;
				display: block;
				font-size: 1.2em;
				font-weight: bold;
				height: 20px;
				padding: 6px 0;
				text-align: center;
				text-decoration: none;
				}
	#content{
		background: #FFF;
		float: left;
		min-height: 500px;
		/*overflow:auto;*/
		padding: 0 10px;
		width: 758px;
		}
	#content.noMenuLeft{
		width: 978px;
		}
	#speedGuide #logMsg, #serviceTabConteneur #logMsg, #physicalTabConteneur #logMsg{
		background: #DEDEDE;
		border: 4px solid red;
		display: none;
		float: none;
		padding: 10px;
		position: absolute;
			left:440px;
		text-align: justify;
		width: 400px;
		}
	#physicalTabConteneur #logMsg{
		left:300px;
		top:120px;
		}
	#serviceTabConteneur #logMsg{
		left:300px;
		top:20px;
		}
		#closeLogMsg{
			cursor: pointer;
			margin: 10px auto 0;
			display: block;
			text-decoration: underline;
			width: 40px
			}
/* formulaires */
form{
	margin: 0 0 10px 0;
	}
	fieldset{
		border: 1px solid #FA7C12;
		margin: 0 auto 10px;
		padding: 10px;
		}
	.userLogin fieldset{
		width: 400px;
		}
		legend{
			color: #1473A6;
			font-weight: bold;
			padding: 0 4px;
			}
			label{
				display: block;
				float: left;
				margin: 4px 20px 0 0;
				}
			#contact label{
				width: 100px;
				}
			#subscription label{
				width: 180px;
				}
			#subscription #subscriptionCgiLbl{
				width: 240px;
				}
			#subscription #lblSubscriptionRenew{
				float: none;
				display: inline;
				}
			#renewForm, #changePwd{
				display: none;
				}
			#subscriptionChangePwd{
				margin: 5px 0 0 0;
				}
			#subscription.userLogin label{
				width: 100px;
				}
			textarea{
				height: 150px;
				margin: 4px 0 0 0;
				width: 400px;
				}
			#subscriptionAddress{
				height: 100px;
				}
			select{
				margin: 4px 0 0 0;
				}
			#sgMarket{
				width: 120px;
				}
			#sgProduct{
				width: 160px;
				}
			#sgSource{
				width: 220px;
				}
			#sgType{
				width: 120px;
				}
			#sgExchange{
				width: 140px;
				}
				#sgNbResult{
					float: left;
					margin: 10px 0 0 0;
					width: 200px;
					}
				#speedGuide div{
					float: right;
					margin: 10px 0 0 0;
					}
				#contactSubmit{
					margin: 10px 0 0 120px;
					}
			#contact ul{
				margin: 10px auto;
				width: 260px;
				}
				#contact li{
					list-style-type: disc;
				}
			.morePrice{
				font-weight: bold;
				padding: 4px 0 0 5px;
				}
			input[type=submit], input[type=reset], .buttonLike{
				background: #FBB729;
				border: 1px solid #46A5D9;
				color: #46A5D9;
				cursor: pointer;
				font-weight: bold;
				padding: 0 4px;
				}
			input[type=submit]:hover, input[type=reset]:hover, .buttonLike:hover{
				background: #46A5D9;
				color: #FFF;
				}
			.buttonLike{
				text-decoration:none;
				padding: 1px 4px;
				}
			input[type=text], input[type=password]{
				margin: 4px 0 0 0;
				}
			input[type=radio]{
				margin: 6px 0 0 0;
				}
			input[type=checkbox]{
				margin: 0 5px 0 0;
				}
			#subscription #lblAcceptCondition{
				margin-bottom:10px;
				width:250px;
				}
			#subscriptionCgi{
				position:relative;
					left:4px;
					top:2px;
				}
/* tableau */
table{
	width: 100%;
	}
#supports table{
	width:auto;
	margin-bottom: 10px;
	}
	#supports table tr:first-child{
		border: 1px solid #red;
		}
	#supports td,#supports th{
		border:1px solid #1270A3;
		vertical-align: top;
		}
	#supports td{
		padding: 0 2px;
		}
	#speddguide{
		position:relative;
	}
#speedGuide  table{
	border-bottom: 1px solid #1270A3;
	}
#serviceTabConteneur{
	width: 978px;
	height: 540px;
	position: relative;
	overflow:auto;
	}
#serviceTabContenu{
	width: 2000px;
	}
#serviceTabCopy{
	width:43px;
	position:absolute;
		top:0;
		left:0;
	border-bottom: 1px solid #1270A3;
	border-top: 1px solid #1270A3;
	display:none;
	margin-bottom:10px;
	}
#serviceTabCopy.notLogged{
	border-color: #000;
	}
#serviceTabCopy tr{
	border-right:0;
	border-top:0;
	border-bottom:0;
	}
#serviceTabCopy th{
	padding:3px 0 2px;
	}
#serviceTabCopy .code{
	background: #FCBB2B;
	padding:0;
	}
#serviceTabCopy.notLogged .code{
	background: #7B877B;
	}
#serviceTab{
	border: 1px solid #1270A3;
	margin-bottom: 10px;
	width: auto;
	}
#serviceTab.notLogged{
	border-color:#000;
	}
	caption{
		font-size:1.3em;
		font-weight: bold;
		text-align: center;
		}
		.unite{
			font-size: 0.9em;
			}
			th.xs, td.xs{
				width: 20px;
				}
			th.s, td.s{
				width: 120px;
				}
			th{
				background: #E97608;
				font-weight: bold;
				padding: 4px 2px;
				/*position: relative;*/
				}
			#serviceTab.notLogged th, #serviceTabCopy.notLogged th {
				background: #525552;
				color: #FFF;
				}
			tr{
				border: 1px solid #1270A3;
				border-bottom: none;
				}
			#serviceTab.notLogged tr{
				border-color:#000;
				}
			td{
				padding: 2px;
				}
			#serviceTab thead tr{
				border-style: none;
				}
			#serviceTab th{
				border-bottom: none;
				padding: 0;
				}
			#serviceTab td, #serviceTab th.first, #serviceTab tbody th{
				border-left: 1px solid #1270A3;
				}
			#serviceTab.notLogged td, #serviceTab.notLogged th.first, #serviceTab.notLogged tbody th{
				border-color: #000;
				}
			#serviceTab th.second{
				border-left: none;
				}
			#serviceTab th, #serviceTab th.col1, #serviceTab td{
				border-left: 2px solid #1270A3;
				}
			#serviceTab.notLogged th, #serviceTab.notLogged th.col1, #serviceTab.notLogged td{
				border-color: #000;
				}
			#serviceTab th.col2, #serviceTab td.alterne{
				border-left: none;
				}
			#serviceTab tr{
				border: none;
				}
			#serviceTab tbody td{
				border-top: 1px solid #1270A3;
				width: 55px;
				}
			#serviceTab.notLogged tbody td{
				border-color: #000;
				}
			#serviceTab .enTete{
				padding: 1px 0;
				}
			#serviceTab .col1, #serviceTab .col2{
				padding: 0 2px;
				}
 			th.col1{
				background: #FFF;
				}
			td.alterne, th.col2{
				background-color: #B3D4E6;
				}
			#serviceTab.notLogged td.alterne, #serviceTab.notLogged th.col2{
				background-color: #B5B6A5;
				}
			#serviceTab .code{
				background: #FCBB2B;
				text-align: center;
				}
			#serviceTab.notLogged .code{
				background: #7B877B;
				}
			.vide{
				text-align: center;
				}
			.negatif{
				color: red;
				}
			.positif{
				color: blue;
				}
			.help img{
				display: none;
				}
			/* info bulle*/
			.windowHelp{
				background: black;
				border: 1px solid white;
				color: white;
				display: none;
				padding: 5px;
				position: absolute; /* les valeurs top et left seront cr��es en javascript*/
				z-index: 2;
				}
			.needSomeHelp{
				background: #1C496A;
				border: 1px solid #333;
				}
#physicalTabConteneur{
	width: 978px;
	position: relative;
	}
	#physicalTab{
		border:1px solid #1473A6;
	}
		#physicalTabContenu th{
			background:#1473A6;
			color:#FFF;
			padding: 4px 5px;
			}
		#physicalTabContenu td{
			padding: 1px 5px;
			}
		#physicalTabContenu .xxs{
			width:30px;
			}
		#physicalTabContenu .xs{
			width:60px;
			}
		#physicalTabContenu .s{
			width:70px;
			}
		#physicalTabContenu .slast{
			width:90px;
			}
		#physicalTabContenu .l{
			width:140px;
			}
		#physicalTabContenu tr{
			border: none;
			}
		#physicalTabConteneur .lastPrice{
			font-weight:bold;
			}
		#physicalTabContenu tr.alt{
			background:#FAB427;
			}
			#physicalTab.notLogged{
				border-color:#000;
				}
			#physicalTab.notLogged th {
				background: #525552;
				color: #FFF;
				}
			#physicalTab.notLogged td, #physicalTab.notLogged th, #physicalTab.notLogged tr{
				border-color: #000;
				}
			#physicalTab.notLogged tr.alt{
				background-color: #B5B6A5;
				}
			#physicalTab.notLogged .code{
				background: #7B877B;
				}
	#contentGraph.notLogged{
		background:#B5B6A5;
		}
	#contentGraph{
		background:#FAB427;
		padding: 10px;
		margin: 0 0 10px 0;
		}
	#txtGraph{
		width:340px;
		float:left;
		}
		#txtGraph dl{
			padding: 5px 0;
			}
			#txtGraph dt{
				color:#1473A6;
				float:left;
				font-weight:bold;
				padding:0 0 4px 0;
				text-align:right;
				width:125px;
				}
			.notLogged #txtGraph dt{
				color:#525552;
				}
			#txtGraph dd{
				padding:0 0 4px 10px;
				float:left;
				width:200px;
				}
		#txtGraph p{
			font-style:italic;
			float: left;
			padding:10px;
			}
	#advertising{
		background:#FFFF99;
		border: 4px double #E46D0A;
		height: 70px;
		margin: 0 0 10px 0;
		padding: 50px 0 0 0;
		text-align:center;
		}
	#advertisingImage{
		margin: 0 0 10px 0;
		}
	input.date-pick, input.date-pick-past{
		width:100px;
		float:left;
	}
	#cronForm label{
		width:80px;
	}
	a.dp-choose-date {
	    background: url("../images/calendar.png") no-repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 16px;
	    margin: 5px 3px 0;
	    overflow: hidden;
	    padding: 0;
	    text-indent: -2000px;
	    width: 16px;
	}
/* =graph finance */
#finance{
	background:#FFF;
	border:2px solid #1473A6;
	float:left;
	margin: 5px 0px;
    position: relative;
	width:610px;
	}
#finance #labels {
    position: absolute;
    width: 800px;
    z-index: 10;
}
#finance #financeTitle {
    position: absolute;
    top: -20px;
}
#finance #time {
    position: absolute;
    left: 4px;
    top: 4px;
    font-size: 12px;
    z-index: 10;
}
#finance #time a {
    background: #ffffff;
    cursor: pointer;
    border-right: 2px solid transparent;
    color: #4499FF;
    text-decoration: underline;
}
#finance #dateRange {
    position: absolute;
    right: 4px;
    top: -14px;
    font-size: 12px;
}
#finance .handle {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    background: #eeeeee;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#finance .zoomHandle {
    width: 5px;
    height: 20px;
}
#finance .scrollHandle {
    width: 100px;
    height: 12px;
}
#finance .flag {
    border: 1px solid #4499FF;
    background: white;
    padding: 1px 2px 1px 2px;
}
#finance .flagpole {
    border-left: 1px solid #4499FF;
}
#finance .flotr-grid-label {
    font-size: 12px;
    background: #ffffff;
    margin: 2px 0px 0px 4px;
}
#finance .flotr-mouse-value {
    font-size: 12px;
}
#finance #summaryGraph .flotr-grid-label {
    margin-top: -16px;
    background: transparent;
    text-align: left;
}
#finance #volumeGraph{
	display:none;
}
#finance #summaryGraph{
	margin: 40px 0 0 0;
}
/* =footer */
#footer{
	background: url(/images/footerBg.gif) repeat-x;
	height: 22px;
	text-align: center;
	}
	#footer ul{
		margin: 0 auto;
		padding: 2px 0;
		width: 600px;
		}
		#footer li{
			display: inline;
			padding: 0 25px;
			}
			#footer li a{
				color: #FFF;
				text-decoration: none;
				}