#murSocial-navig {
	display: flex;
	justify-content: center;
	height: 32px;
	overflow: hidden;
	margin-bottom: 16px;
}

#murSocial-navig:after {
	content: '';
	display: block;
	clear: both;
}

#murSocial-navig li {
	display: block;
	float: left;
	margin: 0 4px;
	opacity: 1;
	-webkit-transition: margin-top 0.25s, opacity 0.25s;
	-moz-transition: margin-top 0.25s, opacity 0.25s;
	-o-transition: margin-top 0.25s, opacity 0.25s;
	transition: margin-top 0.25s, opacity 0.25s;
}

#murSocial-navig li a {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url("../../../images/socialIcons.svg?v=20230914");
	background-size: 960px 192px;
	background-repeat: no-repeat;
}

#murSocial-navig li.fb a {
	background-position: -8px -56px;
}

#murSocial-navig li.tw a {
	background-position: -56px -56px;
}

#murSocial-navig li.fl a {
	background-position: -200px -56px;
}

#murSocial-navig li.pt a {
	background-position: -248px -56px;
}

#murSocial-navig li.ig a {
	background-position: -296px -56px;
}

#murSocial-navig li.tb a {
	background-position: -488px -56px;
}

#murSocial-navig.filtred li {
	margin-top: -12px;
	opacity: 0.5;
}

#murSocial-navig.filtred li:hover {
	margin-top: -6px;
	opacity: 0.75;
}

#murSocial-navig.filtred li.select {
	margin-top: 0;
	opacity: 1;
}

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

.socialItem {
	padding: 0.75em;
	margin: 0;
	background: none;
}

.socialItem,
.columnSize {
	float: left;
	width: 100%;
}

.socialItem-box {
	background-color: #FFF;
	border: solid 1px #CCC;
	color: #666;
	padding: 0;
	font-size: 0.9em;
	position: relative;
	overflow: hidden;
}

.socialItem-box:before {
	content: '';
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background-image: url("../../../images/socialIcons.svg?v=20230914");
	background-size: 960px 192px;
	background-repeat: no-repeat;
	opacity: 0.75;
}

.fb .socialItem-box:before {
	background-position: -8px -56px;
}

.tw .socialItem-box:before {
	background-position: -56px -56px;
}

.fl .socialItem-box:before {
	background-position: -200px -56px;
}

.pt .socialItem-box:before {
	background-position: -248px -56px;
}

.ig .socialItem-box:before {
	background-position: -296px -56px;
}

.tb .socialItem-box:before {
	background-position: -488px -56px;
}

.socialItem-img {
	position: relative;
	text-align: center;
	min-height: 24px;
}

.socialItem-img.video:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-width: 2em 3em;
	border-style: solid;
	border-color: transparent transparent transparent #FFF9;
	top: 50%;
	left: 50%;
	margin: -2em 0 0 -1.5em;
}

.socialItem-text {
	padding: 8px 16px 0 16px;
}

#contenu .socialItem-text a {
	color: #666;
}

.socialItem-date {
	line-height: 30px;
	height: 32px;
	font-size: 0.8em;
	padding: 0 16px;
	color: #999;
}

.socialItem-share {
	position: absolute;
	bottom: 0;
	right: 0;
}

.socialItem-share a {
	display: block;
	overflow: hidden;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	outline: none;
}

.socialItem-share a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #222222;
	margin: -0.5em;
	text-indent: 0;
	font-size: 1rem;
}

.socialItem-share a:hover:before {
	color: #222222;
}

@media only print, only screen and (min-width: 30.063em) {

.socialItem,
.columnSize {
	width: 50%;
}

}

@media only print, only screen and (min-width: 60.063em) {

.socialItem,
.columnSize {
	width: 33.333%;
}

}