/*********************************************************************************************************/
/*  PAGE MAGASIN  */
/*********************************************************************************************************/

#magasin, 
#magasin-sans-back {
		width: 935px;/*797*/
		height: 420px;
		padding-left: 120px;/*138*/
}
#magasin{
		background: transparent url(../medias/pages/magasin/fond-magasin.jpg) no-repeat left bottom;
}

#liste-mag{
		width: 309px;/*329*/
		float: left;
}

#liste-mag #accroche{
		width: 268px;/*288*/
		height: 35px;
		background: url(../medias/pages/magasin/fond-accroche.gif) no-repeat;
		padding: 35px 23px 28px 18px;
		color: #3a1309;
		font-size: 11px;
		text-align: left;
}

#liste-mag #choix-mag{
		margin-top: 14px;
		width: 286px;/*306*/
		height: 60px;
		background-color: #cccccc;
		color: #3a1309;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		padding: 23px 10px 11px 13px;
}

.input-mag{
		display: block;
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 243px; 
		/*height: 16px; */
		border: solid 1px #fff;
}

a#btn-okmag {
		float: right;
		background: url(../medias/pages/magasin/ok.gif);
		width: 39px;
		height: 40px;
}

a:hover#btn-okmag {
		background: url(../medias/pages/magasin/ok_over.gif);
}

#liste-mag #adresse-mag{
		height: 130px;
		width: 279px;
		background-color: #cccccc;
		padding: 15px 15px 15px 15px;
		font-size: 11px;
		color: #3a1304;
		margin-top: 14px;
		text-align: left;
		line-height: 14px;
}

#carte{
		width: 497px;
		height: 422px;
		display: block;
		margin-left: 10px;
		float: left;
		background: url(../medias/plans/carte.gif) no-repeat;
		padding: 0;
		position: relative;
}

#carte li {
    margin:0;
    padding:0;
    list-style:none;
}

#carte li a {
    position:absolute;
    display:block;
	/*width:1000px;
	left:50%;
	margin-left:-500px;
	margin-top:60px;*/
    background:url(../medias/communs/o.gif);
} 

#carte li a span { display:none; }

#carte li a:hover span {
    position:relative;
    display:block;
    width:auto;
    left:30px;
    top:-10px;
    padding:3px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity:0.8;
} 

#carte a.brest {
    top:115px; left:5px; width:50px; height:30px; position:absolute;
}
#carte a.vannes {
    top:160px; left:65px; width:60px; height:20px; position:absolute;
}
#carte a.nantes {
    top:190px; left:90px; width:60px; height:20px; position:absolute;
}
#carte a.angers {
    top:155px; left:110px; width:60px; height:20px; position:absolute;
}
#carte a.tours {
    top:165px; left:184px; width:60px; height:20px; position:absolute;
}
#carte a.melun {
    top:125px; left:210px; width:60px; height:20px; position:absolute; 
}
#carte a.meaux {
    top:90px; left:230px; width:60px; height:20px; position:absolute;
}
#carte a.annecy {
    top:225px; left:326px; width:60px; height:20px; position:absolute;
}
#carte a.annemasse {
    top:205px; left:326px; width:80px; height:20px; position:absolute;
}
#carte a.bordeaux {
    top:285px; left:130px; width:70px; height:20px; position:absolute;
}
#carte a.davezieux {
    top:250px; left:224px; width:70px; height:30px; position:absolute; 
}
#carte a.montpellier {
    top:330px; left:225px; width:80px; height:30px; position:absolute; /*border:1px dashed #ccc;*/
}
#carte a.noumea {
    top:385px; left:10px; width:80px; height:20px; position:absolute;
}
#carte a.gap {
    top:290px; left:310px; width:50px; height:20px; position:absolute;
}
#carte a.nice {
    top:300px; left:380px; width:80px; height:20px; position:absolute;
}
#carte a.pontivy {
    top:140px; left:0px; width:80px; height:30px; position:absolute;
}
#carte a.boulogne {
    top:20px; left:100px; width:100px; height:20px; position:absolute;
}
#carte a.stbrice {
    top:82px; left:125px; width:90px; height:20px; position:absolute; 
}
#carte a.thionville {
    top:100px; left:340px; width:80px; height:20px; position:absolute;
}
#carte a.bastia {
    top:350px; left:380px; width:80px; height:20px; position:absolute; /*border:1px dashed #ccc;*/
}
#carte a.villeneuve {
    top:305px; left:270px; width:120px; height:20px; position:absolute;  
}
#carte a.mandelieu {
    top:335px; left:295px; width:80px; height:10px; position:absolute;  
}
#carte a.vallauris {
    top:325px; left:310px; width:80px; height:8px; position:absolute;border:
}
#carte a.noyelles {
    top:35px; left:200px; width:120px; height:20px; position:absolute; 
}
#carte a.clermont-ferrand {
    top:220px; left:130px; width:120px; height:20px; position:absolute; 
}
#carte a.orleans {
    top:135px; left:190px; width:80px; height:15px; position:absolute; /*border:1px dashed #ccc;*/
}
#carte a.le_mans {
	top:118px; left:135px; width:50px; height:20px; position:absolute;
}

#plan{
		width: 434px;
		height: 22px;
		display: block;
		margin-left: 13px;
		float: left;
		background: url(../medias/pages/magasin/plan-brest.gif) no-repeat;
		padding: 324px 21px 0 0;
		text-align: right;
		font-size: 10px;
		color: #3a1309;
}

a#btn-retour{
		font-size: 10px;
		color: #3a1309;
		text-decoration: none;
}

a#btn-retour:hover{
		font-size: 10px;
		color: #3a1309;
		text-decoration: underline;
}