/*		GENERAL		*/
* { font-family: Lucida Grande, Arial, Verdana, Helvetica; font-size: 12px; color: #BBB }
html { padding: 0 ; margin: 0 auto; text-align: center; background: url('../z__imgs/bg_body.png') repeat-y center #313131 }
body { padding: 0; margin: 0; font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #BBB; background: url('../z__imgs/top_bg.png') repeat-x }
#global { width: 960px; padding: 0; margin: 0 auto; }

a,
a:link,
a:visited { cursor: pointer; color: #FFF; text-decoration: none; font-weight: bold }

a:hover,
a:active { color: #FFB682; text-decoration: none; font-weight: bold }

h1 { margin: 0 0 20px; padding: 0; font-size: 1.8em; font-weight: normal; letter-spacing: 1px; color: #FFB682; text-align: left }
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { margin: 0 0 20px; padding: 0; font-size: 1em; font-weight: normal; letter-spacing: 1px; color: #FFB682; text-align: left }
h2 { margin: 0; padding: 15px 0 0; font-size: 1.2em; font-weight: bold; letter-spacing: 1px; color: #FFB682; text-align: left; font-style: italic }
h3 { text-align: left; text-transform: uppercase; font-size: 14px; font-weight: normal; color: #FFB682; margin: 0 0 10px; padding: 0 0 4px 4px; border-bottom: 1px dotted #FFB682 }

input.text	{ background: #EEE; border: 3px solid #DDD; }
textarea 	{ background: #EEE; border: 3px solid #DDD; }

/*	classes utilisables par tous	*/
.floatleft	{ float: left }
.floatright	{ float: right }
.clearboth 	{ display: block; clear: both; text-align: left; margin: 0 0 0; padding: 0 }
.center 	{ text-align: center }
.red 		{ color: red }
.saumon		{ color: #FFB682 }
.green 		{ color: green }
.bold 		{ font-weight: bold }
.italique 	{ font-style: italic }
.spacer 	{ display: block; margin: 0 0 20px }
.no_border	{ border: none }
.filet		{ border-top: 1px solid #444; border-bottom: 1px solid #444; width: 100% }


/*		HEADER		*/
#top { width: 960px; height: 210px; background: url('../z__imgs/top.jpg') no-repeat }
#top #titre a { float: left; width: 380px; height: 40px; padding: 0; margin: 27px 0 0 50px; }
#top #titre a:hover, #header #titre a:active { text-decoration: none }
#top #langue { width: 100px; float: right; margin: 5px 45px 0 0; text-align: right }
#top #langue a { font-size: 10px }



/*		SSMENU		*/

#ssmenu { margin: -92px auto 20px; padding: 0; width: 880px }
#ssmenu ul { list-style-type: none; margin: 0; padding: 2px 0 20px 10px; text-align: left; height: 25px }
#ssmenu ul li { float: left; display: block; margin: 3px 90px 10px 0 }
#ssmenu ul li a { font-weight: normal; font-size: 14px }
#ssmenu ul li a:hover, #ssmenu ul li a:active { color: #FFF; text-decoration: underline }



/*		CONTENT		*/
#content { width: 670px; margin: 0 0 0 40px; padding: 0; float: left; }

#content p.p_home { width: 530px; text-align: justify; margin: 14px auto }

#content #home_categories table { margin: 20px auto; text-align: center }
#content #home_categories table tr {  }
#content #home_categories table tr td { vertical-align: top; width: 106px; padding: 0 10px 55px; }
#content #home_categories table tr td a { display: block; margin: 0; padding: 0; height: 86px; width: 106px; text-align: center }
#content #home_categories table tr td a span.thumbnail_categorie { display: block; margin: 0 10px; padding: 0; width: 86px; height: 86px; border: 1px solid #FFF; }
#content #home_categories table tr td a span.thumbnail_categorie img.thumbnail { border: 3px solid #000; }
#content #home_categories table tr td a:hover span.thumbnail_categorie,  #content #home_categories table tr td a:active span.thumbnail_categorie { display: block; border: 1px solid #FFB682 }
#content #home_categories table tr td a span.titre_categorie { display: block; margin: 0; padding: 0; width: 106px; border: none }
#content #home_categories table tr td a span.titre_categorie img.no_border { padding-top: 8px; }

#content #menu_categorie { width: 120px; float: left; padding: 0; margin: 5px 10px 0 10px; text-align: left }
#content #menu_categorie h3 { margin: 0 12px 20px 0 }
#content #menu_categorie ul { list-style-type: none; margin: 0; padding: 0 }
#content #menu_categorie ul li { margin: 0 0 15px; }
#content #menu_categorie ul li a { border-left: 3px solid #444; display: block }
#content #menu_categorie ul li a:hover, #content #menu_categorie ul li a:active { color: #FFF; border-left: 3px solid #FFB682 }
#content #menu_categorie ul li a img { position: relative; top: 6px; left: 3px }

#content #titleimg_categorie { text-align: left }

#content ul#filtres { display: block; width: 490px; float: left; list-style-type: none; margin: 0 0 20px; padding: 0 }
#content ul#filtres li { display: block; float: left; margin-right: 8px }
#content ul#filtres li a { color: #FFB682 }
#content ul#filtres li a:hover { color: #FFF }
#content ul#filtres li.selected a { text-decoration: underline }

#content #produits { display: block; width: 505px; float: left; list-style-type: none; margin: 0; padding: 0 }
#content #produits li { clear: both; display: block; }
#content #produits li p.lien_titre { display: block; width: 520px; margin: 0 0 2px 0; text-align: left; }
#content #produits li p.lien_titre img { border: none }
#content #produits li p.description { display: block; width: 520px; float: left; margin: 3px 0 25px; text-align: left; }
#content #produits li p.description span.in_category { font-style: italic; color: #777 }
#content #produits li p.description a.lien_image { float: right; margin-left: 10px; border: 1px solid #FFF; margin: 0; padding: 0 }
#content #produits li p.description a.lien_image img { border: 3px solid #000; margin-bottom: -3px }
#content #produits li p.description a.lien_image:hover, #content #produits li p.description a.lien_image:active { border: 1px solid #FFB682 }

#content .noResult { margin-top: 80px }

#content #pager { clear: both; text-align: left; margin: 0 0 0 140px; padding: 0 0 10px 0 }

#content #produit { width: 505px; float: left }
#content #produit p { text-align: left }
#content #produit .sold { margin: 5px 0 20px; text-align: center; font-size: 1.3em; font-weight: bold; color: #DD0000 }
#content #produit #previews { list-style-type: none; margin: 0; padding: 0 }
#content #produit #previews li { float: left; margin: 0 16px 15px 0; padding: 0; text-align: center; }
#content #produit #previews li a {  }
#content #produit #previews li a img { border: 1px solid #FFF }
#content #produit #previews li a:hover img, #content #produit #previews li a:active img { border: 1px solid #FFB682 }

#content #biographie { width: 300px; display: none; overflow: scroll }

#modal_content div img { margin: 5px 10px 10px 0; float: left }

#content #navigation_produit { margin: 30px 0 0; padding: 0; }
#content #navigation_produit p { height: 16px }

#content #aboutus { margin: 0; padding: 0 20px; text-align: justify }
#content #aboutus p {  }
#content #aboutus dl {  }
#content #aboutus dl dt { float: left; margin: 15px 30px 15px 0 }
#content #aboutus dl dd { padding: 2px 0 0; margin: 0 }
#content #aboutus #other_questions { border-top: 1px dotted #AAA; border-bottom: 1px dotted #AAA }

#content #contact_product { margin: 0 }
#content #contact_product p {  }
#content #contact_product #image { display: block; float: left; margin-right: 20px; }
#content #contact_product #image img { border: 1px solid #FFF }
#content #contact_product p#description { margin: 15px 0 30px }

#content #form_contact { padding-left: 20px }
#content #form_contact p { margin: 0 0 14px; padding: 0; text-align: left }
#content #form_contact dl { width: 630px; text-align: left }
#content #form_contact dl dt { float: left; width: 150px; margin: 10px 0 0 }
#content #form_contact dl dd { float: left; margin: 10px 0 0; width: 480px }
#content #form_contact dl dd input { color: #000 }
#content #form_contact dl dd input.text { width: 300px }
#content #form_contact dl dd input.submit { margin: 0 0 20px }
#content #form_contact dl dd textarea { width: 450px; color: #000 }
#content #form_contact img {  }
#content #form_contact a { clear: both; }

#content #focus_description { text-align: left }



/*		RIGHT_COLUMN	*/
#right_column { float: left; width: 200px; padding: 0 0 0 10px; margin: 5px 0 0 }

#right_column #form_quicksearch { display: block; margin: 0; padding: 0 }
#right_column #form_quicksearch p { text-align: left; margin: 0; padding: 0 4px; font-size: 1.3em; font-style: italic }
#right_column #form_quicksearch input { float: left; color: #000 }
#right_column #form_quicksearch input.text { width: 140px; margin: 0 3px 20px 4px; padding: 0 }

#right_column #last_quicksearches { clear: both; margin-bottom: 10px }
#right_column #last_quicksearches span.titlebox { display: block; text-align: left; padding: 0 4px; color: #666; font-style: italic  }
#right_column #last_quicksearches p { text-align: left; margin: 0; padding: 0 4px;}
#right_column #last_quicksearches p a {  }

#right_column #focus { clear: both; padding: 20px 0 0 }
#right_column #focus p { text-align: left; padding: 0 4px }
#right_column #focus a, #right_column #focus a:link #right_column #focus a:visited { font-weight: normal }
#right_column #focus a:hover p, #right_column #focus a:active p { text-decoration: underline }

#right_column #nouveautes { clear: both; padding: 20px 0 0 }
#right_column #nouveautes p { text-align: left; margin-bottom: 20px; padding: 0 4px }


/*		FOOTER		*/
#footer { width: 895px; text-align: left; clear: both; height: 26px; margin: 0 auto 0; padding: 20px 0 10px; }
#footer #copyright { margin: 0; padding: 6px 0 4px 15px; float: left; font-size: 10px }
#footer #copyright a { font-weight: bold; font-size: 10px }
#footer #return_top { margin: 0; padding: 6px 15px 4px 0; float: right; font-size: 10px }
#footer #return_top a { font-size: 10px }