body {
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
background: white;
height: 100%;
background-color: #9a9a9a;
}

#container {
background: url(images/bk_canvas.png) repeat-y;
width: 962px;
margin: auto;
height: 100%;
}

#site { 
background-color: white;
font-family: arial; 
font-size: 15px; 
margin: auto 0 0 10px; 
width: 942px; 
min-height: 100%;
color: black;
}

table.tablesorter {
font-family:arial;
background-color: white;
margin:auto;
font-size: 8pt;
width: 90%;
text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 8pt;	
padding: 0px;
}

table.tablesorter thead tr th {
text-align: center;
background-color: white;
}

table.tablesorter thead tr .header {
background-image: url(images/bg.gif);
background-repeat: no-repeat;
background-position: center right;	
cursor: pointer;
}

table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}


table.tablesorter thead tr .headerSortUp {	
background-image: url(images/asc.gif);
}


table.tablesorter thead tr .headerSortDown {
background-image: url(images/desc.gif);
}


table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #de8026;
}



.tablesorterTdHover {
background-color: #de8026;
color: #3D3D3D;	
padding: 0px;	
text-align: center;	
vertical-align: top;
cursor: pointer;
} 

.tablesorterTd {
background-color: white;
color: #3D3D3D;	
padding: 0px;	
text-align: center;	
vertical-align: top;
cursor: pointer;
}

#slideshow {
    position:relative;
    height:200px;
    width: 100%;
background-color: black;
width: 250px;
margin: auto;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
width: 250px;
height: 200px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#login {
font-family:arial;	
background-color: white;	
font-size: 8pt;
text-align: center;
background-color: white;
border: 1px solid #FFF;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #234d6f;
	padding: 5px;	
        opacity: 0.85;
        background-image: url('images/tooltip_bg.png');
        color: white;
}

#tooltip h3, #tooltip div { margin: 0; font-family: verdana; font-size: 14px; }

#menu img { border: none; }
#menu a { border: none; text-decoration: none; }

#leftNav td:hover a { background-color: #23256b; color: white; cursor: pointer; }
#leftNav td:hover { background-color: #23256b; color: white; cursor: pointer; }
#leftNav td#separator { background-color: #23256b; color: white; cursor: pointer; }
#leftNav a { text-decoration: none; color: #23256b; }
#leftNav { float: left; width: 150px; background-color: #de8026; background-image: url("images/background-menu.png"); background-repeat: repeat-x; margin-left: 5px; height: auto; font-size: 13px; }

#products { text-align:center; }
#products thead { background-color: #23256b; color: white; text-align: center; }
#statsMonth { text-align:center; }
#statsMonth thead { background-color: #507CD1; color: white; text-align: center; }
#statsGlobal { text-align:center; }
#statsGlobal thead { background-color: #507CD1; color: white; text-align: center; }

#footer a { text-decoration: none; color: #23256b; }
#footer a:hover { text-decoration: underline; }

#body { float: left; text-align: justify; min-height: 100%; width: 727px; margin-left: 5px; background-color: white; max-height:10000px; }
#body a { text-decoration: none; color: #23256b; } { text-align: justify; }
#body a:hover { text-decoration: underline; }
#body h1 { float: left; font-family: verdana; font-size: 25px; margin: 0; padding: 0; color: #00538e; min-width: 15%; }
#body h2 { font-family: verdana; font-size: 20px; margin: 0; padding: 0; color: #00538e; }
#body h3 { font-family: verdana; font-size: 15px; margin: 0; padding: 0; color: #00538e; }
#body a { font-family: verdana; font-size: 12px; text-decoration: none; color: #23256b; }
#body a:hover { text-decoration: underline; }
#body a img { border: none; }
#bodyContainer { margin-left: 5px; min-height: 100%; margin-top: 5px; width: 717px; background-color: white; }
#leftContainer { width: 50%; height: auto; float: left; }
#rightContainer { width: 45%; height: auto; float: left; margin-left: 5px; text-align: center; }


#sitemap { float: right; font-family: verdana; font-size: 13px; margin: 0; padding: 0; color: #00538e; margin-top: 8px; }

#nouvelleDuJour { background-color: white; width: 50%; height: auto; float: left; }

#dynproductsContainer { 
text-align:center;
font-family: Verdana; 
font-size: 12px; 
font-weight: bold; 
text-align: center;
/*min-height: 200px; 
display: none; 
background-color: #FFFFFF; 
color: black; 
font-family: Verdana; 
font-size: 12px; 
font-weight: bold; 
text-align: center;
margin: 5px; 
overflow: scroll;*/ }

#dynProducts { 
text-align:center;
/*background-color: white; 
min-height: 200px; 
width: 400px; 
display: hidden; 
border: 1px solid white;*/ }

#productsContainer { 
text-align:center;
/*background-color: white; 
width: 100%; 
min-height: 200px;*/ }
.boutiqueItem { max-height: 300px; max-width: 300px; }


.news { background-color: #CDCDCD; width: 100%; }
.news #title { border-bottom: 1px dotted black; color: #00538e; font-size: 25px; }
.news #news { border-bottom: 1px dotted black; text-align: justify; }
.news #details { font-size: 14px; }
.news #details a { font-size: 14px; color:#23256b; }

.collaborateurs { background-color: #CDCDCD; width: 100%; }
.collaborateurs #title { border-bottom: 1px dotted black; color: #00538e; font-size: 25px; }
.collaborateurs #news { border-bottom: 1px dotted black; text-align: justify; }
.collaborateurs #details { font-size: 14px; }
.collaborateurs #details a { font-size: 14px; color:#23256b; }

.comments { background-color: #CDCDCD; width: 100%; }
.comments #title { border-bottom: 1px dotted black; color: #00538e; font-size: 25px; }
.comments #news { border-bottom: 1px dotted black; text-align: justify; }
.comments #details { font-size: 14px; }
.comments #details a { font-size: 14px; color:#23256b; }

.promotions { background-color: #CDCDCD; width: 80%; }
.promotions thead { border-bottom: 1px dotted black; background-color: #507CD1; }

#header {
background-image: url('images/header.png');
background-repeat: no-repeat;
width: 652px;
height: 114px;
float: left;
}

#header_search {
background-image: url('images/header_search.png');
background-repeat: no-repeat;
width: 290px;
height: 114px;
float: left;
}

#footer {
clear: both;
color: #1a1a51;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-align: center;
width: 99%;
margin: auto;
margin-left: 5px;
margin-right: 5px;
background-color:white;
padding: 5px 0 5px 0;
}

#footer_container {
background-color: #CDCDCD;
color: #1a1a51;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.textRed {
color: red;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}

.textBlue {
color: #1a1a51;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}

.editBlue {
border: 1px solid #23256b;
background-color: white;
width: 160px;
}

.editBlueSmall {
border: 1px solid #23256b;
background-color: white;
width: 30px;
}

.editBlueDatepicker {
border: 1px solid #23256b;
background-color: white;
width: 70px;
}

.buttonBlue {
border: 1px solid #23256b;
background-color: white;
width: 100px;
}

.textareaBlue {
border: 1px solid #23256b;
background-color: white;
width: 400px;
height: 200px
}

#TableProducts{
margin-top:150px
}

#produit_photo{
background-color: white;
width: 400px;
height: 500px;
}

#produit_menu{
background-color: white;
width: 300px;
height: 500px;
margin-left:405px;
float:right;
margin-top:-500px;
}