/*=====================================================
// Version  : 2.0
// Project  : Granites MC
//=====================================================*/


/* ----- HTML TAG RESET & CLEARFIX ----- */
body,div,dl,dt,dd,ul,ol,li,h1,
h2,h3,h4,h4,h6,pre,form,fieldset,
input,textarea,p,blockquote,th,td       { margin: 0; padding: 0; }
table                                   { border-collapse: collapse; border-spacing: 0; }
fieldset,img                            { border: 0; vertical-align: bottom; }
a,h1                                    { overflow: hidden; }
ol,ul                                   { list-style: none; }
caption,th                              { text-align: left; }
h1,h2,h3,h4,h4,h6                       { font-size: 100%; font-weight: normal; overflow: hidden; }
q:before,q:after                        { content: ''; }
abbr,acronym                            { border: 0;}
.clear:after                            { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear                                  { display: inline-block; }
html[xmlns] .clear                      { display: block; }
* html .clear                           { height: 1%; }

/* ---------- GENERAL */
body                                    { font-family: verdana,tahoma,sans-serif; font-size: 12px; background: #191205; color: #6b6051; }
#container                              { width: 865px; margin: 0 auto; position: relative }
#container a                            { color:#6B6051; }

/* ---------- HEADER + MENU */
#header h1                              { float: left; text-indent: -9999px; background: transparent url(../images/logo.jpg) no-repeat; width: 335px; height: 81px; margin: 30px 0 0 0 }
#language                               { width: 855px; height: 20px; background: #100c03; text-align: right; padding: 5px 10px 0 0; }
#badge                                  { float: right; background: transparent url(../images/badge.jpg) no-repeat top right; width: 320px; height: 140px; margin: 20px 0 0 0 }
#badge ul                               { margin: 20px 130px 0 0 }
#badge ul li                            { text-align: right; margin: 0 0 3px 0; position: relative; }

.on-top                                 { z-index: 10000; }

#nav                                    { clear: both; background: transparent url(../images/menu.jpg) repeat-x; width: 865px; height: 46px; }

#nav li                                 { position: relative; float: left; width: 100px; height: 46px; line-height: 46px; padding: 0; text-align: center; background: transparent url(../images/sep.jpg) no-repeat top right; }
#nav li a                               { color: #666666; text-decoration: none; font-size: 14px; display: block; }

#nav #link01                            { width: 125px; }
#nav #link02                            { width: 123px; }
#nav #link03                            { width: 123px; }
#nav #link04                            { width: 123px; }
#nav #link05                            { width: 123px; }
#nav #link06                            { width: 123px; }
#nav #link07                            { width: 125px; background: none; }

#nav ul                                 { display: none; position: absolute; top: 46px; left: 0; z-index: 4000; }
#nav ul li                              { width: 180px; text-align: left; padding: 5px; height: 30px; line-height: 30px; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
#nav ul ul                              { top: 0; left: 100%; }
#nav li:hover                           { background:#bca97f;}
#nav ul li:hover                        { background:#cbcbcb;}
#nav ul li:hover a                      { color:#000;}


/*
#menu li                                { position: relative; display: inline; background: transparent url(../images/sep.jpg) no-repeat top right; padding: 10px 25px 0 25px; }


#menu li                                { float: left; text-align: center; background: transparent url(../images/sep.jpg) no-repeat top right; height: 46px; padding: 0 2px 0 0; text-align: left; z-index: 4000; position: relative; }
#menu li.hover,
#menu li:hover                          { position: relative; text-align: left; }

#menu .last                             { background: none; width: 125px; padding: 0 }


#menu li a:hover                        { background: transparent url(../images/link-hover.jpg) repeat-x; }

#menu ul                                { width: 180px; display: none; position: absolute; top: 46px; left: 0; }
#menu ul li                             { font-weight: normal; width: 194px; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;float: none; }

#menu ul ul                             { left: 194px; top: 0; }
*/

#banner                                 { border-bottom: 1px solid #735f3b; padding: 0 0 7px 0; margin: 4px 0 7px 0; width: 865px; height: 336px; z-index: 300; }

/* ---------- CONTENU */
#left                                   { float: left; margin: 20px 0 0 0; width: 540px; }
h2                                      { margin: 0; font-family: "Times new roman",verdana,sans-serif; font-size: 26px; text-transform: uppercase; color: #f99542; }
#l-content p                            { margin: 0 0 10px 0 }
#l-content p span                       { color: #b7ada0; }
#right                                  { float: right; background: #221c13; width: 285px; margin: 20px 5px; padding: 25px 0; font-size: 14px }
#right h3                               { text-transform: uppercase; color: #e6d6a4; font-family: "Times new roman",verdana,sans-serif; margin: 0 0 10px 0 }
#right p                                { margin: 0 0 10px 0 }

/* ----- Accueil */
/*.home h2                                { text-indent: -9999px; background: transparent url(../images/h-welcome.jpg) no-repeat; width: 536px; height: 31px; }*/
#highlights                             { margin: 0 0 30px 2px; height: 125px; }
#highlights li                          { float: left; margin: 0 4px 0 0 }

.home #right                            { background: none !important; }

#videos_button_fr 						{ display: block; text-indent: -9999px; background: transparent url(../images/view_videos.png) no-repeat top left; width: 285px; height: 105px; }
#videos_button_fr:hover 				{ background-position: bottom left; }

#new_button_fr 							{ display: block; text-indent: -9999px; background: transparent url(../images/view_products.png) no-repeat top left; width: 285px; height: 105px; margin-bottom: 20px; }
#new_button_fr:hover 					{ background-position: bottom left; }

#videos_button_en 						{ display: block; text-indent: -9999px; background: transparent url(../images/view_videos_en.png) no-repeat top left; width: 285px; height: 105px; }
#videos_button_en:hover 				{ background-position: bottom left; }

#new_button_en							{ display: block; text-indent: -9999px; background: transparent url(../images/view_products_en.png) no-repeat top left; width: 285px; height: 105px; margin-top: 20px; }
#new_button_en:hover 					{ background-position: bottom left; }

.videos                                 { padding: 10px 0; }
#player									{  width: 746px; padding-top: 10px; }

/* ---------- GALLERY */

#categories                             { float: left; width: 845px; margin:10px 0;}
#categories ul                          { width: 845px; margin: 0 0 10px 0;}
#categories li                          { float: left; width: 175px; border: 1px solid #3a352f; margin: 2px 10px 2px 0; padding: 3px; }

#gallery                                { width: 845px; height:100%; background: #000; border: 5px solid #100c03; padding: 5px; margin: 0 0 10px 0; }

#gallery #items                         { float: left; width: 440px; }
#gallery #items ul                      { width: 440px; }
#gallery #items ul li                   { float: left; width: 100px; height: 110px; }
#gallery #items ul li img               { margin-top: 0 !important; }
#gallery #items ul li .title            { text-align: center; }
#gallery #items ul li .description      { display: none; }
#gallery #info                          { position: relative; float: left; width: 395px;}
#gallery #icon                          { width: 440px; text-align:center; padding: 5px 0;}
#gallery #info p                        { margin-top: 25px;}
#gallery #info img                      { width: 405px;  }
#gallery #logocat                       { text-align:center; margin:5px 0; }
#info_links                             { position: absolute; top: 0; right: 0; }
#info_links li                          { float: left; padding: 3px 5px; }
#info_desc                              { position: relative }

.galleria                               {list-style:none;width:220px}
.galleria li                            {display:block;width:105px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li div                        {position:absolute;display:none;top:0;left:180px}
.galleria li div img                    {cursor:pointer}
.galleria li a                          { display: block; width: 100px; height: 75px; overflow: hidden; }
.galleria li.active div img,
.galleria li.active div                 {display:block;}
.galleria li img.thumb                  {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption                   {display:block;padding-top:.5em}
* html .galleria li div span            {width:400px} /* MSIE bug */

#description                            { float: left; width: 405px; margin: 10px 0;}
#description h3                         { font-weight:bold; margin: 5px 0;}

#arrows                                 { position: relative; height: 15px; color: #dad0b9; }
#arrows img                             { vertical-align: middle; margin: 0 3px; }
#next                                   { position: absolute; top: 0; right: 20px; cursor: pointer; line-height: 15px; }
#previous                               { position: absolute; top: 0; left: 15px; cursor: pointer; line-height: 15px; }

/* ---------- FOOTER */
#footer                                 { clear: both; border-top: 1px solid #735f3b; padding: 10px 0; color: #b7ada0; }
#footer a                               { text-decoration: none; color: #b7ada0; }


/* contact form */


.form                                   { width:520px; margin:10px 0;}
.form h3                                { font-weight:bold; font-size:1.2em; margin:5px 0;}
.form input                             { width:233px; margin: 0 0 5px 0; background:#251e12; color:#a4a4a4; border:1px solid #a4a4a4; padding:2px 0 3px 3px; }
#blockinfo                              { float:left; width:250px;}
#formtextarea                           { float:left; width:250px; height:78px; background:#251e12; overflow:auto; color:#a4a4a4; padding-left:3px; border:1px solid #a4a4a4; margin-bottom:12px;}
#l-content                              { float:left; width:520px; margin: 10px 0;}
#search-form input                       { width:144px; padding:3px 20px 3px 8px; background:none; border:1px solid #494640; background:url(images/search-bg.gif) no-repeat right center; color:#868078; cursor:pointer; }