html{height: 100%}

body {
		margin: 0 auto;
		padding: 0;		
		text-align: center;
    	font-family: Arial, Helvetica, sans-serif;
		font-size: 0;		
    	color: #000;
    	background-image: url(_images/bg.jpg);
		background-attachment: fixed;		
}

#wrapper {        
		margin: 0 auto;
		width: 900px; /* Replace the xxxx with the the width of your site (eg 800px)*/
		text-align:left;
}

img{ /* Remove border around linked images */border: 0;}

A:link {text-decoration: none; color:#000000; }
A:visited {text-decoration: none; color:#000000; }
A:hover {text-decoration: underline; color:#000000; }
A:active {text-decoration: none; color:#666666; }

A.white:link {text-decoration: none; color:#FFFFFF; }
A.white:visited {text-decoration: none; color:#FFFFFF; }
A.white:hover {text-decoration: underline; color:#FFFFFF; }
A.white:active {text-decoration: none; color:#FFFFFF; }

a{outline: none;}
:focus{-moz-outline-style: none;}

.textsmall {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px; color: #000000
}

.text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px; color: #000000
}

.textmedium {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px; color: #000000
}

.textlarge {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px; color: #000000
}

.textlargeoffwhite {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px; color: #DDDDDD
}

.textsmallwhite {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px; color: #FFFFFF
}

.textwhite {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px; color: #FFFFFF
}

.textmenu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px; color: #F0F0F0
}

.textproduct {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px; color: #000000
}

.footer {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px; color: #000000
}

.footerwhite {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px; color: #FFFFFF
}


.mouseout { background-color:#DCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.mousein  { background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.entete { background-color:#CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.erreur_sql { background-color:#FF0000; font-weight:bold; color:#FFFFFF; text-align:center; }
.cle_detruite { background-color:#00FF66; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.cle_courante { background-color:#00FF66; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

.select{ display:block; float:left; text-align:right;  text-transform:none; width:290px; padding:10px 10px 0 10px; }
.select select{ background:#010101; color:#ffc002; border:1px solid #555; }

tr.hilite { background-color:#666666; color:#FFF;}
tr.hilite td.hilite{ background-color:#666666; color:#FFF;}
td.hilite{ background-color:#666666; color:#FFF;}

/* =MainMenu-----------------------------------------------------------------------------*/

#mainMenu{ background:url(_images/menu.jpg) center top no-repeat; width:900px; height:45px; text-transform:uppercase; font-weight:bold; text-align:center; }
/*#mainMenu li{ float:left; }
#mainMenu li a{ display:inline-block; height:20px; margin-top:0px; text-align:center; color:#FFF; padding:15px 25px; }
#mainMenu li a:hover{ background:url(_images/menuHover.png) center top no-repeat; color:#FFF; text-decoration:none; }*/

#mainMenu a{ display:inline-block; height:20px; margin-top:0px; text-align:center; color:#F0F0F0; padding:15px 25px; }
#mainMenu a:hover{ background:url(_images/menuHover.png) no-repeat center top; color:#FFF; text-decoration:none; }

/* ----------------------------------------------*/

#formulaire { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

#date { height: 34px; line-height: 34px; font-size: 14px; margin: 0 0 2px 0; padding: 0; }

#productPage #header h1{ font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#ffc608; text-transform:uppercase; font-weight:bold; padding:0;}
#productPage #header a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-transform:uppercase;text-decoration:none;}
#productPage #header a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffc608; text-transform:uppercase;}

#productPage h1{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#ffbf01; text-transform:uppercase; padding:5px; }
#productPage #content{ float:left; width:637px; margin-top:8px; background:#050505 url(../../img/backh1.jpg) center top  no-repeat;  padding-bottom:15px;}
#productPage #content .box{ float:left; padding:10px 10px 10px 20px;}
#productPage #content .box .prod_image{ width:130px; float:left; margin-right:10px; }
#productPage #content .box .prod_image img{ border:6px solid #373737; }
#productPage #content .box .product{ float:left; background:url(../../img/gradient_prod.jpg) repeat-x top #009966; padding:10px; width:437px; height:116px; }
#productPage #content .box .product p{ color:#6b6b6b; }

#productPage #content .box #product_image{ float:left; width:260px; margin-right:15px;  margin-bottom:30px; }
#productPage #content .box #description{ float:left; width:332px; margin-bottom:30px; }
#productPage #content #listPage{ margin:15px; float:left; font-size:13px;}
#productPage #content #listPage a{ color:#FFF;  display:inline-block; height:15px; width:15px; padding:3px; margin:5px; text-align:center; }
#productPage #content #listPage a:hover{ color:#ffc002; }
#productPage #content #listPage a.active{ color:#ffc002; }

div.boxPages{ text-align:center; padding-top:15px; clear:both; color:#000; }
div.boxPages a{ font-weight:bold; margin-left:4px; font-size:14px; color:#000; }
div.boxPages a.active{ color:#666666; }

.button{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px; color: #000000;
	font-weight: bold;
	background: url(_images/button_search.jpg);
	width: 200px;
	height: 30px;
}