/* 
USAGE : strictement pour les pages d'accueil de sites d'arrondissments en version 2, version autonome.
Affiche dans la plage h2 du bloc info citoyen, flotté à droite.
Version icônes multiples et icône unique avec slogan suivez-nous
*/
div#rsx_sociaux_acc{
	float:right;
	clear:none;
	height:0;
	position:relative;
	top:6px;
	margin: 0 18px 0 0;
	}
	
	div#rsx_sociaux_acc ul, 
	div#rsx_sociaux_acc li, 
	div#rsx_sociaux_acc a {
			margin:0;
			padding:0;
			border:0;
		}
	
	div#rsx_sociaux_acc ul {
			list-style-type:none;
			margin-left:5px;
		}
		
		div#rsx_sociaux_acc ul li {
				float:left;
				background:none;
				margin:0 0 0 10px;
		}

			div#rsx_sociaux_acc li a {
						display:block;
						overflow:hidden;
						color:#fff;
						width:24px;
						height:0;
						padding-top:24px;
						background-repeat:no-repeat;
						background-position:0 0;
			}


			div#rsx_sociaux_acc ul li a.ic_facebook{
				background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_facebook_24.png);
			}
			div#rsx_sociaux_acc ul li a.ic_instagram{
				background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_instagram_24.png);
			}
			div#rsx_sociaux_acc ul li a.ic_twitter {
				background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_twitter_24.png);
			}
			div#rsx_sociaux_acc ul li a.ic_youtube{
				background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_youtube_24.png);
			}
			div#rsx_sociaux_acc ul li a.ic_flickr {
				background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_flickr_24.png);
			}
			div#rsx_sociaux_acc ul li a.ic_rss{
				background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_rss_24.png);
			}
			div#rsx_sociaux_acc ul li a.ic_wordpress{
				background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_wordpress_24.png);
			}
			div#rsx_sociaux_acc ul li a.ic_infolettre{
				height:18px;
				background-color:#e5ecee; 
				padding:6px 6px 0px 6px;
				border:1px solid #dce4e5;
				width:auto;
				line-height:12px;
				color:#000000;
				text-decoration:none;
			}

/* DEBUT tweaks pour version unique de l'icone avec texte */
			div#rsx_sociaux_acc.unique li a {
					overflow:visible;
					color:#333;
					font-size:12px;
					text-decoration:none;
					width:auto;
					height:24px;
					padding:0 36px 0 0;
					background-position:100% 0;
			}

			div#rsx_sociaux_acc.unique li a:hover,div#rsx_sociaux_acc.unique li a:active  {
					text-decoration:underline;
			}
			
		div#rsx_sociaux_acc.unique li{
					line-height:34px;
		}

/* FIN tweaks pour version unique de l'icone avec texte */