/*--------------- Mom magasin ------------*/

.encart_gauche_magasin{
	height:auto!important;
	height:100px;
	min-height:100px;
	background:url('/style library/images/magasins/fond.png') no-repeat left 237px;
}
.encart_gauche_magasin2{
	height:auto;
}
.encart_droite_magasin{
	background:url('/style library/images/magasins/haut_mag.gif') no-repeat;
	height:534px;
}
.encart_droite_mag{
	float:left;
}
.encart_droite_mag2{
	/*float:left;*/
}


.haut_magasin{
	background:url('/style library/images/magasins/haut.png') no-repeat left top;
	min-height:239px!important;
	height:100px;
}
.haut_magasin2{
/*	background:url('/style library/images/magasins/haut2.png') no-repeat center top;
	min-height:239px!important;
	height:auto!important;
	height:100px;*/
}

.encart_gauche_magasin2 .haut_magasin2{
	/*background: url(/Style%20Library/images/magasins/fond_grande_carte.gif) no-repeat left top;*/
}
.bas_magasin{

	background:url('/style library/images/magasins/bas_mag.png') no-repeat left top;
	margin-bottom:15px;
	height:6px;
}
.bas_magasin2{
	background:url('/style library/images/magasins/bas.png') no-repeat;
	margin-bottom:15px;
	height:6px;
}
.haut_magasin .gauche{
	float:left;
}
.haut_magasin .droite{
	float:left;
	width:185px;
	margin-left:23px;
	padding-top:15px;
}
.haut_magasin img.photo{
	margin-top:21px;
	margin-left:21px;
}
.haut_magasin .zoom{
	margin-top:6px;
	height:20px;
	width:60px;
	margin-left:30px;
	float:left;
	line-height:25px;
}
.haut_magasin .envoyer{
	margin-top:6px;
	height:20px;
	width:150px;
	margin-left:50px;
	float:left;
	line-height:25px;
}

.haut_magasin .intineraire{
	background: url('/style library/images/magasins/itineraire.gif') no-repeat;
	width:170px;
	height:66px;
	padding-left:10px;
	padding-top:10px;
}
.haut_magasin .champ_iti{
	width:100px;
	margin-top:7px;
}
.haut_magasin .aller, .haut_magasin2 .go{
	margin-left:5px;
	vertical-align: -6px;
}




/* -------------------CARTE --------------*/
.carte{
	position:absolute;
	height:237px;
	width:271px;
	margin-left:594px;
	padding-top:14px;
	padding-left:7px;
	background:url('/style library/images/magasins/haut_carte.png') no-repeat;
}
.carte .coordonnees{
	background: url('/style library/images/magasins/coordonnees.jpg') no-repeat;
	width:252px;
	height:31px;
	line-height: 31px;
	text-align:center;
}

#map_magasin{
	height:188px;
	width: 250px;
	overflow: hidden;
}

/* --------------- horaires -----------*/
.encart_gauche_horaires{
	float:left;
	width:165px;
	margin-left:17px!important;
	margin-left:10px;
}
.encart_droite_services{
	float:left;
	width:367px;
	margin-left:21px;
}
.bas_horaires{
	background: url('/style library/images/magasins/horaire_bas.gif') no-repeat center bottom;
	padding: 0 0 7px 0;
	width:181px;
}

.haut_horaires{
	background: url('/style library/images/magasins/horaire_haut.gif') no-repeat center top;
	height:auto!important;
	height:30px;
	min-height:30px;
	padding-bottom:10px;
}
.texte_horaires{
	padding-top:17px;
	margin-left:12px;
}
.horaires{
	margin-left:12px;
}

/*-------------- Services -------------*/
.texte_services{
	padding:9px;	
}
.texte_services .gauche{
	float:left;
	width:172px;
}
.texte_services .droite{
	float:left;
}



/*---------------PROMO -------------*/
.containLeft{
	width:325px;
	margin-left:10px!important;
	margin-left:4px;
	float:left;
	margin-bottom:20px;
}

.containLeft p{
	font-size:11px;
	color:#7d695a;
	margin:0;
	padding-bottom:10px;
}
.promosPan {
	width:319px; height:60px;
}
.onglet{
	width:317px; height:39px; 
	padding-top:21px;
	padding-left:8px;
	background: url('/style library/images/magasins/fond_promos.jpg') repeat-x 50% bottom;
}
.onglet div:hover{
	cursor:pointer;
}
.onglet_1 {
	width:111px;
	height:39px;
	background:url('/style library/images/magasins/promo_roll.gif') no-repeat left top;
	float:left;
}
.onglet_1.select{
	width:111px;
	height:39px;
	background:url('/style library/images/magasins/promo.gif') no-repeat left top !important;
	float:left;
	margin-left:0px;
}

.onglet_2 {
	width:157px;
	height:39px;
	background:url('/style library/images/magasins/promo_locales_rool.gif') no-repeat left top;
	float:left;
	margin-left:3px;
}
.onglet_2.slct{
	width:157px;
	height:39px;
	background:url('/style library/images/magasins/promo_locales.gif') no-repeat left top !important;
	float:left;
	margin-left:3px;
}


.promosPan_content {
	/*width:320px;*/
	height:auto;
	min-height:10px;
	font-size:11px;
	padding-left:20px;
	padding-top:10px;
	background:url('/style library/images/magasins/fond2_promos.jpg') repeat-y !important;
}
#promosPan_bas{
	background:url('/style library/images/magasins/promos_bas.gif') no-repeat left bottom !important;
	height:9px;
}
.promosPan_content p{
	font-size:11px;
	color:#7d695a;
	margin:0;
	padding-left:15px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}


/*----------------SORTIES ---------------*/
.sortiesPan{
	width:236px;
	float:right;
	margin-right:10px;
	margin-top:21px;
	margin-bottom:20px;
}
.sorties_haut{
	background:url('/style library/images/magasins/sorties_haut.png') no-repeat;
	height:39px;
}

.sories_content{
	background: url('/style library/images/magasins/sorties_fond.gif') repeat-y;
}
div.article{
	margin-left:10px;
}
p.bouton_sorties{
	text-align: center;
	margin-top:20px;
}
.sorties_bas{
	background: url('/style library/images/magasins/sorties_bas.gif') no-repeat;
	height:9px;
}
h4.sorties{
	color:#275d24;
	font-size:14px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dashed #e0e7ee
}

/*---------------------- colonne droite -----------------*/
#colonne_droite_magasin{
	float:right;
	width:265px;
	margin-top:335px;
}
#colonne_droite_magasin img {
	margin-bottom:11px;
}


/*---------------- GRANDE CARTE -----------*/
.encart_droite_carte{
	float:right;
}

.grande_carte{
	height:408px;
	width:541px;
	/*margin-left:326px;
	padding-top:14px;
	padding-left:7px;
	background:url(/Style%20Library/images/magasins/fond_grande_carte2.gif) no-repeat;*/
}
.rechercher_mag{
	padding-top:1px;
	margin-left:25px;
}
.liens_carte{
	height:94px;
	width:535px;
	/*margin-left:326px;
	padding-top:446px;
	padding-left:7px;*/
}
.liens_carte .liens_gauche, .liens_carte .liens_droite{
	float:left;
	margin-top:23px;
}
.liens_carte .liens_gauche{
	width:310px;
}

/*-------------- Mag proches -----------*/
.encart_gauche_mag{
	width:300px;
	margin-left:17px!important;
	margin-left:10px;
	margin-top:20px;
}
.bas_mag{
	background: url('/style library/images/magasins/bas_mag_proche.gif') no-repeat center bottom;
	padding: 0 0 8px 0;
	width:300px;
}

.haut_mag{
	background: url('/style library/images/magasins/fond_mag_proche.gif') no-repeat center top;
	height:auto!important;
	height:130px;
	min-height:10px;
	padding-top:1px;
	padding-left:5px;
}
.texte_mag{
	margin-left:12px;
	height:345px;
	overflow: auto;
	position:relative;
	width:275px;
}
.mag{
	margin-left:12px;
}



/*---------------lsite  Mag ---------------*/


.bloc_liste {
	width:253px;
	height:auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	
}
.bloc_liste_bottom {
	width:253px; height:auto;
	margin:0; padding:0 0 5px 0;
}
.bloc_liste_top {
	position:relative;
	width:253px; height:auto;
	margin:0; 
}
.liste_titre {
	width:auto; height:auto;
	margin:0 0 6px 0; padding:0;
	font-size:13px; font-weight:bold;
	color:#FFFFFF;
}
.liste_event {
	width:253px; height:auto;
	margin:0; 
	/*padding:13px 0 17px 0;*/
}
.liste_jour {
	width:auto; height:auto;
	margin:0; padding:1px 0 1px 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; font-weight:bold;
	color:#FFFFFF;
	background:url('/style library/images/magasins//Style%20Library/images/agenda_horloge.gif') no-repeat left top;
}
.liste_horaire {
	display:block;
	width:238px;
	height:28px;
	margin:0;
	padding:2px 0 0px 15px;
	text-decoration:none;
	font-size:18px;
	color:#275d24;
	line-height:22px;
	background:url('/style library/images/magasins/liste_fermer.gif') no-repeat;
}
.liste_horaire span{
	float:right;
	margin-top:-20px;
	margin-right:15px;
}
.liste_horaire:hover {
	text-decoration:none;
}
.liste_horaire.selectmag {
	font-size:18px;
	color:#275d24;
	background:url('/style library/images/magasins/fond_mag_proche2.gif') no-repeat;
}
.liste_horaire.selectmag span{
	margin-top:-19px;
	color:#FFFFFF;
}
.liste_detail_bas{
	background:url('/style library/images/magasins/bas_mag_proche3.png') no-repeat left top;	
	height:7px;
	margin-bottom:10px;
}
.liste_detail {
	width:auto;
	height:auto!important;
	height:150px;
	padding:5px;
	background:url('/style library/images/magasins/fond_mag_proche3.gif') repeat-y left top;
}
.liste_detail p{ 
	margin:0!important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	min-height:10px;
}
.details_mag{
	float:right;
	background:#FF0000;
}
.adresse_mag{
	float:left;
	width:109px;
	margin-left:5px;
}

.liste_detail .intineraire{
	background: url('/style library/images/magasins/fond_iti_mag.gif') no-repeat;
	width:243px;
	height:66px;
	padding-top:10px;
	padding-left:10px;
	margin-left:-5px;
}
.liste_detail .bas_detail {
	width:auto;
	height:7px;
	background:url('/style library/images/magasins/bas_mag_proche3.png') repeat-y left top;
	margin-left:-5px;
}

.liste_detail .champ_iti{
	width:165px;
}
.liste_detail .aller{
	margin-left:5px;
	vertical-align: -6px;
}

.aller
{
	border: none;
}

.maglisteservices{
	list-style-type: none;
	width: 350px;
} 
.maglisteservices li{
	float: left;
	width: 160px;
	margin: 5px;
	height:40px;
}
.maglisteservices li span{
	float:left;
	margin-top:10px;
	width:105px;	
}
.maglisteservices li img{
	float:left;
}

/* liste magasins */
.fond_departement  
{
	height: 100%; 
	max-height: 100%; 
	background: url(/style library/images/formulaire/fond_form.png) repeat-y top;
}
.listmagul 
{
	list-style-type:none; 
}

.listmagul li 
{
	height: 70px; 
	float: left; 
	width: 165px; 
	margin: 10px 0px 0px 25px;
}

.listmagul li a{
	padding-left: 8px;
	font-weight: bold;
}
.listmagul li p{
	margin-top: 3px;
	margin-left: 7px;
}