/* **************************************************************
 *     GENERALITES - redefinitions de balises
 * ************************************************************** */
body { font-size:75%;
  _font-size:72%; /* IE Win only */
  font-family: Tahoma,Arial,sans-serif; 
  background:#63739e url(../images/background.png) repeat-x top;
  }
* { margin: 0; padding: 0;
  vertical-align:baseline;}
img { border: 0; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4, pre { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; font-weight: bold;}
em { font-size: 0.9em; }
h1, h2, h3 { letter-spacing: -0.05em; }
a:link, a:visited { color: #6b6b6b; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
input[type=text],
input[type=password],
select,
textarea { border: solid 2px #C5C5C5; }
input[type=submit],
input[type=button],
input[type=reset] { padding: 0px 2px; border: 2px solid #C5C5C5; }
textarea, 
input { font-family: Tahoma,Arial,sans-serif;
background-color:#eee;
color:#24354D;
}
p, td { font-size: 1.1em; }
ol, ul, li { font-size: 1.0em; }
li { list-style-type: none;
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
  padding-top: 2px; }
a.transparence, .transparence {
  opacity: 0.4;
  -moz-opacity: 0.4; 
  filter:alpha(opacity=40);
  }
A:hover.transparence  {
  opacity: 1;
  -moz-opacity: 1; 
  filter:alpha(opacity=100);
  }

/* **************************************************************
 *     GENERALITES - styles communs
 * ************************************************************** */
.clear { background-color: transparent; }
.lined .titre { border-bottom: 1px solid #C5C5C5;
  margin-bottom: 6px;
  padding-bottom: 0; }
.prix_xxl { color: #990000;
  font-size: 3em;
  letter-spacing: -0.1em;
  font-weight: bold;
  font-stretch: condensed; }
.popular li { float:right;
  width: 120px;
  height: 16px;
  overflow: hidden;
  text-align: right;
  padding-left: 10px; }
.to_left,
.titre_left .titre { float: left; margin-right: 10px; }
.to_right,
.titre_right .titre { float: right; margin-left: 10px; }
.clear_both { clear: both; visibility: hidden; margin-bottom: 10px; }
.titre_over .titre { position: absolute; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.big { font-size: 2.5em; font-weight: normal; }
.small { font-size: 0.9em; font-weight: normal; }
.nobold { font-weight: normal; }
/* Style for form validation */
.invalidInput{ border:2px solid #D22; }
.validInput{ border:2px solid #FFF;  }
.bordered { border: 2px solid #D4D4D4; }
.highlight { background-color: #F9F9F9;
  padding: 3px; }
.carac { width: 100%; }
.carac th { background-color: #E2E2E2;
  padding: 2px 5px;
  height: 20px;
  width: 20%;
  border-bottom: #C2C2C2 1px solid; }
.carac td { background-color: #F9F9F9; 
  padding: 2px 5px;
  border-bottom: #C2C2C2 1px solid;
  font-size: 1.1em; }
.result_0, .result_1 { clear: both;
  padding: 2px;
  margin-bottom: 5px; }
.result_1 { background-color: #F9F9F9; }
.result_price { float: right;
  width: 200px;
  text-align: right; }
.warn2 { background-color:#FFCCCC;
  color: #330000;
	text-align: justify;
  padding: 5px; }
.warn { background-color:#990000;
  color: #FFFFFF;
	text-align: justify;
	font-weight: bold;
  padding: 5px; }

.find_pages_list { height: 23px;
  background-image: url(/images/images/hr.png);
  background-position: top;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 3px;
  font-size: 1.2em; }
.find_pages_list em { padding: 3px 6px;
  color: #FFFFFF;
  font-weight: bold;
  font-style: normal; }
.find_pages_list a { padding: 3px 6px; }


.find_objects_list { height: 23px;
  background-image: url(/images/images/hr_out.png);
  background-position: -10px -10px;
  background-repeat: no-repeat;
  background-color: #D4D4D4; }
.find_objects_list .titre { position: absolute;
  padding: 4px 10px;
  height: 23px; }
.find_objects_list .tri { position: absolute;
  right: 0;
  _left: 392px;
  width: 200px;
  padding: 3px 0px;
  font-size: 1.2em; }
.find_objects_list span { position: absolute;
  display: block;
  right: 0;
  top: 0;
  padding: 3px;
  height: 17px;
  width: 30px;
  background-image: url(/images/images/find_header_end_r.png);
  background-position: top right;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold; }
.find_objects_list select { width: 104px;
  height: 20px;
  border: #C2C2C2 1px solid;
  font-size: 0.9em; }
.find_objects_list a { color: #FFFFFF; }  
 
 h1.titre{letter-spacing:0.07em; text-transform:small-cap;}
 
/* **************************************************************
 *     PAGE (page complýte)    w:974 marg:10 -487
 * ************************************************************** */
#page {
   position: absolute;

  left: 50%;
  width: 974px;
  margin: 10px -487px;
  /*width:975px;
  margin: 0 auto;*/
  background:#fff url(../images/content_background.png) repeat-y;
  }

/* **************************************************************
 *     HEADER
 * ************************************************************** */
#header { position: relative;
  height: 183px;
/*  background-image: url(/images/template_club/m_header_backgrnd.png);
  background-position: 0px 2px;
  background-repeat: no-repeat; */
  }
#header a img{border:0;}

#accueil{
	height:201px;
}
#accueil a img{
	border:0;
	width:197px;
}
#produits_phares{
 width:600px;
 margin:0 auto;
}
#univers { position: absolute;
  top: -3px;
  left: 240px;
  height: 24px; }
#univers ul {
  position: absolute;
  height: 29px;
  width: 730px;
  padding-left: 4px; }
#univers li { float: left; }
#univers li a { display: block;
  padding-top: 5px;
  height: 19px;
  width: 190px;
  font-size: 1.3em;
  text-decoration: none;
  text-align: center;
  color: #fff; }
#univers a:hover { color: #fff; }

#langues { position: absolute;
  top: 3px;
  left: 902px;
  width: 60px; }
#langues li { float: right;
  width: 16px;
  padding: 4px;
  text-align: center;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside; }

/* **************************************************************
 *     VIGNETTES
 * ************************************************************** */
#head_banner { position: absolute;
  top: 24px;
  left: 250px;
  width: 710px;
  height: 115px; }

#vignettes_onglets { position: absolute;
  top: 0px;
  left: 10px;
  height: 18px;
  width: 700px; }
#vignettes_onglets ul {
  position: absolute;
  height: 18px; }
#vignettes_onglets li { float: left; }
#vignettes_onglets li a { display: block;
  padding-top: 1px;
  height: 15px;
  width: 102px;
  font-size: 0.96em;
  text-decoration: none;
  text-align: center; }

#vignettes_list { position: absolute;
  top: 26px;
  right: 0px; }
#vignettes_list li { float: left;
  width: 20px;
  height: 84px;
  padding: 27px 0;
  overflow: hidden;
  text-align: center; }

#vignettes_list li.pic { width: 130px;
  padding: 0; }
#vignettes_list li.comment { width: 580px;
  padding: 0;
	vertical-align: middle; }

/* **************************************************************
 *     MENU gauche
 * ************************************************************** */
#menu_left { position: absolute;
  left:10px;
  top: 175px;
  width: 190px; }
/* **************************************************************
 *     MENU sous menu (gauche)
 * ************************************************************** */
.submenu_left { background-position: right;
  background-repeat: repeat-y;
  background-image: url(/images/template_club/images/m_menu_backgrnd.png);
  margin-bottom: 10px; }
.submenu_left .titre { background-position: right top;
  background-repeat: no-repeat;
  background-image: url(/images/template_club/images/m_menu_top.png);
  color: #FFFFFF;
  height: 18px;
  padding: 0px 8px; }
.submenu_left div { background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url(/images/template_club/images/m_menu_bottom.png);
  padding: 6px 6px 10px; }
  
 /* **************************************************************
 *     MENU recherche (gauche)
 * ************************************************************** */
.submenu_recherche { background-position: right;
  margin-bottom: 10px; }
.submenu_recherche .titre { background-position: right top;
  color: #FFFFFF;
  height: 23px;
  padding:4px 25px 0px 8px; }
.submenu_recherche div { 
  background-position: right bottom;
  padding: 6px 6px 10px; 
  margin-top:-5px;}

 /* **************************************************************
 *     MENU informations (gauche)
 * ************************************************************** */
.submenu_informations { background-position: right;
  margin-bottom: 10px; }
.submenu_informations .titre { background-position: right top;
  color: #FFFFFF;
  height: 25px;
  padding:2px 25px 0px 8px; }
.submenu_informations div { 
  background-position: right bottom;
  padding: 6px 6px 10px; 
  margin-top:-7px;}

#encart_nouveautes { background: transparent url(/images/encart-nouveautes.png) no-repeat center 10px; }
#encart_nouveautes img { margin: 20px auto;}
#encart_nouveautes li{ text-align:center; }
  
li.smenu_puce{
  list-style-image:url(/images/puce.png); 
  color:#495782;
  text-indent:5px; 
  margin-left:25px;  
  }  
li.smenu_puce a{
  color:#495782;
}
li.smenu_right_puce{
  list-style-image:url(/images/puce.png); 
  color:#495782;
  text-indent:0px; 
  margin-left:15px;}
li.smenu_expand { list-style-image: url(/images/expanded.png);
  list-style-position: inside; }
li.smenu_collapse { list-style-image: url(/images/collapsed.png);
  list-style-position: inside;
  cursor: pointer;
  margin-bottom: 5px; }
li.smenu_expand ul { display: block;
  margin-bottom: 5px;
  padding-left: 10px;
  list-style: none;
  list-style-position: inside; }
li.smenu_collapse ul { display: none; }


/* **************************************************************
 *     MENU droite
 * ************************************************************** */
#menu_right { position: absolute;
  top: 172px;
  left: 820px;
  width: 144px; }

/* **************************************************************
 *     MENU pub (droite)
 * ************************************************************** */
.submenu_right { background-position: left;
  background-repeat: repeat-y;
  margin-bottom: 3px; }
.submenu_right .titre { background-position: left top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  height: 18px;
  padding: 0px 8px; }
.submenu_right div { background:#fff;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 6px 11px 10px; }

/* **************************************************************
 *     MENU cart (droite)
 * ************************************************************** */
.submenu_cart { background-position: left;
  background-repeat: repeat-y;
  margin-bottom: 3px; }
.submenu_cart .titre { background-position: left top;
  background-repeat: no-repeat;
  height: 25px;
  padding:7px 25px 0px 8px; }
.submenu_cart div { background-position: left bottom;
  background-repeat: no-repeat;
  padding: 0px 6px 0 3px; margin-top:-12px;}
.submenu_cart a{font:normal 14px arial;}
.submenu_cart a:link, 
.submenu_cart a:visited { color: #33465F; background:#FFF;margin:2px;}
.submenu_cart a:hover, 
.submenu_cart a:active { color: #FFF; background:#33465F; margin:2px; text-decoration:none;border:0;}
.submenu_cart h2,.submenu_cart em{display:block; margin:5px auto;text-align:center;}
.submenu_cart strong{
  background:url(/images/puce.png) no-repeat 0px 4px; 
  padding-left:8px;}
.submenu_cart hr{ border:0; border-top:2px dotted #666; margin:5px 0;}
a.cart_item{letter-spacing:-0.05em;}
strong.total{letter-spacing:0.01em; color:#33465F; font-size:12px;}
/* **************************************************************
 *     MENU club (droite)
 * ************************************************************** */
.submenu_club { background-position: left;
  background-repeat: repeat-y;
  margin-bottom: 3px; }
.submenu_club .titre { background-position: left top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  height: 18px;
  padding: 0px 8px; }
.submenu_club div { background:#fff;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 6px 11px 10px; }

/* **************************************************************
 *     ICONES MENUS
 * ************************************************************** 
#menu_left div{   position: relative;}
#menu_left .iconBlock{
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    top: 2px;
}
#menu_left .titre .rechercher .iconBlock {
    width: 24px;
    height: 26px;
    right: 8px;
    background-image:url(../images/icone_menu_rechercher.png) fixed 15px 0;
}*/

/* **************************************************************
 *     INFO (bloc d'information principale de la page)
 * ************************************************************** */
#info {  position: relative;
  top: -3px;
  left: 210px;
  width: 600px; 


}
#info hr {
  clear: both;
  visibility:hidden; }
#info hr.spc { margin-bottom: 20px; }
#info textarea { width: 99% }

#visuel { float: left;
  width: 268px; }
#resume { float: right;
  width: 305px;
  font-size: 1.2em; }
#nouveaute { background-image: url(/images/images/nouv_backgrnd.png);
  background-repeat: no-repeat;
  width: 295px;
  height: 40px;
  padding: 3px 6px;
  margin-bottom: 5px; }
#nouveaute span { color: #FF6000; }
#resume #stock_V { background-image: url(/images/images/stock_V.png); }
#resume #stock_O { background-image: url(/images/images/stock_O.png); }
#resume #stock_R { background-image: url(/images/images/stock_R.png); }
#resume #stock_V, #resume #stock_O, #resume #stock_R { background-repeat: no-repeat;
  background-position: top right;
  height: 20px;
  padding: 1px 8px 5px;
  text-align: right;
  border-bottom: #c5c5c5 1px solid; }
#resume #prix { float: left;
  width: 155px;
  font-size: 1.2em;
  font-weight: normal; }
#resume #to_cart { float: left;
  width: 150px;
  font-size: 0.8em;
  text-align: center;
  font-weight: normal;
  padding: 10px 0px; }

#resume #points { background-image: url(/images/images/points_backgrnd.png);
  background-repeat: no-repeat;
  font-size: 0.8em;
  height: 20px;
  padding: 3px 5px; }
.commentaire h6 { text-align: right; }
#bloc_resume{
	display:block;
	height:200px;
	overflow:auto;
	padding:10px;
	background-color:#EFEFEF;
}
#produits_phares { background-position: center;
  background-repeat: repeat-y;
  margin-bottom: 0px; }
#produits_phares .titre { background-position: center top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  height: 18px;
  padding: 0px 10px;}
#produits_phares div#carousel_phare{ background-position: center bottom;
  height:173px;
  min-height:173px;
  background-repeat: no-repeat;
  padding: 0px 6px;
  
  }
/* **************************************************************
 *     FOOTER
 * ************************************************************** */
#footer { 
  margin-top: 15px;
  padding: 5px;
  text-align: center;
  /*border-top: solid 1px #8B8B8B;*/
  font-size: 0.9em; 
  background:transparent url(../images/content_footer.png) no-repeat bottom;
  }
#footer p {
  display:block;
  padding-top: 5px;
  text-align: center; 
  }

/* **************************************************************
 *     IMPRESSION
 * ************************************************************** */
#print_info { display:none; }

@media print {
  #page { position: absolute;
    left: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
   }
  #header_end,
  #head_banner,
  #univers,
  #langues,
  #menu_left,
  #menu_right { display: none; }
  #header { background-image: none;
    margin-bottom: 20px; }
  #print_info { display: block;
    position: absolute;
    width: 550px;
    top: 3px;
    left: 245px; }
  #print_info p { padding-bottom: 8px; }
  #info { position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px; }
}