/*******************************
	TEMPLATE CSS RUBRIQUE
*******************************/


/* IMPLANTATIONS CARTE */
#page-rub.implantations #bloc-gauche{
	float:left;
	width:240px;
		padding-top:64px;
}
#page-rub.implantations #news-flash{
	padding:5px 3px 5px 3px;
	border: 1px solid #CCCCCC;
}
/* IMPLANTATIONS LISTES AGENCES */
/* copyright  & menu-bas*/
#page-rub.implantations #copyright{
	text-align:center;
	margin-left:0px;	
}
/*************************/
/* commun liste et fiche */

#page-rub.implantations-fiche #menu-bas,
#page-rub.implantations #menu-bas{
  text-align:center;
	margin-left:0px;
	line-height: 15px;
	padding-top:10px;
	border-bottom: solid #DCDCDC 1px;
}
#page-rub.implantations-fiche .bloc-droite,
#page-rub.implantations .bloc-droite{
	padding-left:18px;
	width:760px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:728px;
}
html>body#page-rub.implantations-fiche .bloc-droite,
html>body#page-rub.implantations .bloc-droite{
	width:728px;
}
#page-rub.implantations-fiche .titre-page,
#page-rub.implantations .titre-page{
	margin-left:0px;	
}
/********************/
/*   Liste agences	*/
#page-rub.implantations .bloc-droite #news-flash .div-detection-flash{
	font-weight:normal;
	text-align:center;
	border:0px;
	padding:0px;
	width:182px;
	height:260px;
	margin:25px;
}

#page-rub.implantations  #liste-agences-colone-2{
	float:left;
	width:200px;
	position:relative;
}
#page-rub.implantations  #liste-agences-colone-3{
	float:left;
	width:200px;
	position:relative;
}
#page-rub.implantations  #liste-agences-colone-2 ul,
#page-rub.implantations  #liste-agences-colone-3 ul{
	margin-left:0px;
}
#page-rub.implantations  #liste-agences-colone-2 ul{
	margin-left:20px;
}
#page-rub.implantations  #liste-categorie,
#page-rub.implantations  #liste-agences-colone-2 li,
#page-rub.implantations  #liste-agences-colone-3 li{
	font-size:11px;
	line-height: 14px;
	list-style-type:none;
}

#page-rub.implantations #liste-categorie{
	font-size:10px;
	margin-top:12px;
	margin-bottom:1px;
	margin-right:328px;
	margin-left:1px;
	line-height: 20px;
	padding:5px 5px 5px 2px;
	background-image:url("../../img/commun/bg_blanc.png");
	border:1px solid #E1E1E1;
}


#page-rub.implantations  #liste-agences-colone-2 ul{
	margin-left:0px;
}
#page-rub.implantations  #liste-agences-colone-3 ul li{
	
	border-left:1px solid #CCCCCC;
}
#page-rub.implantations  #liste-agences-colone-2 ul li,
#page-rub.implantations  #liste-agences-colone-3 ul li{
	padding-left:20px;
}
#page-rub.implantations #liste-categorie .titre{
	font-weight:bold;
	margin-bottom:7px;
}
#page-rub.implantations #liste-categorie .couleur-materiaux,
#page-rub.implantations #liste-categorie .couleur-decoration,
#page-rub.implantations #liste-categorie .couleur-mobilier,
#page-rub.implantations #liste-categorie .couleur-amenagement,
#page-rub.implantations #liste-categorie .couleur-bricolage{
	width:7px;
	margin-right:3px;
	margin-left:15px;
	line-height:7px;
	font-size:2px;
	height:7px;
}
#page-rub.implantations #liste-agences-colone-2 .titre-region,
#page-rub.implantations #liste-agences-colone-3 .titre-region{
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	background-color:#71C2C2;
	text-align:center;
	color:white;
	border-left:1px solid white;
}

#page-rub.implantations #liste-agences-colone-2 .zone-prestation,
#page-rub.implantations #liste-agences-colone-3 .zone-prestation{
	width:50px;
	float:left;
	padding-top:3px;
}
#page-rub.implantations #liste-agences-colone-2 .couleur-materiaux,
#page-rub.implantations #liste-agences-colone-2 .couleur-decoration,
#page-rub.implantations #liste-agences-colone-2 .couleur-mobilier,
#page-rub.implantations #liste-agences-colone-2 .couleur-amenagement,
#page-rub.implantations #liste-agences-colone-2 .couleur-bricolage,
#page-rub.implantations #liste-agences-colone-3 .couleur-materiaux,
#page-rub.implantations #liste-agences-colone-3 .couleur-decoration,
#page-rub.implantations #liste-agences-colone-3 .couleur-mobilier,
#page-rub.implantations #liste-agences-colone-3 .couleur-amenagement,
#page-rub.implantations #liste-agences-colone-3 .couleur-bricolage,
#page-rub.implantations #liste-agences-colone-2 .aucune-couleur,
#page-rub.implantations #liste-agences-colone-3 .aucune-couleur{
	width:7px;
	margin-right:3px;
	line-height:7px;
	
	height:7px;
	font-size:2px;
	float:right;
}
#page-rub.implantations  .titre-liste-agences{
	margin-top:20px;
	font-size:12px;
	font-weight:bold;
}

/****************************/
/* coleur categorie magasin */
/****************************/

#page-rub.implantations-fiche .couleur-materiaux,
#page-rub.implantations  .couleur-materiaux{
	background-color:#FF6600;
}
#page-rub.implantations-fiche .couleur-decoration ,
#page-rub.implantations .couleur-decoration  {
	background-color:#CC99FF;
}
#page-rub.implantations-fiche .couleur-mobilier,
#page-rub.implantations .couleur-mobilier {
	background-color:#33CC66;
}
#page-rub.implantations-fiche .couleur-amenagement,
#page-rub.implantations .couleur-amenagement {
	background-color:#0000FF;
}
#page-rub.implantations-fiche .couleur-bricolage,
#page-rub.implantations .couleur-bricolage {
	background-color:#330033;
}



/*********************/
/*   promos detail   */
#page-rub.detail-promotions .img-promotions{
margin:0px 15px 15px 0px;

float:left;
}

#page-rub.detail-promotions .titre-promotion-detail{
font-size:13px;
font-weight:bold;
margin-bottom:7px;
}



/**********************/
/*   magasin detail   */
#page-rub.implantations-fiche .titre-page a.lien-retour{
	float:right;
}
#page-rub.implantations-fiche .titre-page a.lien-retour div{
	height:33px;
	cursor:hand;
	background-image:url(../img/commun/rub/picto_carte_ptv.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:42px;
	width:250px;
	text-align:right;
	border-right:6px solid white;
	line-height:33px;
	font-size:13px;
	color:black;
}

#page-rub.implantations-fiche .titre-page a.lien-retour div span{
	color:#71C2C2;
}
#page-rub.implantations-fiche .titre-page a.lien-retour:hover div span{
	color:black;
}

#page-rub.implantations-fiche .colonne-1{
	float:left;
	width:350px;
}
#page-rub.implantations-fiche .colonne-3{
	float:left;
	width:360px;
}
/* colonne 1 */
#page-rub.implantations-fiche .bloc-infos-agence,
#page-rub.implantations-fiche .bloc-categorie{
	padding-left:19px;
	/*padding-right:19px;*/
	font-size:10px;
	margin-right:10px;
	margin-left:0px;
	
}
#page-rub.implantations-fiche .bloc-categorie{
	border:1px solid #71C2C2;
	background-color:#71C2C2;
	padding-top:5px;
	margin-top:2px;
	margin-bottom:5px;
}
#page-rub.implantations-fiche .bloc-categorie{
	height:109px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:104px;
}
html>body#page-rub.implantations-fiche .bloc-categorie{
	height:104px;
}

#page-rub.implantations-fiche  .nom-agence{
	font-size:16px;
	font-weight:bold;

	padding-bottom:7px;
}
#page-rub.implantations-fiche .nom-reponsable{
	color:#878787;
	margin-bottom:18px;
}
#page-rub.implantations-fiche .nom-reponsable span{
	color:black;
}
#page-rub.implantations-fiche .tel{
	position:relative;

}
#page-rub.implantations-fiche .adresse{
	margin-bottom:18px;
}

#page-rub.implantations-fiche .liste-categorie {
	color:#878787;
	color:white;
}
#page-rub.implantations-fiche .liste-categorie .couleur-materiaux,
#page-rub.implantations-fiche .liste-categorie .couleur-decoration,
#page-rub.implantations-fiche .liste-categorie .couleur-mobilier,
#page-rub.implantations-fiche .liste-categorie .couleur-amenagement,
#page-rub.implantations-fiche .liste-categorie .couleur-bricolage,
#page-rub.implantations-fiche .liste-categorie .aucune-couleur{
	width:7px;
	margin-right:7px;
	line-height:7px;
	font-size:2px;
	height:7px;
	border:1px solid white;
}

#page-rub.implantations-fiche .bloc-infos-agence{
	padding-top:18px;
	background-color:#F7F7F7;
	padding-bottom:18px;
	float:left;
	padding-right:5px;
	margin-right:0px;
	margin-left:0px;
	height:203px;
}
#page-rub.implantations-fiche .bloc-infos-agence{
	width:160px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:136px;	
}
html>body #page-rub.implantations-fiche .bloc-infos-agence{
	width:136px;
}
/* colonne 2 */
#page-rub.implantations-fiche .bloc-promotion{
	padding:0px;
	margin-bottom:5px;
}
#page-rub.implantations-fiche .liste-promotion{
	margin-left:15px;
}
#page-rub.implantations-fiche .liste-promotion,
#page-rub.implantations-fiche .liste-promotion a{
	color:black;
}

#page-rub.implantations-fiche .titre-promotion{
	color:#005609;
	background-image:url(../../img/commun/rub/bg_titre_promo.gif);
	background-repeat:repeat-x;
	background-position: left 2px;
	font-weight:bold;
	margin-bottom: 10px;
	text-align: center;
	font-size:14px;
	line-height:16px;
	height:16px;
}

#page-rub.implantations-fiche .titre-promotion span{
	padding-left:7px;
	padding-right:7px;
	background-color:#FAFAFB;
}
#page-rub.implantations-fiche .fin-bloc-promotion{
        margin-top: 5px;
	background-image:url(../../img/commun/rub/bg_titre_promo.gif);
	background-repeat:repeat-x;
	background-position: left 2px;
}
#page-rub.implantations-fiche .img-promotion{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

/* colonne 3 */

#page-rub.implantations-fiche .photo-agences{
	border:1px solid black;
	float:right;
	margin-right:5px;
}
#page-rub.implantations-fiche .photo-agences{
	height:100px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:99px;
}
html>body#page-rub.implantations-fiche .photo-agences img{
	height:99px;
}

#page-rub.implantations-fiche .horaire{
	padding-bottom:10px;
}

#page-rub.implantations-fiche .bloc-plan{
	position:relative;
	height:279px;
}
#page-rub.implantations-fiche #btn-zoom{
	position:absolute;
	top:245px;
	text-align:center;
	font-weight:bold;
	/*width:100px;*/
	left:5px;
	font-size:11px;
	/*margin-left:-50px;*/
	height:14px;
	line-height:14px;
	z-index:500;
	background-color:white;
	padding:0 5px;
}
#page-rub.implantations-fiche #btn-zoom a{
	color:black;
}

#page-rub.implantations-fiche .bloc-map{
	padding-top:18px;
	background-color:#F7F7F7;
	padding-bottom:18px;
	float:left;
	padding-right:10px;
	padding-left:49px;
	margin-right:10px;
}

#page-rub.implantations-fiche #btn-small-zoom{
	position:absolute;
	top:300px;
	text-align:center;
	font-weight:bold;
	left:10px;
	margin-left:240px;
	font-size:11px;
	height:14px;
	line-height:14px;
	z-index:400;
	background-color:white;
	padding:0 5px;
}
#page-rub.implantations-fiche #btn-small-zoom a{
	color:black;
}


#page-rub.implantations-fiche #btn-equipe-zoom{
	position:absolute;
	top:407px;
	text-align:center;
	font-weight:bold;
	left:10px;
	margin-left:240px;
	font-size:11px;
	height:14px;
	line-height:14px;
	z-index:400;
	background-color:white;
	padding:0 5px;
}
#page-rub.implantations-fiche #btn-equipe-zoom a{
	color:black;
}

/******************************/
/* fiche promos */
#page-rub.detail-promotions .img-actulites{
	margin:0px 15px 15px 0px;
	float:left;
}
#page-rub.detail-promotions #menu-gauche .on{
	margin-bottom:10px;
}
#page-rub.detail-promotions #menu-gauche .retrait{

	border:0px
}
#page-rub.detail-promotions #menu-gauche .retrait#dernier-retrait{
	margin-top:50px;
	margin-left:22px;
	margin-right:22px;
	padding-left:0px;
	padding-right:0px;
	padding-top:3px;
	line-height:10px;
	height:10px;
	border-top:1px dashed black;
}
#page-rub.detail-promotions #menu-gauche .retrait#dernier-retrait a{
	line-height:10px;
	height:10px;

}
#page-rub.detail-promotions .lien-fichier{
	clear:left;
	margin-bottom:10px;
	font-weight:bold;
}
#page-rub.detail-promotions .lien-site{
	clear:left;
	margin-bottom:10px;
	font-weight:bold;
}
#page-rub.detail-promotions .lien-fichier a,
#page-rub.detail-promotions .lien-site a{
	font-weight:normal;
}
#page-rub.detail-promotions .bloc-droite .titre-page{
	margin-bottom:30px;
}
#page-rub.detail-promotions .titre-promotion-detail{
	font-size:13px;
	font-weight:bold;
	margin-bottom:7px;
}

/*******************************************************/
/* PORTFOLIO */
/*******************************************************/
#portfolio{
	/*border:1px solid #B5B5B5;*/
	/*background-color:#F7F7F7;*/
	text-align:center;
	margin-bottom:5px;
	margin-top: 0px;
}
#portfolio.pays{
	background:none;
	padding-bottom:0px;
}
#portfolio .cadre-image{
	margin:0 auto;
	background-color:#F7F7F7;
	padding-top:30px;
}
#portfolio .cadre-image{
	width:366px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:360px;
}
html>body #portfolio .cadre-image{
	width:360px;
}
#portfolio.pays .cadre-image{
	padding-bottom:13px;
}


#portfolio .navigation{
	margin:0 auto;
	text-align:center;
	color:#5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #F7F7F7;
	width: 360px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	position:relative;

}
#portfolio #num-image{
	width:40px;
	text-align:center;
	color:#5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border:0px;
	background:none;
}

#alt-image{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 2px;
}