#bloc-popin{
	position: relative;
	width:670px;
	height:400px;
	background:url( ../pix/click_collect/bg_popin.gif ) no-repeat; 
	z-index:2;
}
#p-margin{
	width: 600px;
	height: 150px;

}
#p-titre-cp{
	width: 600px;
	height: 30px;
	margin-left: 25px;
	background: url( ../pix/click_collect/bg_choix_magasin.gif ) no-repeat;
}

#div-cp{
	position: relative;
	height: 20px;
	width: 300px;
}
#div-cp, #div-magasin{
	margin: 0 0 10px 25px;
}
#div-cp #p-inp-cp{
	background: #5ccaed url(../pix/click_collect/bg_input_cp.gif) left center no-repeat;
	padding-left:10px;
	height: 20px;
	width: 200px;
	float: left;
}
#div-cp #p-valid-cp{
	position: absolute;
	left: 200px;
	height: 20px;
	width: 30px;
	background: #5ccaed url(../pix/click_collect/bt_cp.gif) left center no-repeat;
	cursor: pointer;
}
* html #div-cp #p-valid-cp{
	top:1px;
}
#p-inp-cp input#input-cp{
	border: none;
	height: 18px;
	width: 200px;
	padding-top: 2px;
	color: #3ac6ed;
	font-weight: bold;
	background:none;
}
#div-magasin{
	height: 120px;
	width: 250px;
}
#div-magasin ul{
	height: 95px;
	width: 330px;
	overflow: auto;
}
#div-magasin li{
	height: 14px;
	background: #fff;
	color: #3ac6ed;
	padding: 2px 2px 2px 4px;
	border-bottom: 1px solid #3ac6ed;
	font-size: 11px;
	display:block;
	margin:0;
     float: left;  
     width:310px;
}
#div-magasin li.dispo{
	cursor:pointer;
}
#div-magasin li.limite{
	color: #eda03b;
}
#div-magasin li.indispo{
	color: #cc0033;
}

#div-magasin li.hover{
	background: #375D81;
	color: #fff;
}
#div-magasin p.distance{
	width: 45px;
	float: left;
}
#div-magasin p.libelle{
	font-weight: bold;
	float: left;
}
#div-magasin p.stock{
	padding-left: 10px;
	float: left;
}
#div-magasin p#intro{
	color: #fff;
	font-size: 11px;
	margin-bottom: 5px;
}

#legende_on, #legende_off, #legende_limite{
	position: absolute;
	top: 385px;
	color: #fff;
	font-size: 11px;
	width: 155px;
	height: 10px;
	line-height: 10px;
	vertical-align: middle;
	padding-left: 45px;
}

#legende_on{
	left: 25px;
	background: url( ../pix/click_collect/legende_dispo.gif ) left center no-repeat;
}
#legende_limite{
	left: 225px;
	background: url( ../pix/click_collect/legende_limite.gif ) left center no-repeat;
}
#legende_off{
	left: 380px;
	background: url( ../pix/click_collect/legende_indispo.gif ) left center no-repeat;
}

p#bt-reserver{
	display: none;
	background: url( ../pix/click_collect/bt-reserver.gif ) no-repeat;
	width: 108px;
	height: 26px;
	position: absolute;
	top: 350px;
	left: 25px;
}
#closeBut{
	position: absolute;	
	display: block;
	width: 30px;
	height: 30px;
	top: - 14px;
	right: -1px;
	z-index:3;
	text-indent: -5000px;
}

#bloc-reservation{
	position: relative;
	margin-left: 1px;
	width: 659px;
	height: 300px;
	z-index:1;
	margin-top:0px;
	display: none;
	top:-10px;
}
#titre-reservation{
	padding-top: 20px;
	font-size: 20px;
	color: #3ac6ed;
}
#titre-reservation span{
	font-weight: bold;
}
#etapes{
	width: 659px;
	height: 64px;
	background: #fff url( ../pix/click_collect/bg_etapes.gif ) no-repeat;
}
#bloc-reservation #contenu{
	padding-left: 25px;
	background: #fff;
}
#bloc-reservation #bloc-bas{
	width: 659px;
	height: 14px;
	background: url( ../pix/click_collect/bg_bas_reservation.gif ) no-repeat;
}
#infos{
	position: relative;
	height: 100px;
	padding: 10px 0;
}
#vignette{
	position: relative;
	width: 90px;
	height: 80px;
	padding-right: 10px;
	float: left;
}
#div-confirmer{
	width: 100px;
	height: 80px;
	float: left;
}
#bt-confirmer{
	background: url( ../pix/click_collect/bt_confirmer.gif ) no-repeat;
	width: 115px;
	height: 26px;
	margin-top: 20px;
	cursor: pointer;
}
#adresse_magasin{
	width: 220px !important;
	width:180px;
	font-size: 11px;
	float: left;
}
#horaires_magasin{
	width: 150px;
	font-size: 10px;
	float: left;
}
#adresse_magasin span.titre_res,
#horaires_magasin span.titre_res{
	display:block;
	color: #0081C7;
	width: 200px;
	font-size: 11px;
	margin-bottom: 2px;
	font-weight: bold;
}

#bt-close{
	position: absolute;
	right: -3px;
	top: -13px;
	width: 30px;
	height: 30px;
	background: url(../pix/click_collect/bt_fermer_popin.png) no-repeat;
}
#bt-close a{
	width: 30px;
	height: 30px;
	display:block;
}
a#localiser_magasin{
	color: #1BBBE9;
}
a#localiser_magasin:hover{
	color: #0081C7;
}