/* Body and master rules
********************************************************************************** */

* {
  margin:0;
  padding:0;
  border:0;
}

html, body {
  height:100%
}

html {
  font-size:100%;
}

body {
  font:1em Helvetica, Arial, sans-serif;
  color:#555;
  background:#e55600;
}


/* Blocs (size and disposition)
********************************************************************************** */

table#container {
  height:100%;
  width:100%;
}

#flag_1 {
  position:relative;
  float:left;
  top:10px;
  left:10px;
  z-index:80;
}

#flag_2 {
  position:relative;
  float:left;
  top:10px;
  left:15px;
  z-index:80;
}

#fblike {
  position:relative;
  float:left;
  top:33px;
  left:-40px;
  z-index:80;
}

#home_content #flag_1 {
  top:37px;
}

#home_content #flag_2 {
  top:37px;
}

#home_content #fblike {
  top:62px;
}

#login {
  position:relative;
  margin:0;
  padding:0;
  float:right;
  top:11px;
  right:10px;
}
#home_content #login {
    top:34px;
    z-index:80;
}

#contact {
  position:relative;
  margin:0;
  padding:0;
  float:right;
  top:30px;
  right:-60px;
}
#home_content #contact {
    top:53px;
}

#panier {
  position:relative;
  margin:0;
  padding:0;
  float:right;
  top:60px;
  right:-104px;
}
#home_content #panier {
    top:83px;
}

#header {
  height:15px;
}
#header h1 {
  position:absolute;
  top:-10000px;
}

#content, 
#home_content {
  text-align:left;
  width:950px;
  background:#55000d;
  -moz-box-shadow:0 0 12px #111;
  -webkit-box-shadow:0 0 12px #111;
  box-shadow:0 0 12px #111;
}
#home_content {
  background:#55000d url("img/bg_home_content.gif");
}

#deco_left {
    float:left;
    width:329px;
    height:122px;
}

#deco_right {
    float:right;
    width:329px;
    height:122px;
}

#logo {
  float:left;
  width:292px;
  height:112px;
  height:107px; /* hack nouveau bg_menu_new.gif plus grand en hauteur depuis MAJ novembre 2009 */
  /*
  margin:0 0 0 329px !important;
  margin:0 0 0 326px;
  */
  background:url("img/gelencser.gif") no-repeat;
}

#logo2 {
  width:235px;
  height:90px;
  margin:0 0 0 357px !important;
  margin:0 0 0 354px;
  background:url("img/gelencser2.gif") no-repeat;
}

#menu {
position:relative;
top:0;
left:0;
  height:40px;
  padding:20px 0 0 0;
  background:url("img/bg_menu_new.gif") no-repeat;
  z-index:70;
}
#home_content #menu {
    clear:both;
    top:-41px !important;
    top:-46px;
}

#home_tab_fr,
#home_tab_en  {
  width:532px;
  margin:-27px auto 0 auto !important;
  margin:-32px auto 0 auto;
  padding:10px 0 20px 0;
  padding:0 0 20px 0;
}

#colonne1 {
  float:left;
  width:190px;
  margin:10px 0 0 0;
  padding:0 20px 20px 0;
  text-align:right;
}

#colonne2 {
  float:left;
  width:530px;
  margin:10px 0 0 0;
  height:396px;
  background:#fff;
  text-align:center;
}
html>body #colonne2 {
  height:auto;
  min-height:396px;
}

#colonne3 {
  float:right;
  width:190px;
  margin:10px 0 0 0;
  padding:0 0 20px 20px;
  text-align:left;
}

#footer {
  padding:3px 0 3px 0;
}

/* Login, Contact & Panier layout
********************************************************************************** */
#login, 
#contact, 
#panier {
  text-align:right;
}

#login a:link,
#login a:visited,
#contact a:link,
#contact a:visited,
#panier a:link,
#panier a:visited {
  font:bold 0.6875em Tahoma, sans-serif;  
  color:#b46b3e;
}

#login a:hover,
#contact a:hover, 
#panier a:hover {
  color:#fff;
  text-decoration:none;
}

/* Menu Top layout
********************************************************************************** */

#menu {
text-align:center;
font:bold 0.6875em Tahoma, Arial, sans-serif;
}
#menu a {
  padding:0 3px 0 0;
}
#menu a:link, 
#menu a:visited {
  text-decoration:none;
  color:#36100d;
}
#menu strong a:link, 
#menu strong a:visited {
  text-decoration:none;
  color:#fff;
}
#menu a:hover {
  color:#fff;
}


/* Clic Zones
********************************************************************************** */

#home_tab_fr #clic_zone1,
#home_tab_fr #clic_zone2,
#home_tab_fr #clic_zone3,
#home_tab_fr #clic_zone4,
#home_tab_fr #clic_zone5,
#home_tab_fr #clic_zone6 {
  float:left;
  width:266px;
  height:120px;
  background:url("../../img/visuels_accueil/home_tab_fr.png") no-repeat;
}
#home_tab_fr #clic_zone1:hover,
#home_tab_fr #clic_zone2:hover,
#home_tab_fr #clic_zone3:hover,
#home_tab_fr #clic_zone4:hover,
#home_tab_fr #clic_zone5:hover,
#home_tab_fr #clic_zone6:hover {
  background:url("../../img/visuels_accueil/home_tab_fr.png") no-repeat;
}

#home_tab_fr #clic_zone1 {
  background-position:1px -25px;
}
#home_tab_fr #clic_zone2 {
  background-position:-265px -25px;
}
#home_tab_fr #clic_zone3 {
  background-position:1px -145px;
}
#home_tab_fr #clic_zone4 {
  background-position:-265px -145px;
}
#home_tab_fr #clic_zone5 {
  background-position:1px -265px;
}
#home_tab_fr #clic_zone6 {
  background-position:-265px -265px;
}

#home_tab_fr #clic_zone1:hover {
  background-position:1px -431px;
}
#home_tab_fr #clic_zone2:hover {
  background-position:-265px -431px;
}
#home_tab_fr #clic_zone3:hover {
  background-position:1px -551px;
}
#home_tab_fr #clic_zone4:hover {
  background-position:-265px -551px;
}
#home_tab_fr #clic_zone5:hover {
  background-position:1px -671px;
}
#home_tab_fr #clic_zone6:hover {
  background-position:-265px -671px;
}

#home_tab_en #clic_zone1,
#home_tab_en #clic_zone2,
#home_tab_en #clic_zone3,
#home_tab_en #clic_zone4,
#home_tab_en #clic_zone5,
#home_tab_en #clic_zone6 {
  float:left;
  width:266px;
  height:120px;
  background:url("../../img/visuels_accueil/home_tab_en.png") no-repeat;
}
#home_tab_en #clic_zone1:hover,
#home_tab_en #clic_zone2:hover,
#home_tab_en #clic_zone3:hover,
#home_tab_en #clic_zone4:hover,
#home_tab_en #clic_zone5:hover,
#home_tab_en #clic_zone6:hover {
  background:url("../../img/visuels_accueil/home_tab_en.png") no-repeat;
}

#home_tab_en #clic_zone1 {
  background-position:1px -25px;
}
#home_tab_en #clic_zone2 {
  background-position:-265px -25px;
}
#home_tab_en #clic_zone3 {
  background-position:1px -145px;
}
#home_tab_en #clic_zone4 {
  background-position:-265px -145px;
}
#home_tab_en #clic_zone5 {
  background-position:1px -265px;
}
#home_tab_en #clic_zone6 {
  background-position:-265px -265px;
}

#home_tab_en #clic_zone1:hover {
  background-position:1px -431px;
}
#home_tab_en #clic_zone2:hover {
  background-position:-265px -431px;
}
#home_tab_en #clic_zone3:hover {
  background-position:1px -551px;
}
#home_tab_en #clic_zone4:hover {
  background-position:-265px -551px;
}
#home_tab_en #clic_zone5:hover {
  background-position:1px -671px;
}
#home_tab_en #clic_zone6:hover {
  background-position:-265px -671px;
}


/* Colonne1 intern layout (specials elements & co)
********************************************************************************** */

#colonne1 h1.title_square {
  float:right;
  padding:5px;
  font:1.4em "Times New Roman", Times, serif;
  font-variant:small-caps;
  letter-spacing:-0.01em;
  color:#b46b3e;
  text-align:center;
  border:1px solid #b46b3e;
}

#colonne1 p.section_desc, 
#colonne3 p.section_desc {
  clear:both;
  padding:15px 0 0 10px;
  font:italic 0.75em Georgia, serif;
  line-height:1.6667em;
  color:#b46b3e;
  text-align:right;
}

#colonne1 p.section_desc a:link,
#colonne1 p.section_desc a:visited, 
#colonne3 p.section_desc a:link,
#colonne3 p.section_desc a:visited {
  color:#b46b3e;
}

#colonne1 p.section_desc a:hover,
#colonne3 p.section_desc a:hover {
  color:#fff;
  text-decoration:none;
}

#colonne1 ul.menu_left {
  margin:20px 0 0 0;
  list-style-type:none;
}
#colonne1 ul.menu_left li {
  font:bold 0.7em Tahoma, sans-serif;
  padding:6px 0 6px 0;
  border-bottom:1px solid #b46b3e;
  line-height:1.1em;
}
#colonne1 ul.menu_left li.first_menu_left {
  border-top:1px solid #b46b3e;
}
#colonne1 ul.menu_left a:link, ul.menu_left a:visited {
  color:#eee;
  text-decoration:none;
}

#colonne1 ul.menu_left li a:hover {
  color:#e55600;
  text-decoration:none;
}

#colonne1 ul.menu_left li.menu_cat_def a:link, 
#colonne1 ul.menu_left li.menu_cat_def a:visited {
  color:#e55600;
}


/* Colonne2 intern layout (specials elements & co)
********************************************************************************** */

#colonne2 h1.title_bar,
#colonne2 h1.title_bar_0,
#colonne2 h1.title_bar_1,
#colonne2 h1.title_bar_2,
#colonne2 h1.title_bar_3,
#colonne2 h1.title_bar_4,
#colonne2 h1.title_bar_5,
#colonne2 h1.title_bar_6,
#colonne2 h1.title_bar_7,
#colonne2 h1.title_bar_8, 
#colonne2 h1.title_bar_9 {
  padding:3px 0 0 0;
  margin:0 0 0 0;
  font:italic 1.3em "Times New Roman", Times, serif;
  color:#fff;
  letter-spacing:-0.01em;
  text-align:center;
}

#colonne2 h1.title_bar,
#colonne2 h1.title_bar_0 {
  background:#b46b3e;
}
#colonne2 h1.title_bar_1 {
  background:#bf0032;
}
#colonne2 h1.title_bar_2 {
  background:#570045;
}
#colonne2 h1.title_bar_3 {
  background:#e55600;
}
#colonne2 h1.title_bar_4 {
  background:#91d517;
}
#colonne2 h1.title_bar_5 {
  background:#98d7c8;
}
#colonne2 h1.title_bar_6 {
  background:#5a5aa0;
}
#colonne2 h1.title_bar_7 {
  background:#2122c1;
}
#colonne2 h1.title_bar_8 {
  background:#3cc6c8;
}
#colonne2 h1.title_bar_9 {
  background:#e55600;
}

#colonne2 h2 {
  margin:10px 10px 0 10px;
  font:bold 1em Helvetica, Arial, sans-serif;
  text-align:center;
  color:#e55600;
}

#colonne2 h3 {
  margin:10px 10px 0 10px;
  font:bold 0.875em Helvetica, Arial, sans-serif;
  text-align:center;
  color:#55000d;
}

#colonne2 p {
  padding:6px 20px;
  font-size:0.75em;
  text-align:justify;
  text-indent:30px;
  line-height:1.5em;
}

#colonne2 p.special {
  margin:8px 0;
  padding:8px 20px;
  font-weight:bold;
  font-style:italic;
  text-align:center;
  color:#55000d;
  border-top:1px solid #7b201e;
  border-bottom:1px solid #7b201e;
}

#colonne2 p.special2 {
  margin:0;
  padding:10px 0 0 0;
  font-weight:bold;
  font-size:0.85em;
  font-style:none;
  text-align:left;
  color:#55000d;
}

#colonne2 p strong, 
#colonne2 ul strong {
  font-size:bold;
  font-style:italic;
  color:#7b201e;
}

#colonne2 p a:link, 
#colonne2 p a:visited {
  color:#e55600;
  text-decoration:underline;
}

#colonne2 p a:hover {
  text-decoration:none;
}

#colonne2 ul {
  padding:5px 20px 5px 33px;
  list-style:square;
  text-align:left;
}

#colonne2 li {
  padding:0 0 2px 0;
  font-size:0.75em;
  line-height:1.25em;
  color:#444;
}

#colonne2 form {
  padding:20px;
  text-align:left;
}

#colonne2 label {
  display:block;
  padding:0 0 2px 0;
  font-size:0.75em;
  font-weight:bold;
  color:#7b201e;
}

#colonne2 input,
#colonne2 textarea {
  padding:3px;
  line-height:1em;
  width:250px;
  margin:0 0 5px 0;
  color:#555;
  border:1px solid #c5c5c5;
  background:#f5f5f5;
}
#colonne2 input:focus,
#colonne2 textarea:focus {
  padding:2px;
  border:2px solid #c5c5c5;
  background:#fff;
}

#colonne2 table.pdv {
  width:100%;
  margin:10px auto 30px auto;
  border-collapse:collapse;
}

#colonne2 table.pdv td {
  font-family:tahoma, arial, sans-serif;
  font-size:0.6875em;
  font-weight:bold;
  color:#e55600;
  text-align:center;
  vertical-align:top;
  border-collapse:collapse;
  border:1px solid #91d517;
}

#colonne2 table.pdv td p {
  color:#431915;
}

#colonne2 table.pdv img,
#colonne2 table.pdv a:link img,
#colonne2 table.pdv a:visited img {
  padding:13px 13px 0 13px;
}

#colonne2 .bulle {
  position:absolute;
  width:150px;
  margin:-205px 0 0 -55px;
  padding:5px;
  font-size:0.91em;
  font-weight:bold;
  color:#91d517;
  background:#f5f5f5;
  border:1px solid #91d517;
}

#colonne2 table.catalog {
  width:490px;
  margin:10px 20px 0px 20px;
  border:1px solid #98d7c8;
  border-collapse:collapse;
}
#colonne2 table.catalog td {
  width:243px;
  height:115px;
  border:1px solid #98d7c8;
  border-collapse:collapse;
  vertical-align:top;
  font:0.6em Tahoma, sans-serif;
  color:#999999;
  text-align:left;
}
#colonne2 table.catalog td h1 {
  padding:5px 0 0 5px;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1.15em;
  font-weight:bold;
  color:#55000d;
  text-align:left;
}
#colonne2 table.catalog td h1 a:link, 
#colonne2 table.catalog td h1 a:visited {
  text-decoration:none;
  color:#55000d;
}
#colonne2 table.catalog td h1 a:hover {
  text-decoration:underline;
  color:#55000d;
}
#colonne2 table.catalog td .price {
  padding:5px 0 0 0;
  font:bold 1em Tahoma, sans-serif;
  color:#55000d;
  text-align:right;
  border-top:1px solid #98d7c8;
}

#colonne2 .prod_img {
  width:232px;
  margin:auto;
  padding:5px 0;
  text-align:center;
}
#colonne2 .prod_desc_left {
  float:right;
  width:124px;
  padding:5px;
}
#colonne2 .prod_desc_right {
  float:left;
  width:124px;
  padding:5px;
}

#colonne2 .prod_infos a:link, 
#colonne2 .prod_infos a:visited {
  text-decoration:none;
  color:#55000d;
}
#colonne2 .prod_infos a:hover {
  text-decoration:underline;
}

#colonne2 a.add_cart_btn {
  display:block;
  margin:5px 0 0 0;
  padding:3px 0;
  font:bold 1em Tahoma, sans-serif;
  color:#ffffff;
  text-align:center;
}
#colonne2 a:link.add_cart_btn, 
#colonne2 a:visited.add_cart_btn {
  text-decoration:none;
}
#colonne2 a:hover.add_cart_btn {
  text-decoration:none;
}

#colonne2 .prod_alone {
  width:490px;
  margin:auto;
}

#colonne2 .prod_alone h1 {
  margin:15px 0 15px 0;
  font-size:1em;
  font-style:italic;
  text-align:left;
  color:#55000d;
  border-bottom:1px solid #55000d;
}

#colonne2 .prod_alone .visuel { /* div */
  float:left;
  width:200px; /* border de 1px definie dynamiquement, cf boutique_affichage.inc.php */  
  text-align:left;
}

#colonne2 .prod_alone .details { /* div */
  float:right;
  width:165px;
}

#colonne2 .prod_alone .prod_desc { /* p */
  padding:0;
  text-indent:0;
  text-align:left;
  font-weight:bold;
  font-style:italic;
  color:#666;
}

#colonne2 .prod_alone .prod_prix { /* p */
  margin:10px 0 0 0;
  padding:10px 0 0 0;
  font-size:1em;
  text-indent:0;
  line-height:1em;
  text-align:right;
  font-weight:bold;  
  /* border-top:1px solid #555; */
}

#colonne2 .prod_alone .prod_comp,
#colonne2 .prod_alone .prod_cons { /* p */
  margin:5px 0 0 0;
  padding:5px 0 0 0;
  font-size:0.6875em;
  text-indent:0;
  text-align:left;
  line-height:1.25em;
  color:#999;
  /* border-top:1px solid #555; */
}

#colonne2 #breadcrumb {
  clear:both;
  font-size:0.75em;
  font-weight:bold;
  word-spacing:0.25em;
  text-align:center;
  padding:10px 20px;
}
#colonne2 #breadcrumb a:link,
#colonne2 #breadcrumb a:visited {
  text-decoration:none;
  color:#555;
}
#colonne2 #breadcrumb a:hover {
  text-decoration:underline;
}

#colonne2 #pages_count {
  font-size:1.5em;
  color:#55000d;
}

#colonne2 #pages_count a:link,
#colonne2 #pages_count a:visited {
  color:#55000d;
}

#colonne2 #pages_count a:hover {
  color:#e55600;
}

#colonne2 .recap_panier { /* table */
  margin:15px auto;
  width:95%;  
  border:1px solid #ddd;
  border-collapse:collapse;
}
#colonne2 .recap_panier th {
  font-size:0.75em;
  padding:5px;
  background:#ddd;
}
#colonne2 .recap_panier td {
  font-size:0.75em;
  padding:5px;
  border:1px solid #ddd;
}
#colonne2 .recap_panier a:link, 
#colonne2 .recap_panier a:visited {  
  font-weight:bold;
  color:#55000d;
  text-decoration:none;
}
#colonne2 .recap_panier a:hover {  
  color:#55000d;
  text-decoration:underline;
}

#colonne2  .commande_btn {
  font-size:0.8em;
}

#colonne2  a:link.commande_btn , 
#colonne2  a:visited.commande_btn {
  clear:both;
  display:block;
  width:500px;
  margin:5px auto;
  padding:5px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background:#e55600;
}
#colonne2  a:hover.commande_btn {
  color:#e55600;
  background:#f7cdb3;
}

#colonne2 .item_press {
  float:left;
  width:149px;
  padding:0 0 0 20px;
  font-size:0.75em; 
  font-weight:bold;
  line-height:2em;
  color:#7b201e;
}
#colonne2 .item_press a:link, 
#colonne2 .item_press a:visited, 
#colonne2 .item_press a:hover {
  text-decoration:none;
  color:#7b201e;
}

/* Colonne3 intern layout (specials elements & co)
********************************************************************************** */

#colonne3 p,
#colonne3 p.infos {
  font:bold 0.6875em Tahoma, sans-serif;
  line-height:1.4em;
  color:#b46b3e;
}
#colonne3 p.infos a:link,
#colonne3 p.infos a:visited {
  text-decoration:underline;
  color:#b46b3e;
}
#colonne3 p.infos a:hover {
  text-decoration:none;
  color:#eeeeee;
}


/* Footer layout
********************************************************************************** */

#footer {
  font:0.60em Verdana, Arial, sans-serif;
  color:#55000d;
  text-align:center;
}
#footer a:link, 
#footer a:visited {
  text-decoration:underline;
  color:#55000d;
}
#footer a:hover {
  text-decoration:none;
  color:#ffffff;
}


/* Others stuffs
********************************************************************************** */

.break {
  clear:both;
  font-size:1px;
}
.bold {
  font-weight:bold;
}
.bigger {
  font-size:1.2em;
}
.underline {
  text-decoration:underline;
}
.italic {
  font-style:italic;
}
.blink {
  text-decoration:blink;
}
.stroke {
  text-decoration:line-through;
}
.img_left {
  float:left;
  margin:5px 15px 15px 0px;
}
.img_right {
  float:right;
  margin:5px 0px 15px 15px;
}
.float_left {
  float:left;
}
.float_right {
  float:right;
}
.red {
  color:#ff0000;
}
.green {
  color:#00aa00;
}

/* Popup
********************************************************************************** */
.popup {
  width:350px;
  padding:30px;
  background:#fff;
  border:4px solid #e55600;
}

.popup h2 {
  font-size:1em;
  color:#55000d;
}

.popup a:link, 
.popup a:visited {
  font-size:0.75em;
  font-weight:bold;
  color:#e55600;
  text-decoration:none;
}
.popup a:hover {
  color:#55000d;
} 

/* Overlay (focusbox)
********************************************************************************** */

#overlay, 
#overlay_loading, 
#overlay_support_content, 
#overlay_content {
  position:absolute;
  top:0;
  left:0;
  display:none;
  visibility:hidden;
}

#overlay {
  width:100%;
  background:#fff;
  filter:alpha(opacity=60);
  -moz-opacity: 0.60;
  -Khtml-Opacity: 0.60;
  opacity: 0.60;
  z-index:90;
}

#overlay_loading {
  color:#55000d;
  z-index:100;
}

#overlay_support_content {
  background:#e55600;
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  -Khtml-Opacity: 1;
  opacity: 1;
  z-index:95;
}

#overlay_content {
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  -Khtml-Opacity: 0;
  opacity: 0;
  z-index:100;
}

#overlay_content table {
  border-collapse:collapse;
}

#overlay_content table tr td {
  font-size:0.875em;
  font-weight:bold;
  color:#55000d;
  text-align:left;
}

#overlay_content table tr td a:link,
#overlay_content table tr td a:visited {
  color:#55000d;
  text-decoration:none;
}

#overlay_content table tr td a:hover {
  text-decoration:underline;
}

#overlay_content table tr td.desc_img, 
#overlay_content table tr td.close_img {
  padding:10px 0 10px 0;
}

#overlay_content table tr td.close_img {
  text-align:right;
}

#overlay_content table tr td.view_img {
  text-align:center;
  vertical-align:middle;
}

#overlay_content .close_p { /* p */
  position:absolute;
  top:6px;
  right:10px;
  margin:0;
  padding:0;
  font-size:0.9375em;
  font-weight:bold;
  text-align:right;
}

#overlay_content .close_p a:link, 
#overlay_content .close_p a:visited {
  color:#55000d;
  text-decoration:none;
}

#overlay_content .close_p a:hover {
  text-decoration:underline;
}

