@charset "utf-8";
/* CSS Document */

body {
  text-align: center;
  background:#810924 url(/images/front/events/soldes_juin_2010/bg_soldes.gif) center top repeat;
}

#vitrines {
  height:480px !important;
}

.pngfix {
  behavior: url("iepngfix.htc")
}

.center {
	margin: 0 auto;
	width: 915px;
	text-align: left;
}

.clr{clear:both;}
.left{float:left;}

#top_info h1, #top_info p, #top_info p a {
	color:#C1C1C1;
	font-size:11px;
	font-weight:normal;
	line-height:1em;
}

#global {
	float: left;
	background-color:#FFFFFF;
	margin: 0 auto;
	margin: 10px 0 0 0;
	width:915px; /* Ici changement css pour soldes : pas de width avant les soldes */
}

/* Top de la page : logo + navigation toolbar  + user */
#top {
	width: 915px; 
	height: 63px; 
	margin: 0;
	padding:5px 0 0 0;
	background:url(/images/front/habillage/bg_top.png) 0 0 no-repeat; 
	float: left;
	text-align: left;
}

#logo a{
	margin: 0;
	padding:0;
	float:left; 
	width: 300px; 
	background:url(/images/front/habillage/logo.png) 0 0 no-repeat; 
	height:63px;
	display:block;
}

#top_right{
	width: 615px; 
	float:left;
/*  background:url(/images/front/events/anim_points_forts_header.gif) 15px 24px no-repeat;*/
	height:63px;
}
#top_right ul {
  list-style: none;
  float:left;
}

div#user {
	color:#333333;
	padding: 0 10px 0 0;
	text-align:right;
}
div#user a {
	color:#666666;
	text-decoration:underline;
}

/* Menu : navigation + search */
#menu {
width: 907px; 
height: 40px; 
margin: 0;
padding-left:8px; 
float: left;
font-size:11px;
}

#box_search {
  height:40px;
  line-height: 40px;
  width: 147px; 
  color:#666666;
  background: url(/images/front/habillage/bg_recherche_v2.png) 0 0 no-repeat;
  padding-left:20px;
  float: left;
  display:block;
}

*html #box_search input{
  padding-top: 15px;
}

#box_search form {
  background: none;
}
#box_search input.bouton {
  vertical-align: middle;
  margin-bottom:5px;
}
*html #box_search input{
  vertical-align: none;
  margin-bottom:0;
}
#box_search input.champ {
  color: #666;
  height: 18px;
  width: 110px;
  border: 0;
  background:none;
  display:inline-block;
}

/* Content */
#content {
	width: 901px; 
	height: 100%; 
	margin: 0;
	padding:0 0 20px 8px; 
	float: left;
}

.title {
	width: 100%;
	margin: 0;
	padding: 0 0 10px 10px;  
	float: left;
}

.product_list{ 
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;  
	float: left;
	background: url(/images/front/habillage/bg_liste.gif) 0 0 repeat-y;
}

.product {
	text-align:center;
	line-height:13px;
	margin:0;
	padding:0 0 8px 0;
	width:140px;
	float: left;
	background: url(/images/front/habillage/bg_liste.gif) 139px 0 no-repeat;
	height:190px;
}

/*Picto à droite du produit*/
.product .picto_30px {
  padding: 0;
  margin: 2px 0 0 90px;
  position: absolute;
  float: left;
}

/*Picto à droite du produit soldes*/
.product .picto_38px_soldes {
  padding: 0;
  margin: 2px 0 0 98px;
  position: absolute;
  float: left;
}
.product .picto_50px {
  padding: 0;
  margin: 2px 0 0 70px;
  position: absolute;
  float: left;
}
.product .picto_80px {
  padding: 0;
  margin: 2px 0 0 80px;
  position: absolute;
  float: left;
}
/*Picto à gauche du produit*/
.picto_aligne_gauche {padding :0;margin :0 0 0 8px;position :absolute;
  float: left;
}
.product img {
  border: 0;
}

/*Marque*/
.product h1{
	color:#333333;
	font-size:12px;
	height:14px;
	overflow:hidden;
}
/*Libellé*/
.product h2 a{
	color:#999999;
	font-size:10px;
	height:14px;
	overflow:hidden;
	font-weight:normal;
	text-decoration:none;
}
/*Prix*/
.product .price{
	color:#941449;
	font-size:14px;
	font-weight:normal;
}

div.product .price_barre {
	color:#666666;
	font-size:10px;
	font-weight:normal;
	text-decoration:line-through;
}

div.product .remise {
	color:#FFFFFF;
	font-size:9px;
	font-weight:normal;
	line-height:15px;
	height:15px;
	padding:1px 2px 2px 2px;
	background: url(/images/front/habillage/bg_remise.gif)  center center no-repeat;
}

form input.champ {
  color: #000;
  font-size: 11px;
  width: 125px;
	border:0;
}

form button {
  color: #FFF;
  font-size: 12px;
	border:0;
	background:none;
}

/* Modules Newsletter - Parrainage - Communauté */
#modules_communautaire {
float: left;
width: 915px;
line-height: 15px;
/*
padding-top: 13px;
background-color: #D9DDE1;

*/font-size: 11px;
}
#modules_communautaire div {
float: left;
height: 111px;
color: #000;
}
#modules_communautaire div br {
margin-bottom: 0;
}
#newsletter {
background: url(/images/front/habillage/bg_module_newsletter_v2.jpg) no-repeat 0 0;
width: 195px;
padding: 40px 90px 10px 20px;
}
*html #newsletter {
height: 100px;
}
#newsletter input.champ {
width: 160px;
border: 1px solid #CCC;
color: #999;
height:16px;
padding-left: 2px;
font-family: "trebuchet ms",arial,helvetica,sans-serif;
}
#newsletter p {
  margin-bottom: 10px;
}

#newsletter input {
display: block;
float: left;
}
#parrainage {
background: url(/images/front/habillage/bg_module_parrainage_v2.jpg) no-repeat 0 0;
width: 175px;
padding: 40px 110px 10px 20px;
}
#communaute {
background: url(/images/front/habillage/bg_module_communaute_v2.jpg) no-repeat 0 0;
width: 165px;
padding: 40px 120px 10px 20px;
}
#communaute img {margin :10px 10px 0 0;
}

/* Logos marques */
#logos_footer {
	width: 901px;  
	margin:7px 0 0 8px;
  padding: 0;
	float: left;
	height:50px;
}

/* Rubrique d'aide */
#footer {
	width: 901px;  
	padding-top:18px;
	margin-left: 8px;
	float: left;
	background:#FFFFFF url(/images/front/habillage/bg_footer.gif) 0 18px no-repeat;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}

.aide {
	float:left;
	text-align:center;
	width:150px;
	font-size:11px;
	padding-bottom:15px;
	margin:0;
}

.aide a {
	color:#999999;
	text-decoration:none;
}

.aide a:hover {
	color:#666666;
	text-decoration:underline;
}

/* Mots clés */
#mots_cles {
	width: 735px;  
	margin: 0;
	padding:20px 90px 15px 90px;
	float: left;
	color:#CCCCCC;
	text-align:center;
  line-height:1.1em;
}

#mots_cles a{
	color:#CCCCCC;
	text-decoration:none;
}
#mots_cles a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}

#description {
  /*  width: 895px;  */
  width: 494px;  
/*  margin: 0;
  padding:10px 10px 5px 10px;
*//*  text-align:center;*/
	float: left;
	color:#666;
/*  background-color: #D9DDE1;
*/	line-height:1em;
}

#description a{
	color:#333;
	text-decoration:none;
}
#description a:hover{
	color:#333;
	text-decoration:underline;
}

.ligne_pleine{
	background:#FFFFFF url(/images/front/habillage/border4px.gif) repeat-x 0px 3px;
	height:4px;
	width:100%;
	padding-top:3px;
	margin:0;
	float:left;
}

.ligne_pleine_1px{
	background:url(/images/front/habillage/border_1px_gris.gif) left center repeat-x;
	height:1px;
	width:100%;
	padding:3px 0 7px 0;
	margin:0;
	float:left;
}

.ligne_pointille{
	background:url(/images/front/habillage/border1px_pointille.gif) left center repeat-x;
	height:1px;
	width:100%;
	padding:3px 0 7px 0;
	margin:0;
	float:left;
}

#tooltip {
	position:absolute;
	visibility:hidden;
	background: #DADADA;
	padding: 10px;
	max-width: 170px;
}

#tooltip .title {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color:#330033;
	margin-left: -10px;
	padding-left: 10px;
	padding-bottom: 5px;
	background: url(/images/front/habillage/fleche_selection.gif) no-repeat;
}

#tooltip .sous_titre{
	font-size: 12px;
	margin: 0;
	padding-bottom: 5px;
	color:#941449;
}

#tooltip ;text {
	font-size: 10px;
	margin: 0;
	color:#7F707A;
}

#tooltip .bouton_fermer {
	text-align:right;
}

#message {
  background-color: #E5E5E5;
  padding: 12px;
  font-size: 12px;
  margin-bottom: 12px;
  color: #333333;
}

#message li {
  margin-left: 12px;
}

#footnotes_debug {
  background-color: #fff;
}

/* Box d'info version de staging */
#bottom_over {
  filter : alpha(opacity=70); 
  -moz-opacity : 0.7; 
  opacity : 0.7;
  color: #fff;
  position: fixed;
  left: 0;
  height: 18px;
  bottom:0px;
  width: 100%;
  border-top: 1px solid #000;
  background-color: black;
  padding: 10px 20px;
  z-index: 1000;
}

/* SEARCH SHORTCUTS */
#sp-results { position: absolute; margin-right: -2px; margin-bottom: 0; margin-left: 0; top: 61px; left: 165px; height: 0; }
#sp-results .inside { width: 328px; height: auto; position: absolute; top: 0; right: 0; line-height: 1px; font-size: 1px; }
#sp-results .resultCat { position: relative; color: #f6f6f6; background: #919191; width: 308px; height: 8px; margin: 0; padding-bottom: 12px; width: 302px; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-weight: bold; border: 1px none #fb6bff; }
ul.sp-results { background: url(http://images.apple.com/euro/global/nav/images/shortcuts_bg_mid_grey.png) repeat-y 0 0; _background: url(http://images.apple.com/euro/global/nav/images/shortcuts_bg_mid_grey.gif) repeat-y 0 0; color: #333; padding: 0 3px; margin: 0; width: 328px; text-align: left; font: 10px/14px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; }
ul.sp-results li { margin: 0 0 -3px 0; padding: 5px 10px; list-style-type: none; height: 4.6em; position: relative; border-left: 1px solid #919191; border-right: 1px solid #919191; width: 300px; }
ul.sp-results li.viewall { width: 308px; height: 20px; text-align: right; color: #000; position: absolute; bottom: -30px; *bottom: -27px; left: 0px; background: url(http://images.apple.com/euro/global/nav/images/shortcuts_bg_foot_grey.png) no-repeat left bottom; _background: url(http://images.apple.com/euro/global/nav/images/shortcuts_bg_foot_grey.gif) no-repeat left bottom; border-style: none; }
ul.sp-results li.viewall a { color: #fff; padding-right: 23px; background: url(http://images.apple.com/euro/global/nav/images/shortcuts_arrow.gif) no-repeat 99% 50%; behavior: url(/global/scripts/lib/iepngfix.htc); padding-top: 3px; padding-bottom: 3px; font: bold 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; }
ul.sp-results li.hoverli { background: #b7b7b7 none repeat-x; color: #fff; cursor: pointer; }
ul.sp-results li.hoverli h4 a { color: #fff; }
ul.sp-results li.hoverli p { color: #f1f1f1; }
ul.sp-results li span.text { display: block; position: absolute; left: 68px; width: 240px; }
ul.sp-results li h4 { margin: 0; font-size: 11px; font-weight: bold; }
ul.sp-results li p { margin: 0; font-size: 10px; overflow: hidden; height: 2.7em; color: #555; }
ul.sp-results li a { color: #606060; text-decoration: none; }
ul.sp-results li img, 
ul.sp-results li .replacementimg { position: absolute; left: 10px; width: 46px; height: 46px; behavior: url(/global/scripts/lib/iepngfix.htc); }
ul.sp-results li h4 a { color: #191919; }
ul.sp-results li.viewall.hover { background: url(http://images.apple.com/euro/global/nav/images/shortcuts_bg_foot_grey.png) no-repeat bottom left; }
#sp-search-spinner { position: absolute; top: 13px; right: 16px; z-index: 10; display: none; }
#sp-search-cancel img { cursor: pointer; }
#sp-results .firstCat { position: absolute; top: -25px; left: 0; width: 308px; height: 8px; background: url(http://images.apple.com/euro/global/nav/images/shortcuts_bg_head_grey.png) no-repeat left top; _background: url(http://images.apple.com/euro/global/nav/images/shortcuts_bg_head_grey.gif) no-repeat left top; }
#sp-result-none.viewall {bottom: -27px; *bottom: -27px;}
#sp-result-none.viewall a { font-size: 10px; }