html
{
		height: 100%;
		overflow-y: scroll;
}
body
{
		margin: 0px;
		padding: 10px;
		font-family: 'Droid Sans';
		background-image: url("/images/background.png"); 
		background-color: #5E6161;
		background-attachment: fixed;
}
h1
{
		font-size: 23px;
		text-align: center;
		margin-top: 10px;
}
a
{
		color: #0000EE;
		text-decoration: none;
}
a:hover
{
		color: purple;
}
ul
{
		list-style: none;
		list-style-image: url("/images/sep.png");
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.banniere
{
		background-image: url("/images/background_ban2.png");
}
.banniere img
{
		margin-top: 8px;
		margin-left: 8px; margin-right: 8px;
}
.page
{
		width: 800px;
		min-height: 500px;
		margin: auto;
		padding-bottom:78px;
		position: relative;
		border: 1px solid #DBDEDD;
		background-color: rgba( 255 , 255 , 255 , 0.8 );
}
.page .contenu
{
		padding: 10px;
		position: relative;
		overflow-x: auto;
}
.menu
{
		margin: 0px;
		padding-left: 10px;
		overflow: hidden;
		background-color: #3C4E63;
		border-top: 1px solid #8ABEFF;
		border-bottom: 1px solid gray;
		list-style: none;
}
.menu li
{
		height: 20px;
		list-style-type: none;
		padding: 5px;
		float: left;
		border-right: 1px solid #5E6161;
}
.menu li:hover
{
		background-color: #333;
}
.menu li:hover a
{
		border-bottom: 1px solid orange;	
}
.menu li a
{
		color: white;
}
.foot
{
	    padding-top: 20px;
		width: 800px;
		font-size: 14px;
		height: 140px; /* + js */
		text-align: center;
		background-color: rgba( 190 , 190 , 190 , 0.9 );
}
.foot .underCont
{
		margin: 8px;
}
.foot li
{
		margin: 0px;
}
/*/////////////////////////////////////////////////////////////////*/
.table_colis_adm
{
		width: 100%;
		margin-top: 15px;
		text-align: center;
		border-radius: 10px;
		border-collapse:separate;
		border-spacing: 0px;
		border: 2px solid gray;
		overflow-x: auto;
	
}
.table_colis_adm th
{
		border-bottom: 1px solid gray;
}
.infosup
{
		cursor: pointer;
}
.ver_add
{
		border-collapse: collapse;
}
.ver_add td
{
		border-bottom: 2px solid #E0E5E4;
		padding-right: 20px;
}
.ver_add .pres
{
		color: gray;
}
.case_colis
{
		width: 360px;
		margin-bottom: 10px;
		margin-left: 10px;
		padding: 5px;
		float: left;
		position: relative;
		overflow: auto;
		background-color: rgba(255, 255 , 255 , 0.9);
		border-radius: 10px;
}
.case_colis .gray
{
		color: gray;
}
.cahier
{
		border: 2px solid blue;
}
.plumier
{
		border: 2px solid #BCF5A9;
}
.preview_commande
{
		border-collapse: collapse;
}
.preview_commande td
{
		border-bottom: 2px solid #E0E5E4;
}
.preview_commande .left
{
		color: gray;
		border: none;
}
input[type="submit"]
{
	font-weight: bold;
	min-width: 70px;
	height: 30px;
	border: 2px solid #FF8C00;
}
.help
{
		color: blue;
}
.panier
{
		position: fixed;
		z-index: 500;
		max-height: 80%;
		overflow: auto;
		overflow-x: auto;
		top: 20px;
		right: 20px;
		padding: 10px;
		background-color: rgba( 230 , 230 , 230 , 0.8);
		border: 1px solid gray;
		border-radius: 5px;
}
.panier h3
{
		margin: 0px;
		margin-bottom: 10px;
}
/*////////////////////////////////////////////////////////////////*/
.loading
{

		margin: auto;
		display: block;
}
.error_page .attention
{
		height: 80px;
		float: left;
		margin: 30px; margin-top: 0px;
}
.img_ok, .img_mok, .img_nok
{
		height: 50px;
}
/*////////////////////////////////////////////////////////////////*/
.left
{
		float: left;
}
.right
{
		float: right !important;
}
.red
{
		color: red;
}
.green
{
		color: green;
}
.mini
{
		font-size: 12px;
}
/*////////////////////////////////////////////////////////////////*/
.appriseOverlay
	{
	position:fixed;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.3);
	display:none;
	}
.appriseOuter
	{
	background:#eee;
	border:1px solid #fff;
	box-shadow:0px 3px 7px #333;
	-moz-box-shadow:0px 3px 7px #333;
	-webkit-box-shadow:0px 3px 7px #333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius:4px;
	position:absolute;
	z-index:99999999;
	min-width:200px;
	min-height:50px;
	max-width:75%;
	position:fixed;
	display:none;
	}
.appriseInner
	{
	padding:20px;
	color:#333;
	text-shadow:0px 1px 0px #fff;
	}
.appriseInner button
	{
	border:1px solid #bbb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	background: -moz-linear-gradient(100% 100% 90deg, #eee, #d5d5d5);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#d5d5d5));
  	background: -webkit-linear-gradient(#eee, #d5d5d5);
    background: -o-linear-gradient(#eee, #d5d5d5);
	color:#232d3d;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	margin:0 3px;
	text-shadow:0px 1px 0px #fff;
	cursor:pointer;
	box-shadow:0px 1px 2px #ccc;
	-moz-box-shadow:0px 1px 2px #ccc;
	-webkit-box-shadow:0px 1px 2px #ccc;
	}
.appriseInner button:hover
	{
	color:#d85054;
	}
.aButtons, .aInput
	{
	/*margin:20px 10px 0px 10px;*/
	text-align:center;
	}
.aTextbox
	{
	border:1px solid #aaa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius:4px;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
	width:180px;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	}