body 
{	
	width: 943px;
	height:auto;
	margin: auto;
	padding:0px;
	font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	text-align:left;
	/*overflow: hidden;*/
 }

#header
{
   width: 943px;
   height: 150px;
   background-color : white;
   background-image: url(img/header.jpg);
}
/*---------------------------------------------------------------------marques---------------------------------------------------*/
#logo
{
	height:60px;
}
#marque
{
	width:935px;
	height:86px;
	padding-top:4px;
	margin-left:4px;
	/*background-color:#FF0000;*/
	/*text-align:right;*/
}
#positionmarque
{
	float:right;
}

/*------------------------------------------------------------menu haut------------------------------------------------------*/
#menu
{
   width:935px;
   height:31px;
   margin-left:4px;
   margin-top:0px;
}

#chemin
{
   width: 700px;
   margin-left:10px;
   padding-top:10px;
   background: transparent;
   color:#993399;
   font-weight:bold;
}
#chemin a
{
   color:#993399;
}
#chemin a:hover
{
	color:#CCCCCC;
   text-decoration:underline;
}

/* Le corps de la page */	/* Le corps de la page */	/* Le corps de la page */	/* Le corps de la page */	/* Le corps de la page */

#corps
{
   width: 943px;
   margin-top:0px;
   padding-top:0px;
   background-color:#FFFFFF;
   min-height:609px;
   _height:609px;
   height:auto;
   overflow: hidden;
}

#contenu
{
	width:761px;
	height:auto;
	margin-top:-8px;
	padding-left:4px;
	float:left;
	background-color:#FFFFFF;
	/*text-align:left;*/
	left:auto;
	overflow: hidden;
}

/*------------------------------------------------------------Menu de droite-----------------------------------------------*/
#droite
{
	width:170px;
	/*height:578px;*/
	height:auto;
	margin-top:-8px;
	margin-left:4px;
	float:left;
	background-color:#FFFFFF;
	overflow: hidden;
}

#panier
{
   width: 170px;
   height: 116px;
   text-align:center;
   padding-top:0px;
   background-image: url(img/bgpanier.jpg);
   background-repeat:no-repeat;
   background-color:#CCCCCC;
}
#contenupanier
{
	width:154px;
	height:71px;
	text-align:right;
	margin-left:4px;
	padding-left:4px;
	padding-right:4px;
	padding-top:41px;
	/*background-color:#FF0000;*/
}
#perso
{
   width: 170px;
   height: 160px;
   background-image: url(img/bgespaceperso.jpg);
   background-repeat:no-repeat;

}
#contenuperso
{
	width:154px;
	height:130px;
	margin-left:0px;
	padding-left:0px;
	padding-right:2px;
	padding-top:15px;
	font-size:10px;
}

#recherche
{
   width: 170px;
   height: 100px;
   background-image: url(img/bgrecherche.jpg);
   background-repeat:no-repeat;
   font-size:10px;
   text-align:left;
   background-color:#CCCCCC;
}
#contenurecherche
{
	width:154px;
	height:70px;
	margin-left:0px;
	padding-left:0px;
	padding-right:4px;
	padding-top:40px;
	text-align:left;
}

#offre
{
   width: 170px;
   height: 122px;
   background-image: url(img/bgoffre.jpg);
   background-repeat:no-repeat;
}

#contenuoffre
{
	width:154px;
	height:92px;
	margin-left:6px;
	padding-left:6px;
	padding-right:4px;
	padding-top:40px;
	text-align:left;
}

#clindoeil
{
   width: 170px;
   height: 127px;
   background-image: url(img/bgclindoeil.jpg);
   background-repeat:no-repeat;
}


#descriptionpageaccueil
{
	padding:5px 10px 30px 10px;
	background-image: url(img/bgTextAccueil.jpg);
	background-repeat:no-repeat;
	/*background-color:#CCCCCC;
	border:2px #999999 solid;*/
}

/* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied *//* pied */
#foot
{
   width: 943px;
   height: 210px;
   /*margin-bottom:90px;*/
   background-image:url(img/footer2.jpg);
   background-repeat:no-repeat;
   clear:both;
}

#foot2
{
  margin-left:10px;	
  width: 943px;
  height: 95px;
}
#bloque1
{
   margin-top:34px; 	
   padding-left:2px;
   float:left;
   width: 317px;
   height: 76px;

}
#bloque2
{
   margin-top:15px;
   float:left;
   width: 162px;
   height: 95px;

}
#bloque3
{
   margin-top:15px;
   float:left;
   width: 217px;
   height: 95px;

}
#bloque4
{
   margin-top:40px;
   float:left;
   width: 233px;
   height: 70px;

}
#newsletter
{
	width:310px;
	height: 55px;
	margin-top:6px;
}

#messagenewsletter
{
	width:310px;
}
#descriptionnewsletter
{
	width:310px;
}
#emailnewsletter
{
	float:left;
}
#validernewsletter
{
	float:left;
}
#bloque3_favoris
{
}
#bloque3_aunamie
{
	padding-top:3px;
}
#info
{
   padding-top:0px;
   color:#FFFFFF;
}
#aboutus
{
	color:#CCCCCC;
}
#aboutus a
{
	color:#999999;
}
#aboutus a:hover
{
	color:#CCCCCC;
}
#coperight 
{
	color:#333333;
}
#coperight a
{
	color:#000000;
}

/* ------------------------------------------------------------STYLES-------------------------------------------------------------- */

/* HEADERS */
h1 {font: 2.5em Georgia, Times New Roman, Helvetica, serif; color: #000000; padding: 0px 0 0px 0; margin: 0;} /* main page title */
h2 {font: 2.0em Georgia, Times New Roman, Helvetica, serif; color: #000000; padding: 0 0 9px 0; margin: 0;}
h3 {font-size: 1.3em; padding: 8px 0 6px 0; margin: 0;} /* used to display product titles */
h4 {font-size: 1.2em; color: #000000; padding: 8px 0 4px 0; margin: 0;}
h5 {font-size: 1.1em; color: #FFA100; padding: 10px 0 2px 0; margin: 0;}
h6 {font-size: 1.0em; color: #FFA100; padding: 0; margin: 0;}

/* LINKS */
A { font-style: normal; color: #6A686C; text-decoration: none}
A:hover { font-style: normal; color: #003366; text-decoration: none}
A:active { font-style: normal; color: #6A686C; text-decoration: none}
A:visited { font-style: normal; color: #6A686C; text-decoration: none}

A.whitelink { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:hover { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:active { font-style: normal; font-weight: normal; color: white; text-decoration: none}
A.whitelink:visited { font-style: normal; font-weight: normal; color: white; text-decoration: none}

select {
    font-size: 8pt; 
    font-family: Verdana, sans-serif; 
}

.text {
    font-size: 8pt; 
    font-family: Verdana, sans-serif; 
}

/* -- Global Layout Styles -- */
#bodywrapper {width: 800px; padding: 0px 0px 0px 0px; margin:0px auto; text-align:left; }
#contentwrapper { padding: 5px 0px 0px 0px; margin:0px auto; text-align:left; position: relative; background-color: White;}
.pagewrapper {padding: 0 0px; background: url(images/pagewrapper_bg.gif) repeat-y; position: relative; }
#languagewrapper {width: 800px; padding: 4px 0px 0 0px; margin:0px auto; text-align:right; position: relative; border-top: solid 1px gray;}
#headwrapper{ padding: 0 20px; height: 60px;background-color: white;}
#headlinewrapper{height: 20px;background-color: #485C5A;padding: 8px 5px 0px 10px;color: White;font-weight: bold;}
#searchwrapper{background-color: #BCE27F;}

/* -- Top Navigation -- */
#topmenu {}
#navbar-top {height: 20px;}
#navbar-bottom {height: 61px;}

#navbar-top #login {float: right; width: 464px; height: 22px; text-align: right;}
#navbar-top #login a {color: black;}
#navbar-top #login .input_field-email {margin: 0 2px 0 2px; padding: 1px 0 1px 4px; height: 1.3em; width: 13em; border: 1px solid #2E2E2C; background-color: #CFCFCA;color: #000000;}
#navbar-top #login .input_field-pass {margin: 0 2px 0 2px; padding: 1px 0 1px 4px; height: 1.3em; width: 5em; border: 1px solid #2E2E2C; background-color: #CFCFCA;color: #000000;}
#navbar-top #login .button {margin: 0 15px -2px 3px;}

#navbar-bottom #sectionlinks {width: 100%; height: 36px; background: url(images/corner_bl.gif) no-repeat left top; color: #FFF;}
#navbar-bottom #sectionlinks img {margin-right: 10px;}
#navbar-bottom #sectionlinks a {color: #FFF;}
#navbar-bottom #sectionlinks .backtotop {}

#searchbar { text-align: center; border: solid 0px #999999; background-color: white; position: absolute; left: 383px; top: 5px; width: 425px; height: 25px; padding: 7px 0 7px 7px;}
#searchbar .header1 {float: left; margin-bottom: 9px;}
#searchbar .search-input {width: 130px; margin-right: 4px;}
#searchbar select {width: 145px; border: 1px solid #9B9B96;}
#searchbar .advanced {float: left; padding: 2px 0 0 10px; display: inline;}
#searchbar .button {margin: 0 0 -6px 0;}

#copyright {text-align: right; width: 800px}
#sitetitle {background: url(images/title.gif); width: 480px; height: 60px; cursor: pointer; background-repeat: no-repeat;}

/* -- Clear Fix -- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */