/* Reset borders */
*                 {margin: 0; padding: 0;}
a, a img          {border: none;}
a:link            {text-decoration: underline; color: #8E9631}
a:hover           {text-decoration: underline; color: #8E9631}
a:visited         {text-decoration: underline; color: #8E9631}
                                                      
/* Settings */
html, body		    {text-align: center; font-family: tahoma,sans-serif; color: #656565; height: 100%;}

/* Layout */
#body					    {width: 950px; position: relative; text-align: left; margin: 0 auto; top: -60px;}
#leftSidebar      {width: 225px; float: left; background: url(../img/menu_3_background.jpg) repeat-y; height: 100%;}
#rightContent     {width: 725px; float: right;}
#content          {width: 561px; background: url(../img/content_background.jpg) repeat-y; float: left; height: 100%;}
/*#pages            {margin: 5px 20px; font-size: 0.8em; text-indent: 20px;}*/
#rightSidebar     {width: 164px; background: url(../img/right_sidebar_background.jpg) repeat-y; float: right; height: 100%;}
#footer           {padding: 2em 1em 1em 1em; background: url(../img/footer_background.jpg) repeat-y;}
#footer a:link    {text-decoration: none; color: #ffffff;}
#footer a:hover   {text-decoration: underline; color: #ffffff;}
#footer a:visited {text-decoration: none; color: #8E9631}
              
/* Headings */
h2                {color: #90981E; margin: 0 0 10px 20px;}
h2 span           {color: #000000;}        
h2.hp             {margin: 0 20px; z-index: 1; font-weight: 500; color: #666666;}
h3.hp             {margin: 0 20px; width: 521px; height: 30px; background: url(../img/rings.jpg) no-repeat right top; margin-top: 20px; font-size: 1em; color: #949610;}
div#hp h3         {margin: 0 20px; width: auto; height: auto; background: none; font-size: 1em; color: #90981E;}
div#pages h3      {color: #90981E; margin: 0 20px;}
/* - Link image replacement (via pixy) */
h1                {position: relative; overflow: hidden; font-size: 2em;}
h1, h1 a, h1 span {display: block; width: 950px; height: 304px; background: url(../img/head_background.jpg);}
h1 span           {position: absolute; left: 0; top: 0;}
/* - - Logo */
#lang             {font-weight: bolder; font-size: 0.7em; width: 50px; position: relative; color: #ffffff; left: 880px; top: 100px; z-index: 1;}                                        
#openingHours     {font-weight: bolder; font-size: 0.7em; width: 150px; position: relative; color: #000000; left: 770px; top: 245px; z-index: 10; text-align: right;}
#openingHours span{color: #ffffff;}                                                                                     
 
/* Catalogue */
a:link img        {border: 3px #999999 solid;}
a:hover img       {border: 3px #666666 solid;}
a:active img      {border: 3px #666666 solid;} 
a:visited img     {border: 3px #999999 solid;}
/* - Homepage */
#catalogue        {width: 495px; margin: 10px 33px;}
#catalogue div    {margin: 0 5px; float: left;}
#catalogue h3     {color: #949610; font-size: 0.9em; margin-bottom: 5px;text-align: center;}
h3 a:link         {text-decoration: none; color: #949610;}
h3 a:hover        {text-decoration: none; color: #666633;}
h3 a:active       {text-decoration: none; color: #666633;}
h3 a:visited      {text-decoration: none; color: #949610;}
/* - Catalogues */
.leftBoxCatalogue     {width: 98px; float: left; margin: 10px 0 0 10px;}
.rightBoxCatalogue    {width: 450px; float: right; margin: 10px 0 0 0;}
.rightBoxCatalogue    {width: 450px; float: right; margin: 10px 0 0 0;}
.rightBoxCatalogue h3 {padding-top: 20px;}
.rightBoxCatalogue p  {text-indent: 0px !important;}
.catalogueNavigation  {margin: 30px 0 0 20px; color: #90981E;}
.threeDetails         {float: right; width: 11px; margin: -490px 115px; 0 0;} 

/* Offer */
#products         {padding-left: 10px;}
.productItem      {width: 250px; float: left; margin: 0.5em 0.5em; height: 80px; text-indent: 0px !important; font-size: 0.8em;}
.productItem img  {width: 96px; float: left;}
.productItem h3   {width: 100px; float: right; font-size: 1.1em;}      
.productItem p    {width: 96px; float: right; text-indent: 0px !important;}
#boutiqoue        {margin-left: 20px;}
.boutiqoueItem    {float: left; margin: 0.5em;}
.guide            {margin: 0; padding: 0; margin-left: 50px;}
.guide div        {float: left; width: 110px;}
.guide h3         {font-size: 0.7em; height: 40px; width: 110px; text-align: center; position: relative; left: -25px;}
.guide2           {margin: 0; padding: 0; margin-left: 50px;}
.guide2 div       {float: left; width: 210px;}
.guide2 h3        {font-size: 0.9em; height: 30px; width: 210px; text-align: center; position: relative; left: -25px;}

/* Reference */
.reference          {width: 520px; margin: 10px;}      
.referenceBlock img {width: 131px; float: left; display: block;}
.referenceText      {width: 350px; float: left;}

/* Menu */
#leftSidebar li   {background: url(../img/menu_1_background.jpg) repeat-y; list-style: none; color: #ffffff; font-weight: bolder; font-size: 12px; text-transform: uppercase;}
#leftSidebar li a:link    {text-decoration: none; color: #ffffff;}
#leftSidebar li a:hover   {text-decoration: none; color: #ffffff;}
#leftSidebar li a:visited {text-decoration: none; color: #ffffff;}
#leftSidebar li.active   {background: url(../img/menu_all_active_background.jpg) no-repeat; color: #999933; height: 21px;}
#leftSidebar li.active a:link    {text-decoration: none; color: #999933;}
#leftSidebar li.active a:hover   {text-decoration: none; color: #999933;}
#leftSidebar li.active a:visited {text-decoration: none; color: #999933;}
#leftSidebar li li{background: url(../img/menu_2_background.jpg) repeat-y; color: #666633; font-size: 8pt; text-transform: none;}
/*#leftSidebar li li li {background: url(../img/menu_3_background.jpg) repeat-y; text-transform: none; color: #595C29;}*/ /* 3rd level */
#leftSidebar li li a:link    {text-decoration: none; color: #666633;}
#leftSidebar li li a:hover   {text-decoration: none; color: #666633;}
#leftSidebar li li a:visited {text-decoration: none; color: #666633;}
li span            {padding-left: 30px; line-height: 200%;}
.divider           {background: url(../img/menu_3_background.jpg) repeat-y; height: 2px; width: 225px;}
#leftSidebar li li {display: none;}
#leftSidebar li:hover li  {display: block;}


/* Right Sidebar */
#rightSidebar h2   {width: 125px; text-align: center; margin: 5px 0 0 10px; font-size: 0.9em; font-weight: bold; text-transform: uppercase;}
#rightSidebar h2 a {text-decoration: none;}
#rightSidebar img  {margin: 5px 0 5px 12px;}
.action            {width: 72px; height: ; background-color: #ffffff; color: #4C4C4C; border: #C1C1C2 2px solid; text-align: center; padding: 0.3em 0; margin: 0 35.5px; position: relative; top: 10px;}
.detailAction      {background-color: #8D951D; width: 143px; color: #ffffff; font-size: 0.8em; text-align: center; padding: 20px 3px 10px 3px;}
.detailAction a    {color: white; text-decoration: none;}

/* Formatter */
#content div.warning  {width: 494px; height: 44px; background: #999933 url(../img/icon_warning.gif) no-repeat 0.5% 40%; color: #ffff00; padding: 0.2em 0 0.1em 1.9em; position: absolute; left: 245px; top: 345px; z-index: 2; font-size: 0.8em;}
div.warning strong    {text-transform: uppercase;}
#content li.pdf       {list-style: url(../img/page_white_acrobat.png); margin-left: 50px; font-size: 0.8em;}
#content p            {margin: 5px 20px; font-size: 0.8em; text-indent: 20px;}
#content li           {margin: 0 0 0 30px; font-size: 0.8em; list-style-image: url(../img/0052_minus.png);}
#content li p         {text-indent: 0; padding: 0 1em 0 0; margin: 0; font-size: 1em;}
#footer p             {font-size: 0.6em; color: #ffffff; margin: 6px 5px;}
#seolista             {width: 70%; padding: 1em; font-size: 0.7em;}

/* General classes */
.center					  {text-align: center;}
.floatLeft			  {float: left;}
.floatRight			  {float: right;}
.reset					  {display: block; font-size: 0px; line-height: 0px; 	height: 0px; overflow: hidden; clear: both;}