body  {font-family:tahoma; font-size:12px; margin: 0px; padding: 0px; text-align: center; color: #000000;}
form{margin: 0px;padding: 0px;}
#container {width:960px; margin: 0 auto; border: 1px solid #000000; text-align: left; background:#FFDE29}
p#intro {float:left; margin:5px; text-align:center; color:#0099FF; font-size:12px; font-weight:bold; width:100%; margin:5px 5px 0 }
h1 {float:left; text-align:center; margin-left:265px; _margin-left:140px; color:#663300; font-size:22px}
#filtre_magasin {float:left; width:500px; margin-left:150px}
ul  {list-style:none; float:left;}
ul li {float:left; display:inline}

/****LIST SECTION******************************/
#list #titlelist{border:solid #CCCCCC 1px; background-color:#EFEFEF; padding:2px; color:#0072BC; font-weight:bold; height:20px;}
#list td{border-bottom:solid #CCCCCC 1px; padding:5px;}
#list #mouseovertr{ background-color:#EFEFEF;}
#list a{color:#0072BC;text-decoration:none;}
#list a:hover{text-decoration:underline;}
/****FORM SECTION******************************/
#myform #title{border:solid #CCCCCC 1px;background-color:#EFEFEF;padding:2px;color:#0072BC;font-weight:bold;height:20px;}
#myform td{border-bottom:solid #CCCCCC 1px;padding:5px;}
#myform .strong{font-weight:bold;}

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { clear:both;    height:0;  font-size: 1px;  line-height: 0px;}
input, select{border:#00AEEF solid 1px; -moz-border-radius:3px;-webkit-border-radius:3px; background-color:#fff; color:#00AEEF }
input:focus {background:#00AEEF; color:#FFF;}  
input:hover {background:#00AEEF; color:#FFF;} 
select:focus {background:#ffF; color:#00AEEF;} 
select:hover {background:#00AEEF; color:#FFFFFF;}

/*MILONGA SORT */
#example_wrapper {width:760px; float:left; display:block; margin-top:20px; margin-left:10px; border: #000000 solid thin; padding-top:5px; background-color:#FFFFFF}
#example {width: 760px; float:left; margin-top:10px; min-height:420px}

#example td{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif}

thead tr { background:#0099ff; width:630px}

.sorting_asc {border:1px solid #FFDE29; background-color: transparent; background-image: url("images/sort_asc.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: right center;}
sorting{ background-color: transparent; background-image: url("images/sort_both.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: right center;}

.dataTables_wrapper {position: relative;min-height: 302px;clear: both;_height: 302px;zoom: 1; /* Feeling sorry for IE */
}


.dataTables_processing {position:absolute;top:50%; left:50%; width:250px; height:30px; margin-left:-125px; margin-top:-15px; padding:14px 0 2px 0;border:1px solid #ddd;text-align: center;color:#999; font-size:14px; background-color:white;}
.dataTables_length {width: 150px;float: left;  padding-left:10px; font-size:12px; font-weight:bold; vertical-align:middle}
.dataTables_filter {width: 300px;float: left;text-align: right; margin-right:5px;font-size:12px; font-weight:bold; vertical-align:middle}
.example_length {font-weight:bold}


.display {margin: 0 auto;width: 630px;float:left;border:0;}

.display thead th {
padding: 3px 18px 3px 10px;
border-bottom: 1px solid black;
font-weight: bold;
cursor: pointer;
* cursor: hand;
background-color: #0099FF;
color:#fff
}

.display tfoot th {
padding: 3px 10px;
border-top: 1px solid black;
font-weight: bold;
}

.display tr.heading2 td {
border-bottom: 1px solid #aaa;
}

.display td {
padding: 3px 10px;  }

.display td.center {
text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {background: url('images/sort_asc.png') no-repeat center right; }
.sorting_desc {background: url('images/sort_desc.png') no-repeat center right; }
.sorting {background: url('images/sort_both.png') no-repeat center right;}
.sorting_asc_disabled {background: url('images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled {background: url('images/sort_desc_disabled.png') no-repeat center right;}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
background-color: #ddffdd;
}

table.display tr.even.gradeA {
background-color: #eeffee;
}

table.display tr.odd.gradeA {
background-color: #ddffdd;
}

table.display tr.even.gradeA {
background-color: #eeffee;
}

table.display tr.odd.gradeC {
background-color: #ddddff;
}

table.display tr.even.gradeC {
background-color: #eeeeff;
}

table.display tr.odd.gradeX {
background-color: #ffdddd;
}

table.display tr.even.gradeX {
background-color: #ffeeee;
}

table.display tr.odd.gradeU {
background-color: #ddd;
}

table.display tr.even.gradeU {
background-color: #eee;
}


tr.odd {
background-color: #FFE75B;
}

tr.even {
background-color: #FFF8CC;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
padding: 15px;
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
}

.top .dataTables_info {
float: none;
}

.clear {
clear: both;
}

.dataTables_empty {
text-align: center;
}

tfoot input {
margin: 0.5em 0;
width: 100%;
color: #444;
}

tfoot input.search_init {
color: #999;
}

td.group {
background-color: #d1cfd0;
border-bottom: 2px solid #A19B9E;
border-top: 2px solid #A19B9E;
}

td.details {
background-color: #d1cfd0;
border: 2px solid #A19B9E;
}


.paging_full_numbers {
width: 400px;
height: 22px;
line-height: 22px;border:#009966 solid 1px;
}

.paging_full_numbers span.paginate_button,
 .paging_full_numbers span.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
}

.paging_full_numbers span.paginate_button {
background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
background-color: #99B3FF;
}

table.display tr.even.row_selected td {
background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {background-color: #FFDE29;}
tr.odd td.sorting_2 {background-color: #FFF3B3;}
tr.odd td.sorting_3 {background-color: #FFF3B3;}
tr.even td.sorting_1 {background-color: #FFF3B3;}
tr.even td.sorting_2 {background-color: #FFF3B3;}
tr.even td.sorting_3 {background-color: #FFF3B3;}


/* For the Conditional-CSS grading rows */
/*
 Colour calculations (based off the main row colours)
  Level 1:
dd > c4
ee > d5
Level 2:
  dd > d1
  ee > e2
 */
.dataTables_empty{ font-size:15px;; padding:10px;}
.logo{background:#FFDE29; padding:0; float:left; display:block; margin:10px 0 0 75px; _margin:10px 0 0 40px}
.logo li {margin:4px}
.logo li a:hover{filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;}
#parent1-menu {margin:2px 0 0; text-align:center; height:18px; width:165px; }
#parent1-menu a {font-size:12px ; background-color:#fff; border: solid #000000 thin; padding:3px; margin:5px; background-color:#FF6600; height:10px; width:10px; text-decoration:none }
#parent1-menu a:hover{background-color:#FFFF66}


.dataTables_paginate {width: 44px; * width: 50px; float: right;	text-align: right;}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px;	width: 19px; margin-left: 3px; float: left;}
.paginate_disabled_previous {background-image: url('images/back_disabled.jpg');}
.paginate_enabled_previous {background-image: url('images/back_enabled.jpg');}
.paginate_disabled_next {background-image: url('images/forward_disabled.jpg');}
.paginate_enabled_next {background-image: url('images/forward_enabled.jpg');}




/* Easy Slider */ 
#slider{width:170px;height:400px;overflow:hidden; float:left; margin-left:10px; margin-top:20px; }
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ width:160px;height:600px;overflow:hidden; }          /* define width and height of list item (slide)  entire slider area will adjust according to the parameters provided here*/ 
#prevBtn, #nextBtn{ display:none;}

/* // Easy Slider */

#reglement { width: 795px; height:150px; overflow:auto ; background-color:#FFFFFF; color:#000000; display:block; float:left; padding:5px; margin:10px 0 0 80px; _margin:10px 0 0 40px}


.designation { width:435px}
.magasin { width:120px}
.marque {width:150px}
.prix {width:55px;}