body,h1,h2,h3,h4,h5,h6,p,div,form,fieldset,input,ol,ul,dl,dt,dd,img{margin:0;padding:0;border:0}
a{text-decoration:none}
hr{clear:both;visibility:hidden}
#footer{display:none}

/* body */

body{
	background: url(/img/bg.png) repeat-x;
}

#bodycontent {
	position: relative; 
	margin: 0 auto;
  	width: 967px;
	padding: 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(/img/bg-content.png) repeat-y;
}

#bodycontent form {
	margin-bottom: 50px;
}
#bodycontent input {
	border: 1px solid #333;
}

#header{
	height:102px;
	padding: 10px 0 0 30px;
}

#header h1{
	width: 157px;
	height: 96px;
	background: url(/img/leclerc-mobile.png) no-repeat;
}
#header h1 a{
	display: block;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
}

#header h2{
	position: absolute;
	top: 50px;
	left: 263px;
	width: 450px;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/les-meilleurs-prix.png) no-repeat;
}
#header span{
	display: block;
	position: absolute;
	top: 0;
	width: 25px;
	height: 250px;
}
#header span.tl{
	left: -10px;
	background: url(/img/ombre-tl.png) no-repeat;
}
#header span.tr{
	right: -10px;
	background: url(/img/ombre-tr.png) no-repeat;
}


/* menu haut */

#menuhaut{
	float:left;
	height:35px;
	width: 510px;
	padding: 0px 0 0 30px;
	background: #a4ca22 url(/img/bg-menuhaut.png) repeat-x;
}
#menuhaut ul{
	list-style: none;
}
#menuhaut ul li{
	float:left;
	background: url(/img/puce-menu.png) 2px 8px no-repeat;
}
#menuhaut ul li.m1{
	width: 120px;
}
#menuhaut ul li.m2{
	width: 122px;
}
#menuhaut ul li.m3{
	width: 115px;
}
#menuhaut ul li.m4{
	width: 90px;
}
#menuhaut ul li.m5{
	width: 63px;
}
#menuhaut ul li span{
	display: none;
}
#menuhaut ul li a{
	display: block;
	height: 26px;
	padding: 8px 0 0 20px;
	color: #fff;
	font-size: 15px
}
#menuhaut ul li a:hover{
	background:#81b516 url(/img/puce-menu-.png) 2px 8px no-repeat;
}
#menuhaut  ul li.current a{
	font-weight: bold;
	background:#81b516 url(/img/puce-menu-.png) 2px 7px no-repeat;
}

#menuhaut2{
	float:left;
	width: 427px;
	height:35px;
	list-style: none;
	/*background: url(/img/bg-menuhaut2.png) repeat-x;*/
	background: #628a13;
}
#menuhaut2 li{
	float:left;
	margin: 0;
	width: 128px;
}
#menuhaut2 li.m2{
	width: 100px;
}
#menuhaut2 li a{
	display: block;
	height: 26px;
	padding: 7px 10px 0 28px;
	color: #fff;
	font-size: 15px;
	background: url(/img/puce-menu2.png) 8px 0 no-repeat;
}
#menuhaut2 li a:hover{
	background: #50740f url(/img/puce-menu2-.png) 8px 0 no-repeat;
}

/* fournisseur */
#fournisseur {
	position: absolute;
	z-index: 99;
	top: 122px;
	right: 35px;
}
#fournisseur h4{
	padding: 0 0 0 15px;
	font-weight: normal;
	color: #fff;
	font-size: 11px;
	cursor: pointer;
	background:url(/img/puce-fournisseur.png) 0 1px no-repeat;
}
#fournisseur em{
	display: none;
	position: absolute;
	/*
	top: -110px;
	left: -98px;
	width: 208px;
	height: 94px;
	*/
	top: -110px;
	left: -330px;
	width: 430px;
	height: 94px;
	padding: 8px 12px;
	font-size: 11px;
	font-style: normal;
	background:url(/img/bulle-fournisseur.png) no-repeat;
}
#fournisseur em a{
	color: #000;
	text-decoration: underline;
}
#fournisseur em.ok{
	display: block;
}

/* nav */
#nav{
	position: absolute;
	top: 165px;
	right: 30px;
}
#nav dt{
	display: none;
}
#nav a{
	color: #E5681B
}
#nav a:hover{
	color: #E05416;
	text-decoration: underline;
}
#nav strong{
	color: #444
}

/* middle */
#middle{
	clear: both;
	padding: 40px 0 0 0;
}

 /* content */

#content {
	float: left;
	width: 450px;
	padding: 0 0 0 55px;
}

/* gauche */

#gauche{
	float: left;
	width: 185px;
	padding: 0 0 0 30px;
}

#menugauche{
	margin: 0 0 26px 0;
	padding: 10px 0;
	background: #a4ca22;
}
#menugauche ul{
	list-style: none;
	font-size: 0px;
	line-height: 0px;
}
#menugauche ul li{
	height: 26px;
}
#menugauche ul li span{
	display:none;
}
#menugauche ul li a{
	display: block;
	padding: 6px 6px 6px 13px;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
}
#menugauche ul li a:hover{
	background: #81b516;
}
#menugauche ul li.current a{
	background: #81b516 url(/img/puce-menugauche-.png) 1px 7px no-repeat;
}

#recharger{
	position: relative;
	margin: 0 auto;
	width:160px;
	height:330px;
	padding: 0;
	text-align: center;
	background: url(/img/recharger-mon-compte.png) no-repeat;
}
#recharger h3,
#recharger p{
	display: none;
}

#recharger a.esp{
	display: block;
	padding: 276px 0 0 0;
	color: #71706f;
	font-weight: bold;
	text-decoration: underline
}
#recharger a.esp:hover{
	color: #9B1B97;
	text-decoration: none
}
#recharger a.rel{
	display:block;
	position:absolute;
	bottom:3px;
	left: 5px;
	width: 100%;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

/* droite */

#droite{
	float:right;
	width:205px;
	padding: 20px 0 0 0;
	text-align:center;
}

#ccc{
	position: relative;
	margin: 0 0 30px 0;
	width: 199px;
	height: 150px;
	background: url(/img/combiencacoute.png) no-repeat;
}
#ccc h3,
#ccc p{
	display: none;
}

#ccc a{
	display: block;
	width: 199px;
	height: 150px;
	text-indent: -9999px;
	overflow: hidden;
}

#ccm{
	position: relative;
	margin: 0 0 30px 0;
	width: 199px;
	height: 150px;
	background: url(/img/comment-ca-marche.png) no-repeat;
}
#ccm h3,
#ccm p{
	display: none;
}

#ccm a{
	display: block;
	width: 199px;
	height: 150px;
	text-indent: -9999px;
	overflow: hidden;
}

#cvan a{
	display: block;
	margin: 0 0 25px 0;
	width: 194px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/conserver-numero.png) no-repeat;
}

#lm{
	position: relative;
	margin: 0;
	width: 194px;
	height: 84px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/les-mobiles.png) no-repeat;
}

#lm a{
	display: block;
	width: 194px;
	height: 84px;
	text-indent: -9999px;
	overflow: hidden;
}

/* haut de page */

#hautpage{
	display: none;
	clear: both;
	padding: 15px 250px 0 0;
	text-align: center;
}
#hautpage a{
	color: #666;
	text-decoration: underline;
}

/* documents */

#documents {
	clear: both;
}
#documents h3{
	visibility: hidden;
	height: 40px;
}
#documents ul{
	height: 33px;
	padding: 0 0 0 20px;
	list-style: none;
	background: #fc7a2f;
}
#documents ul li{
	float:left;
	margin: 0 20px;
}
#documents ul li.m1{
	width: 255px;
}
#documents ul li.m2{
	width: 190px;
}
#documents ul li.m3{
	width: 80px;
}
#documents ul li.m4{
	width: 105px;
}
#documents ul li.m5{
	width: 85px;
}
#documents ul li a{
	display: block;
	height: 24px;
	padding: 9px 0 0 0;
}
#documents ul li.m5 a{
	padding: 9px 0 0 33px;
	font-size: 13px;
	background: url(/img/contact.png) no-repeat;
}
#documents ul li a{
	color: #fff;
}
#documents ul li a:hover{
	color: #651961
}

/* menu bas */

#menubas{
	clear: both;
	height: 240px;
	padding: 20px 0 0 60px;
}

#menubas ul {
	list-style: none;
}
#menubas ul li{
	float:left;
	width:175px;
	font-size:11px;
}

#menubas ul li a{
	font-weight: bold;
	color: #8c258a;
}

#menubas ul li span{
	display: none;
}

#menubas ul li ul li a{
	padding: 0 0 0 5px;
	font-weight: normal;
	line-height: 16px;
	color: #666;
	white-space: nowrap;
	background: url(/img/puce-menubas.gif) 0 5px no-repeat;
}

#menubas ul li a:hover{
	color: #0C258A;
	text-decoration: underline;
}

#menubas ul li.m3 strong {
	padding: 0 0 0 5px;
	line-height: 16px;
	color: #9a98a0;
	background: url(/img/puce-menubas.gif) 0 5px no-repeat;
}

#menubas ul li.m3 ul li {
	color: #9a98a0;
}

#menubas ul li.m3 ul li a{
	background:none;
}

#menubas ul li ul li a:hover{
	color:#333;
}

/* credits */

#cml{
	height: 20px;
	padding: 0 30px 0 0;
}
#cml ul{
	float: right;
	list-style: none;
}
#cml ul li{
	float: left;
	padding: 0 20px;
	font-size: 11px;
}
#cml ul li a{
	color: #777;
}
#cml ul li a:hover{
	color: #333;
	text-decoration: underline;
}


/* notes */

#content div strong.notes{
	padding: 0 0 0 12px;
	cursor: pointer;
	background: url(/img/puce-fleche-grise.png) 0 3px no-repeat;
	
}

/* faq */

#content div h3.qp,
#content div h3.qm{
	cursor: pointer;
}
#content div strong.qp,
#content div strong.qm{
	display: block;
	line-height: 15px;
	cursor: pointer;
}
#content div h3.qp span,
#content div strong.qp span{
	padding: 0 10px;
	background: url(/img/plus.gif) 5px 1px no-repeat;
}
#content div h3.qm span,
#content div strong.qm span{
	padding: 0 10px;
	background: url(/img/moins.gif) 5px 1px no-repeat;
}


/* E.Leclerc */

a.eleclerc {
	display: block;
	position: absolute;
	top: 30px;
	right: 55px;
	width: 108px;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/e-leclerc.png) no-repeat;
}

#xiti,
#spotlight{
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	overflow: hidden
}