/* layout */
body               {text-align:center; background-color:#191919; color:#DDD; overflow: -moz-scrollbars-vertical;}
#wrapper           {margin:0 auto; width:970px; text-align:left;}
#header            {padding:0 0 0 30px; height:150px;  background-repeat:no-repeat; position:relative;}
#toolbar           {font-size:11px; text-transform:uppercase; text-align:right; background: url(/images/rounded_corner_toolbar.gif) top left no-repeat; position:absolute; right:0px; bottom:0px; line-height:25px; color:#999;}
#toolbar a         {border-bottom:none; color:#DDD;}
#toolbar a:hover   {color:#FFF;}
#toolbar_padding   {margin-left:10px; background-color:#191919; padding:6px 15px 6px 6px;}
#body              {}    

#contentWrapper    {margin-left:220px;}
#content           {margin-left:5px;}
#logo               {position:absolute; bottom:10px; left:10px; z-index:10; border-bottom:none;}
#logoTitle          {position:absolute; bottom:0; left:290px; z-index:20;}

/* header */
.header1            {background-image:url(/images/header_bg.jpg); background-position:0;}
.header2            {background-image:url(/images/header_bg.jpg); background-position:-1000px 0;}
.header3            {background-image:url(/images/header_bg.jpg); background-position:-2000px 0;}
.header4            {background-image:url(/images/header_bg.jpg); background-position:-3000px 0;}
.header5            {background-image:url(/images/header_bg.jpg); background-position:-4000px 0;}
.header6            {background-image:url(/images/header_bg.jpg); background-position:-5000px 0;}
.header7            {background-image:url(/images/header_bg.jpg); background-position:-6000px 0;}
.header8            {background-image:url(/images/header_bg2.jpg); background-position:0;}
.header9            {background-image:url(/images/header_bg2.jpg); background-position:-1000px 0;}
.header10           {background-image:url(/images/header_bg2.jpg); background-position:-2000px 0;}
.header11           {background-image:url(/images/header_bg2.jpg); background-position:-3000px 0;}
.header12           {background-image:url(/images/header_bg2.jpg); background-position:-4000px 0;}
.header13           {background-image:url(/images/header_bg2.jpg); background-position:-5000px 0;}
.header14           {background-image:url(/images/header_bg2.jpg); background-position:-6000px 0;}

#tagline            {padding:0 0 7px 12px; font-size:10px; color:#CCC;} 
#description        {color:#CCC;}
#description strong,
#description b      {color:#FFF;}
#description ul     {list-style:circle;}
#description ul li  {margin-left:30px;}
#description ol     {list-style:decimal;}
#description ol li  {margin-left:30px;}

.rounded_corner_tl {background: url(/images/rounded_corner.gif) right bottom no-repeat; position:absolute; top:0; left:0; height:5px; width:5px; overflow:hidden; font-size:1px;}
.rounded_corner_tr {background: url(/images/rounded_corner.gif) left bottom no-repeat; position:absolute; top:0; right:0; height:5px; width:5px; overflow:hidden; font-size:1px; }
.rounded_corner_bl {background: url(/images/rounded_corner.gif) right top no-repeat; position:absolute; bottom:0; left:0; height:5px; width:5px; overflow:hidden; font-size:1px;}
.rounded_corner_br {background: url(/images/rounded_corner.gif) left top no-repeat; position:absolute; bottom:0; right:0; height:5px; width:5px; overflow:hidden; font-size:1px;}
#header .rounded_corner_br {bottom:25px;}
#header .rounded_corner_tr2 {background: url(/images/rounded_corner.gif) left bottom no-repeat; position:absolute; top:25px; right:0; height:5px; width:5px; overflow:hidden; font-size:1px;}

a                   {color:#FFF; text-decoration:none; border-bottom:1px dotted #DDD;}  
a:hover             {color:#DDD; border-bottom:1px dotted #FFF;} 
h1                  {font-size:1.6em; text-transform:uppercase; margin-bottom:0.25em; color:#FFF;}    
 
/* product categories menu */
div#categories_menu_wrapper    {float:left; margin:0 10px 1px 0;  background-color:#303030; font-size:11px; text-transform:uppercase;} 
#categories_menu               {width:200px; padding:5px; position:relative;} 
#categories_menu a             {border-bottom:none; display:block; padding:3px 5px 2px 1em; color:#DDD;}
#categories_menu a:hover       {background-color:#303030; color:#FFF;}    
#categories_menu div           {background-color:#2A2A2A; border-top:1px solid #444; border-bottom:1px solid #191919; border-left:1px solid #444; border-right:1px solid #191919;} 
#categories_menu div div       {background-color:#222; }
#categories_menu .selected     {background-color:#666;}
#categories_menu .parent1 a, 
#categories_menu .parent2 a    {cursor:hand; cursor:pointer; }
#categories_menu .children2,
#categories_menu .children3    {padding:0; border:none;}
#categories_menu .children2 a  {padding-left:2em;}
#categories_menu .children3 a  {padding-left:3em;}
#categories_menu .children2 a:hover,
#categories_menu .children3 a:hover,
#categories_menu .selected a  {color:#FFF;}

/* navigation */
/*#navigation ul            {text-align:left; list-style:none; border-left:1px solid #03401E; border-right:1px solid #07A04A;}
#navigation ul li         {float:left; border-left:1px solid #07A04A; border-right:1px solid #03401E;}
#navigation ul li a       {display:block; float:left; padding:0 15px; text-align:center; text-decoration:none; font-weight:bold;}
#navigation ul li a:hover {background-color:#06883F;}
#navigation ul li a span  {line-height:35px; color:#FFF; }
#navigation #current a span {}*/

#navigation_wrapper {text-align:center;}
#navigation {text-align:right;}
#navigation li.first {color:#191919; width:5px; height:25px; background: url(/images/rounded_corner_nav.gif) top left no-repeat; border:none;}
#navigation li {float:right; border-right:1px solid #191919; }
#navigation a {font-size:11px; background-color:#191919; text-transform:uppercase; border:none; color:#DDD; display:block; padding:6px 10px 5px 10px;}
#navigation a:hover {background-color:#333; color:#FFF;}
#navigation {}

/* Notifications, errors, messages */
ul#error_messages, 
ul#notice_messages, 
ul#message_messages    { padding:10px; margin-bottom:10px;}
ul#error_messages      { background:#990000; color:#EEE;  }
ul#notice_messages     { background:#817134; color:#EEE; }
ul#message_messages    { background:#51823B; color:#EEE;  }
ul#error_messages a,    
ul#notice_messages a,   
ul#message_messages a  { color:#FFF; font-weight:bold; } 

/* tables */
table               {width:100%; border-top:1px solid #000; border-bottom:1px solid #292929;}
table th            {background-color:#333; padding:5px; font-weight:bold;}
table td            {border-top:1px solid #292929; border-bottom:1px solid #000; padding:5px; vertical-align:middle;}
td.row, tr.row td   {background-color:#EEE;}
td.row0, tr.row0 td {background-color:#DDD;}
td.row1, tr.row1 td {background-color:#FFF;}
td.row2, tr.row2 td {background-color:#AAA;} 

/* --- Formulaires --- R�f�rence : http://code.google.com/p/blueprintcss/ */
label                                { display:block; text-align:right; float:left; width:30%; padding: 2px;}
fieldset                             { padding:1em; margin:1em 0; border:1px solid #000; }
legend                               { font-weight:bold; font-size:1.2em; }
input.inputbox,
select,
textarea                             { border:1px solid #666; background-color:#333; color:#DDD;}         
input.inputbox                       { width:35%; margin:0 0 3px 0; padding:2px; color:#DDD; background-color:#333; border:1px solid #666;}
input.inputbox:focus,
textarea:focus,                       
select:focus                         { border:1px solid #999; }
textarea                             { width: 35%; height: 250px; margin:0 0 5px 0;  padding:2px; color:#DDD; }
.radiobox label                      { display:inline; float:none;}
.form-row                            { padding:1px 0; overflow:hidden; }         
.form-row:after                      { clear:both;}                  
.form_error                          { float:right;  clear:right; width:20%; background:#990000; color:#FFF; padding:2px 5px; margin:0 10px 0.5em 0;}
.form-row-button                     { }  
.form-row-button button,
.form-row-button a.button            { float:right; clear:both;}
input.disabled_input                      {border:none; background:none;}  
/* --- Boutons --- Utilisation : <button type="submit" class="button positive"> ou <a href="#" class="button negative">  R�f�rence : http://particletree.com/features/rediscovering-the-button-element/*/
a.button, button                {font-size:11px; text-transform:uppercase; float:right;  display:block;  margin:0 3px 3px 0; padding:3px 9px 3px 7px; /* Links */ border:1px solid #666; background-color:#333; font-family:Arial, Helvetica, sans-serif;  line-height:130%; text-decoration:none; font-weight:bold; color:#EEE; cursor:pointer; }
button                          {font-size:11px; text-transform:uppercase; width:auto; overflow:visible; padding:3px 9px 2px 7px; /* IE6 */ }
button[type]                    { padding:3px 9px 2px 7px; /* Firefox */ line-height:16px; /* Safari */ }
*:first-child+html button[type] { padding:3px 9px 1px 7px; /* IE7 */ }
button img, a.button img        { margin:0 5px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none;}
/* Standard button */ 
button:hover, 
a.button:hover  { color:#FFF; }
a.button:active {  color:#FFF; }
/* Positive button */ 
body button.positive        { color:#00DD00; }
body a.positive        { color:#00DD00; }
a.positive:hover, 
button.positive:hover { color:#00FF00;}
a.positive:active     {  color:#00DD00; }
/* Negative button */ 
body button.negative        { color:#DD0000; }
body a.negative        { color:#DD0000; }
a.negative:hover, 
button.negative:hover {  color:#FF0000; }
a.negative:active     {  color:#FF0000; }

#product_image_wrapper, 
#category_image_wrapper {float:right; padding:0 0 5px 10px; background-color:#191919;} 
#product_image,
#category_image        {padding:5px; background-color:#333; border:1px solid #000; height:102px; width:102px;} 
#product_image a       {border:0; text-decoration:none; }
#product_image img,
#category_image img    {border:1px solid #000;}
#manufacturer_image    {float:right; padding:0 0 10px 10px;}

/* category page */
#product_categories         {margin-top:1em;}
.product_category           {float:left; width:24%; height:165px; text-align:center;}
.product_category_image     {height:115px} 
.product_category_image img {border:1px solid #000;}
.product_category_image a:link,
.product_category_image a:visited {display:block; margin:5px; padding:5px; background-color:#333; border:1px solid #000; height:102px; margin:0 auto; width:102px; }
.product_category_image a:hover   {background-color:#444;}
.product_category_link a      {font-size:11px; line-height:1.5; color:#EEE; border:none; text-transform:uppercase; }

       
h3                                          { font-size:11px; text-transform:uppercase; margin-top:1em;  margin-bottom:0 ;} 
#product_size_image_wrapper                 {overflow:hidden;}  
.product_size_image                         {float:left; margin-right:5px; margin-bottom:2px;  text-align:center; color:#DDD; overflow:hidden;}     
#product_sizes                              {border:0;  }        
#product_sizes label                        {display:inline; float:none; width:auto; line-height:2em; background-color:#222; padding:5px 7px; border:1px solid #333; cursor:hand; cursor:pointer; } 
#product_sizes .product_selector_selected   {background-color:#333; border-color:#006600;}
#product_sizes .mouseOver                   {background-color:#333;}


#product_options                                {border:0; clear:right;}  
#product_options .product_option_prices_wrapper {position:relative; font-size:10px;}
#product_options .product_option_prices         {position:absolute; top:0; right:88px; z-index:100; width:195px; background-color:#DDD; color:#000; padding:5px; } 
#product_options .product_option_prices table   {margin:3px 0; border-color:#CCC;}
#product_options .product_option_prices td      {padding:2px; text-align:right; padding-right:10px; border-color:#CCC; } 
#product_options .product_option_prices .click_to_select {color:#990000;}
#product_options .product_option_wrapper        {float:left;} 
#product_options .product_option                {width:88px; height:140px; text-align:center; font-size:10px; cursor:hand; cursor:pointer;} 
#product_options .product_option_image          {height:82px;}
#product_options .product_option_image img      {border:1px solid #333; border-bottom-color:#000; border-right-color:#000;}
#product_options .product_selector              {padding:2px; border:1px solid #191919;} 
#product_options .product_selector_selected     {border-color:#006600; background-color:#333;}
#product_options .hidden                        {display:none;}  
#product_options .mouseOver                     {border-color:#EEE;}
#product_options .manufacturer_image img        {border:1px solid #999; margin-top:5px;}      

table#product_prices                            {border:none; width:auto; padding-left:10px;}
table#product_prices td                         {padding:2px 10px 2px 0; border:none;}            

#cart                  {margin:1em 0;}  
#cart .inputbox        {padding:1px; margin:0;}

a.close_button         {border-bottom:none;} 
a.edit_button          {border-bottom:none;}
button.add_to_cart     {margin:0; color:#FFF; border:none; padding:1px 5px 3px 3px; background-color:#51823B; border:1px solid #66A34A; border-bottom:1px solid #335E1D; border-right:1px solid #335E1D;}
*:first-child+html button.add_to_cart {padding:1px 5px 3px 3px;}
button.add_to_cart:hover   {background-color:#66A34A;}
ul.list                {border-top:1px solid #333;}    
ul.list li             {padding:5px; border-bottom:1px solid #333;}
.block_text            {padding:5px; background-color:#333; border:1px solid #666; margin-bottom:1em;}

.preview {border:1px solid red !important;}

.product_document      {padding:0.5em 0;}    
.product_document img  {vertical-align:middle; padding-right:5px;}

.pager               {text-align:center; padding:8px 0; position:relative; bottom:.25em;}
.pager .pager_align  {margin:0 auto; }
.pager span, 
.pager a           {padding:2px 5px; border:1px solid #666; background-color:#333;}
.pager a:hover     {border:1px solid #AAA; background-color:#666;}
.pager span        {background-color:#222; border:1px solid #333; color:#AAA;}

#old_footer {font:11px Arial, helvetica, sans-sherif; color: #999;  text-align: center; padding:20px 0; }

#footer            {clear:both; height:28px; position:relative; color:#999; margin-top:1em; padding:0; background-color:#333; font-size:11px; text-transform:uppercase;}
#footerContent     {text-align:right; padding:7px 15px;}
#footer a          {border-bottom:none; color:#DDD;} 
#footer a:hover    {color:#FFF;}
#footer #copyright {float:left; position:relative;}

hr {border:none; border-top:1px solid #000; border-bottom:1px solid #292929; height:2px; padding:0; margin:.5em 0; }
.hr {border:none; border-top:1px solid #000; border-bottom:1px solid #292929; height:0px; margin:0 0 .5em 0; }

#box1Wrapper  {margin-bottom:10px;}
#box1         {background:#664466; padding:5px 10px; width:705px;}
#box2Wrapper  {margin-bottom:10px; }
#box2         {background-color:#768760; padding:5px 10px; width:705px;}
#box3Wrapper  {margin:0 10px 10px 0; float:left; }
#box3         {background-color:#978433; padding:5px 10px;  width:215px;}
#box4Wrapper  {margin:0 10px 10px 0; float:left; }
#box4         {background-color:#987567; padding:5px 10px;  width:215px;}
#box5Wrapper  {margin:0 0 10px 0; float:left; }
#box5         {background-color:#678785; padding:5px 10px;  width:215px;}


#spplus td    {padding: 0; background-color:#FFF;}

.gallery {margin:1em 0;}
.galleryNormal {margin-right:225px; overflow:hidden;}
.galleryNormal h3 {clear:left;}
.gallery a {display:block; text-transform:uppercase;}
.gallery .image {border:0; display:inline; padding:0 5px 0 0; float:left;}
.gallery .image:hover {border:0;} 
.gallery a {margin:0 0 5px 0; font-size:12px;}
.galleryDroite {margin:0 0 1em 0; padding-left:15px; float:right; clear:right;} 
.galleryDroite a,
.galleryDroite .video {padding-right:0; }
.galleryGauche {margin:0 0 1em 0; padding-right:15px; float:left; clear:left;}
.galleryGauche a,
.galleryGauche .video { }
#description p {margin-bottom:1em;}
#description h2 {font-size:16px; color:#FFF; margin-top:1em; margin-bottom:0; text-transform:uppercase;}
#description h3,
.gallery h3 {font-size:12px; font-weight:bold; color:#FFF; margin-top:0; margin-bottom:0.5em; text-transform:uppercase;}
#contact_us {width:700px;}    
ul.sub_menu {float:right; display:inline; margin:0 0 1em 2em; width:200px; font-size:12px;text-transform:uppercase;}
ul.sub_menu li {display:block; margin-bottom:5px; color: #AAA;}
ul.sub_menu  b {display:block; border-bottom:1px dotted #777; color: #777; font-weight:normal;}
ul.sub_menu  a {display:block; margin-bottom:5px;}

.search-button {float:none; display:inline}

#search_box_wrapper {position:absolute; top:90px; right:10px; height:30px; width:200px;}
#search_box {background:transparent url(/images/search_input.png) left top no-repeat; height:30px; width:200px;}
#search_box #search_button {width:35px; height:30px; position:absolute; z-index:15; top:0; right:0; border:none; background:none;}
#search_box #search_input {position:absolute; z-index:15; top:6px; left:10px; padding:0 2px; width:150px; border:none; background:none; font-size:12px;}


input.newsletter-input {width:180px;}
.newsletter-submit {border:none; background-color:#191919; color:#EEE; cursor:pointer; }

#description p.home_block {margin:0 0 11px 11px; padding:0; float:left; text-indent:-9999px;}
#description p.first_block {margin-left:0;}

.home_block a {width:241px; height:130px; display:block; border:none;}
.home_block a:hover {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;}
.home_block #block_site {background:url(/images/homepage/accueil_site.jpg) left top no-repeat;}
.home_block #block_galleries {background:url(/images/homepage/accueil_galleries.jpg) left top no-repeat;}
.home_block #block_shop {background:url(/images/homepage/accueil_boutique.jpg) left top no-repeat;}
.home_block #block_documentation {background:url(/images/homepage/accueil_documentation.jpg) left top no-repeat;}
.home_block #block_blog {background:url(/images/homepage/accueil_blog.jpg) left top no-repeat;}
.home_block #block_shops {background:url(/images/homepage/accueil_les_boutiques.jpg) left top no-repeat;}


#contact_form {width:600px;}