#ajax {
	background-image: url('../images/ajax-loader.gif');
background-position: center;
background-repeat: no-repeat;
height: 100%;
background-color: FFF;

float: left;
position: fixed;

left: 0;
top: 0;
z-index: 9998;
display:none;
opacity: 0.5;
width: 100%;
}
#top {
	margin-left: auto;
margin-right: auto;
	width: 1024px;
	margin-top: 45px;
}
h1 {

text-transform: uppercase;
font-size: 23px;
color: #666;
font-family: arial;
	
}
#appli {width: 1024px;
height:auto;
margin-left: auto;
margin-right: auto;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
border:1px solid #666;
 box-shadow: 1px 1px 12px #555;
}

th {
	text-align:center;
	color:#666;
	font-size:15px;
}

body {
}

#header {

	height:50px;
	width:100%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#5ea1e8),
        to(#3c7cc3)
    );
    background: -webkit-linear-gradient(
        top,
        #5ea1e8,
        #3c7cc3
    );
    background: -moz-linear-gradient(
        top,
        #5ea1e8,
        #3c7cc3
    );
    background: -o-linear-gradient(
        top,
        #5ea1e8,
        #3c7cc3
    );
    background: linear-gradient(
        top,
        #5ea1e8,
        #3c7cc3
    );
}

#left-column {
float: left;
width: 150px;
background-color: #f1f3f5;
height: 100%;
border-right: 2px solid #d1d5dd;
}

#left-column  ul {
    list-style-type:none;
	padding-left: 5px;
}

#left-column  ul li {
color: #666;
padding: 9px;
font-family: arial;
font-size: 13px;
	cursor:pointer;
}

#left-column  ul li:hover, #left-column  ul li.active {

    background-color:#e7edf3;
	border-top:1px solid #d4e1ef;
	border-bottom:1px solid #d4e1ef;
}

#content {
	float:right;
	width:830px;
	padding:20px;
	height:100%;
	background-color:#fff;
}

#content h2 {
	font-size: 17px;
color: #666;
text-transform: uppercase;
font-family: arial;
text-decoration: underline;
}
.clear { clear:both;}

#left-column h2 {
	padding-left: 10px;
text-transform: uppercase;
font-size: 12px;
color: #666;
font-family: arial;
	margin-bottom: -10px;
}

#search {
	border-radius:15px;
float: right;
margin-right: 20px;
margin-top: 10px;
width: 200px;
}

.diametre, .rayon, .axe, .addition, .nd, .puissance, .cylindre {
	width:60px;
	
}
.couleur {
	width:100px;
}
.modele {
	width:200px;
}
.qty {
	width:30px;
}

button{
	background-color:#3bacb8   ;
	border:1px solid #fff;
	color:#ffffff;
}

#items select {
	background-color: white;
font-size: 11px;
color: #666;
}

#item-container table {
	width:100%;
}
#item-container th {
	background-color:#338EBE;
	text-align: center;
color: #FFF;
font-size: 15px;
font-size: 12px;
border-right: 1px solid #fff;
}
#item-container input.qty {
 width:22px!important
}