@charset "utf-8";
/* DEBUT normes */
/* Classes et occurences
	1. icones multiples 3+, affichage latral 										(ic03plus) 	(24px)
	2. icone multiples, affichage vertical, descriptif a droite	(ic02) 			(24px)
	3. icone unique, affichage latral														(ic01)(32px)
	4. icone multiples, affichage vertical, descriptif a droite	(ic04) 			(16px)
	
	--taille d'icone par dfaut : 24px, 32px seulement pour usage unique.
*/
/* DEBUT Bloc Rseaux sociaux */
/* general */
div#bloc_ico_rsx_socio {
	width:auto;
	margin:15px 0;
	clear:both;
}
	div#bloc_ico_rsx_socio h2 {
		font-size:19px;
		font-weight:normal;
		padding:10px 24px 0 24px;
		margin:0 0 12px 0;
		text-align:left;
		color:#373737;
	}
	
	div#bloc_ico_rsx_socio ul, div#bloc_ico_rsx_socio li, div#bloc_ico_rsx_socio a {
		margin:0;
		padding:0;
		border:0;
	}
	div#bloc_ico_rsx_socio ul {
		list-style-type:none;
		margin-left:5px;
	}
	
	div#bloc_ico_rsx_socio ul li {
		float:left;
	}
	
		div#bloc_ico_rsx_socio li a {
			display:block;
			overflow:hidden;
			color:#fff;
			width:24px;
			height:0;
			padding-top:24px;
			background-repeat:no-repeat;
			background-position:0 0;
		}
		
 /* Exceptions pour affectation a la page accueil - marges */
 
 	div#bloc_ico_rsx_socio.icos_accueil h2 {
		font-size:19px;
		font-weight:normal;
		padding:10px 16px 0 16px;
		text-align:left;
		color:#373737;
	}
	
		div#bloc_ico_rsx_socio.icos_accueil ul {
		list-style-type:none;
		margin-left:16px;
	}
 
/*Comportements spcifiques pour les listes verticales */
	div#bloc_ico_rsx_socio.ic03plus ul li {
		margin:0 10px 15px 0;
	}
	
	div#bloc_ico_rsx_socio.ic04 ul li,
	div#bloc_ico_rsx_socio.ic02 ul li, 
	div#bloc_ico_rsx_socio.ic01 ul li {
		float:none;
	}
	
		div#bloc_ico_rsx_socio.ic04 ul li a, 
		div#bloc_ico_rsx_socio.ic02 ul li a, 
		div#bloc_ico_rsx_socio.ic01 ul li a {
			width:auto;
			color:#000;
			overflow:visible;
			font-size:11px;
		}
		div#bloc_ico_rsx_socio.ic04 ul li a {
			margin:0 0 8px 0;
			height:16px;
			padding:3px 0 0 24px;
			line-height:12px;
		}
		
		div#bloc_ico_rsx_socio.ic02 ul li a {
			margin:0 0 8px 0;
			height:24px;
			padding:3px 0 0 33px;
			line-height:16px;
		}
		div#bloc_ico_rsx_socio.ic01 ul li a {
			margin:0 0 10px 0;
			height:32px;
			padding:6px 0 0 40px;
			line-height:16px;
		}
		
/*affectation d'icones specifiques*/
div#bloc_ico_rsx_socio.ic03plus li a:hover, div#bloc_ico_rsx_socio.ic03plus li a:active {
	position:relative;
	top:-1px;
}
/* 16 */
div#bloc_ico_rsx_socio.ic04 ul li a.ic_facebook,
div.ico_rsx_socio a.ic_facebook {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_facebook_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_twitter,
div.ico_rsx_socio a.ic_twitter {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_twitter_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_youtube,
div.ico_rsx_socio a.ic_youtube {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_youtube_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_flickr,
div.ico_rsx_socio a.ic_flickr {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_flickr_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_rss,
div.ico_rsx_socio a.ic_rss {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_rss_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_wordpress,
div.ico_rsx_socio a.ic_wordpress {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_wordpress_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_instagram,
div.ico_rsx_socio a.ic_instagram {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_instagram_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_linkedin,
div.ico_rsx_socio a.ic_linkedin {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_linkedin_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_google_plus,
div.ico_rsx_socio a.ic_google_plus {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_google_plus_16.png);
}
div#bloc_ico_rsx_socio.ic04 ul li a.ic_tripadvisor,
div.ico_rsx_socio a.ic_tripadvisor {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/16/ic_tripadvisor_16.png);
}
/* 24 */
div#bloc_ico_rsx_socio.ic03plus ul li a.ic_facebook, 
div#bloc_ico_rsx_socio.ic02 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#bloc_ico_rsx_socio.ic03plus ul li a.ic_twitter, 
div#bloc_ico_rsx_socio.ic02 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#bloc_ico_rsx_socio.ic03plus ul li a.ic_youtube, 
div#bloc_ico_rsx_socio.ic02 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#bloc_ico_rsx_socio.ic03plus ul li a.ic_flickr, 
div#bloc_ico_rsx_socio.ic02 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#bloc_ico_rsx_socio.ic03plus ul li a.ic_rss, 
div#bloc_ico_rsx_socio.ic02 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#bloc_ico_rsx_socio.ic03plus ul li a.ic_wordpress, 
div#bloc_ico_rsx_socio.ic02 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#bloc_ico_rsx_socio.ic03plus ul li a.ic_instagram, 
div#bloc_ico_rsx_socio.ic02 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#bloc_ico_rsx_socio.ic03plus ul li a.ic_tumblr, 
div#bloc_ico_rsx_socio.ic02 ul li a.ic_tumblr {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_tumblr_24.png);
}
div#bloc_ico_rsx_socio.ic03plus ul li a.ic_linkedin, 
div#bloc_ico_rsx_socio.ic02 ul li a.ic_linkedin {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_linkedin_24.png);
}
div#bloc_ico_rsx_socio.ic03plus ul li a.ic_google_plus, 
div#bloc_ico_rsx_socio.ic02 ul li a.ic_google_plus {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_google_plus_24.png);
}
div#bloc_ico_rsx_socio.ic03plus ul li a.ic_tripadvisor, 
div#bloc_ico_rsx_socio.ic02 ul li a.ic_tripadvisor {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/24/ic_tripadvisor_24.png);
}
/*	32	*/
div#bloc_ico_rsx_socio.ic01 ul li a.ic_facebook {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_facebook_32.png);
}
div#bloc_ico_rsx_socio.ic01 ul li a.ic_twitter {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_twitter_32.png);
}
div#bloc_ico_rsx_socio.ic01 ul li a.ic_youtube {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_youtube_32.png);
}
div#bloc_ico_rsx_socio.ic01 ul li a.ic_flickr {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_flickr_32.png);
}
div#bloc_ico_rsx_socio.ic01 ul li a.ic_wordpress {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_wordpress_32.png);
}
div#bloc_ico_rsx_socio.ic01 ul li a.ic_instagram {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_instagram_32.png);
}
div#bloc_ico_rsx_socio.ic01 ul li a.ic_linkedin {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_linkedin_32.png);
}
div#bloc_ico_rsx_socio.ic01 ul li a.ic_google_plus {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_google_plus_32.png);
}
div#bloc_ico_rsx_socio.ic01 ul li a.ic_tripadvisor {
	background-image:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_rsx_soc/32/ic_tripadvisor_32.png);
}
/* FIN normes */
/*DÉBUT ICONES RÉSEAUX SOCIAUX - pour les sites de génération deux seulement - application colonne de gauche section utilitaires */
div#site_composition div#bloc_ico_rsx_socio.ic03plus {
	margin:0;
	background-color: #E4E5DF;
	height:62px;
}
div#site_composition  div#bloc_ico_rsx_socio.ic03plus p{
	font-weight:bold;
	margin:0 0 5px 20px;
	padding:0;
	font-size: 12px;
}
div#site_composition  div#bloc_ico_rsx_socio.icos_accueil ul {
	margin-left:20px;
}
/*DÉBUT ICONES RÉSEAUX SOCIAUX - pour les sites de génération deux seulement*/
/* FIN Bloc Rseaux sociaux */
/* DÉBUT * Bloc 1 icone dans encadré */
div#bloc_ico_enc{
	margin-right: 4px;
}
div#bloc_ico_enc.facebook{
	background: url(/pls/portal/docs/page/lib_fr/media/images/bg_top_bloc_facebook.png) no-repeat 0 0;
	padding: 8px 0 0 0;
}
div#bloc_ico_enc.twitter{
	background: #F00;
}
div#bloc_ico_enc.facebook a{
	display:block;
	padding: 0 5px 0 60px;
	color: #FFF;
	font-size: 12px;
	min-height: 65px;
	background:  url(/pls/portal/docs/page/lib_fr/media/images/bg_bloc_facebook.png) no-repeat  0 100%;
	text-decoration: none;
}
/* FIN *** Bloc 1 icone dans encadré */
/* DÉBUT * Style pour le widget Twitter - redéfinition de style qui entre en conflit avec nos styles locaux seulement */
.twtr-hd a{float:left;}
.twtr-hd h3, .twtr-hd h4{clear:none;}
.twtr-join-conv{width:100px;}
/* FIN *** Style pour le widget Twitter - redéfinition de style qui entre en conflit avec nos styles locaux seulement */
/*DEBUT - modification pour "arrondissement" bloc 1 icone dans encadré */		
		table#c_drt_coinRond td.ico_rsx_socio ul li a{
			line-height:20px;
			font-size:12px;
		}
		
		table.c_drt_bloc td.ico_rsx_socio{
			padding-left:5px;
		}
		
		table#c_drt_coinRond td.ico_rsx_socio div#bloc_ico_rsx_socio{
			margin: 15px 0 0 0;
		}
/*FIN - modification pour "arrondissement" bloc 1 icone dans encadré*/	
		
/*DEBUT - modification pour "arrondissement" bloc 4 icones dans encadré */
table#c_drt_coinRond td.ico_rsx_socio16 div#bloc_ico_rsx_socio{
			margin: 15px 0 0 0;
		}
/*FIN - modification pour "arrondissement" bloc 4 icones dans encadré*/
/*DEBUT - modification pour "arrondissement" */
div.c_drt_mod div#bloc_ico_rsx_socio ul {
	margin-left:0;
}
div.c_drt_mod div#bloc_ico_rsx_socio{
	margin-left:15px;
}
div.c_drt_mod{
	padding-bottom:1px;
}
div.c_drt_mod h2{
	padding-left:2px;
}
/*DEBUT - modification pour "arrondissement" */
/* DEBUT style pour dans le corps de page, dans les texte
voir la liste des membres de conseil jeunesse pour exemple*/
div.ico_rsx_socio{
	min-width:360px;
}
div.ico_rsx_socio.gch{
	float:right;
}
div.ico_rsx_socio.drt{
	float:left;
}
div.ico_rsx_socio a, ul.listeMembres li div.ico_rsx_socio a, ul.listeSujets li div.ico_rsx_socio a {
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width:auto;
	color:#0075B0;
	text-decoration:none;
	overflow:visible;
	margin:0 0 5px 0;
	height:16px;
	padding:3px 0 0 20px;
	line-height:12px;
	font-size:11px;
	font-weight: normal;
}
div.ico_rsx_socio a:hover, ul.listeMembres li div.ico_rsx_socio a:hover, ul.listeSujets li div.ico_rsx_socio a:hover{
	text-decoration:underline;
}
/* FIN style pour dans le corps de page, dans les texte*/