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: 156px;
	height: 80px;
	background: url(/img/eleclerc-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{
	display: inline;
	float:left;
	margin: 0 3px 0 8px;
	height:35px;
	width: 625px;
	padding: 0 0 0 20px;
	background: #b2d02b url(/img/menuhaut-bg.png) no-repeat;
}
#menuhaut ul{
	list-style: none;
}
#menuhaut ul li{
	display: inline;
	float:left;
	margin: 0 20px 0 0;
	background: url(/img/menuhaut-fleche.png) 7px 8px no-repeat;
}
#menuhaut ul li span{
	display: none;
}
#menuhaut ul li a{
	display: block;
	height: 26px;
	width: 100px;
	padding: 8px 5px 0 25px;
	font-size: 15px;
	color: #58730b;
}
#menuhaut ul li.m4 a{
	width: 70px;
}
#menuhaut ul li a:hover{
	color: #fff;
	background: url(/img/menuhaut-fleche-.png) no-repeat;
}
#menuhaut ul li.m4 a:hover{
	background: url(/img/menuhaut-fleche4-.png) no-repeat;
}
#menuhaut ul li.m4.current a{
	background: url(/img/menuhaut-fleche4-cur.png) no-repeat;
}
#menuhaut ul li.current a{
	color: #fff;
	font-weight: bold;
	background: url(/img/menuhaut-fleche-cur.png) no-repeat;
}

#menuhaut2{
	float:left;
	width: 303px;
	height: 35px;
	list-style: none;
	background: #749917 url(/img/menuhaut2-bg.png) no-repeat;
}
#menuhaut2 li{
	display: inline;
	float:left;
	margin: 0 0 0 20px;
}
#menuhaut2 li a{
	display: block;
	width: 91px;
	height: 28px;
	padding: 7px 15px 0 22px;
	color: #fff;
	font-size: 15px;
	background: url(/img/menuhaut2-fleche.png) 5px 8px no-repeat;
}
#menuhaut2 li.m2 a{
	width: 69px;
}
#menuhaut2 li a:hover{
	color: #58730b;
	background: url(/img/menuhaut2-fleche-.png) no-repeat;
}
#menuhaut2 li.m2 a:hover{
	background: url(/img/menuhaut22-fleche-.png) no-repeat;
}
#menuhaut2 li.current a{
	color: #58730b;
	background: url(/img/menuhaut2-fleche-cur.png) no-repeat;
}
#menuhaut2 li.m2.current a{
	background: url(/img/menuhaut22-fleche-cur.png) no-repeat;
}

/* fournisseur */
#fournisseur {
	position: absolute;
	z-index: 99;
	top: 88px;
	left: 50px;
}
#fournisseur h4{
	padding: 0 0 0 15px;
	font-weight: normal;
	
	font-size: 11px;
	cursor: pointer;
	background:url(/img/fleche-grise.png) 0 1px no-repeat;
}
#fournisseur h4 a{
	color: #777;
}
#fournisseur h4 a:hover{
	text-decoration: underline;
}
#fournisseur em{
	display: none;
	position: absolute;
	/*
	top: -110px;
	left: -98px;
	width: 208px;
	height: 94px;
	*/
	top: -78px;
	left: 132px;
	width: 415px;
	height: 94px;
	padding: 8px 10px 0 30px;
	font-size: 11px;
	font-style: normal;
	background:url(/img/fournisseur-bg.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: 215px;
	padding: 0 0 0 10px;
}

#menugauche{
	width: 200px;
	margin: 0 0 36px 15px;
	padding: 10px 0 0 0;
	background: #b2d12c url(/img/menugauche-bgt.gif) no-repeat;
}
#menugauche ul{
	list-style: none;
	font-size: 0px;
	line-height: 0px;
	padding: 0 0 10px 0;
	background: #b2d12c url(/img/menugauche-bgb.gif) bottom left no-repeat;
}
#menugauche ul li{
	height: 30px;
	background: #b2d12c url(/img/menugauche-.gif) no-repeat;
}
#menugauche ul li span{
	display:none;
}
#menugauche ul li a{
	display: block;
	padding: 8px 6px 8px 13px;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	background: #b2d12c;
}
#menugauche ul li a:hover{
	background: none;
}
#menugauche ul li.current a{
	background: url(/img/menugauche-fleche.gif) 2px 11px no-repeat;
}

#recharger{
	position: relative;
	margin: 0 auto;
	width: 200px;
	height: 270px;
	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;
	height: 22px;
	padding: 218px 0 0 108px;
	font-size: 11px;
	color: #0161A5;
	font-weight: bold;
}
#recharger a.esp:hover{
	color: #D6139B;
	text-decoration: none
}
#recharger a.rel{
	display:block;
	position:absolute;
	bottom:11px;
	left: 51px;
	width: 111px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
}
#recharger a.rel:hover{
	border-bottom: solid 1px #fff
}

/* 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/combien-ca-coute.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;
}

#lm a{
	display: block;
	margin: 0 0 20px 0;
	width: 199px;
	height: 67px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/les-mobiles.png) no-repeat;
}

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

#lnu a{	
	display: block;
	width: 199px;
	height: 57px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/numeros-utiles.png) no-repeat;
}

/* 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;
	padding: 20px 0 0 8px;
}
#documents h3{
	display: none;
}
#documents ul{
	width: 931px;
	height: 33px;
	padding: 0 0 0 20px;
	list-style: none;
	background: #FF8F3C url(/img/menubas-bg.png) no-repeat;
}
#documents ul li{
	display: inline;
	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;
	padding: 20px 0 0 30px;
}

#menubas ul {
	list-style: none;
}
#menubas ul li{
	float:left;
	width: 170px;
	padding: 0 0 15px 10px;
	font-size:11px;
}

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

#menubas ul li span{
	display: none;
}

#menubas ul li ul li{
	padding: 0;
}

#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 */

#menubas p{
	float :left;
	margin: 0 0 38px 20px;
	text-align: center;
}
#menubas p a{
	margin: 0 4px;
	color: #777;
}
#menubas p a:hover{
	text-decoration: underline;
}

#menubas p.impact a{
	display: block;
	width: 146px;
	height: 56px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/impact-reduit.png) no-repeat;
}

/* 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
}