/* **************************************************************************************************** */
/* MANAGEMENT-SETUP / LANGUAGE / FLAGS */
/* **************************************************************************************************** */
#language-flags{
	overflow:hidden;
}

#language-flags a{
	float:left;
	margin:0 5px 0 0;
	display:block;
	text-indent:-100000px;
}

#language-flags.size-16 a{
	width:16px;
	height:16px;
	background:url(../images/flags/flags_16x16.png) no-repeat center center;
}
#language-flags.size-16 a.fr{background-position:0 0;}
#language-flags.size-16 a.en{background-position:-16px 0;}
#language-flags.size-16 a.de{background-position:-32px 0;}
#language-flags.size-16 a.nl{background-position:-48px 0;}

#language-flags.size-24 a{
	width:24px;
	height:24px;
	background:url(../images/flags/flags_24x24.png) no-repeat center center;
}
#language-flags.size-24 a.fr{background-position:0 0;}
#language-flags.size-24 a.en{background-position:-24px 0;}
#language-flags.size-24 a.de{background-position:-48px 0;}
#language-flags.size-24 a.nl{background-position:-72px 0;}

#language-flags.size-32 a{
	width:32px;
	height:32px;
	background:url(../images/flags/flags_32x32.png) no-repeat center center;
}
#language-flags.size-32 a.fr{background-position:0 0;}
#language-flags.size-32 a.en{background-position:-32px 0;}
#language-flags.size-32 a.de{background-position:-64px 0;}
#language-flags.size-32 a.nl{background-position:-96px 0;}/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / LOGIN */
/* **************************************************************************************************** */
#member-login{
}
#member-login-choice{
	overflow:hidden;
	width:40%;
	margin:0 auto 20px auto;
}

/* ****************************************************************************************** */

#member-login hgroup{
	text-align:center;
}

#member-login-choice .form-error{width:100%;}

#member-login-choice .customer-login-exist p,
#member-login-choice .customer-login-new p{
	overflow:hidden;
	margin:0 0 5px 0;
}

/* ****************************************************************************************** */

#member-login-choice .facebook{
	text-align:center;
}
#member-login-choice .facebook-error,
#member-login-choice .facebook-loader{
	display:none;
}
#member-login-choice .facebook-error a{color:inherit;margin: 10px 0 0 -35px;text-align:center;display:block}
#member-login-choice .facebook-loader{background-color:transparent;}
#member-login-choice .or{
	margin: 30px 0 25px 0;
}
#member-login-choice .or span{
	padding: 0 10px 0 10px;
	margin: -9px auto 0 auto;
	display: block;
	width: 50px;
}

#member-login-choice .facebook .message{
	text-align:center;
	margin-top:10px;
}

/* ****************************************************************************************** */

#member-login-choice .customer-login-exist{
	margin:auto;
}

#member-login-choice .customer-login-exist .message{text-align:center;margin:0 0 10px 0;}

#member-login-choice .form-exist p.connection{
	margin:15px auto 0 auto;
	text-align:center;
}
#member-login-choice .form-exist p.password-renew{
	margin:5px auto 10px auto;
}
#member-login-choice .form-exist p.password-renew a{
	text-decoration:underline;
	cursor:pointer;
}

#member-login-choice .form-exist p{
	margin:0 0 5px 0;	
}
#member-login-choice .form-exist p.information{font-weight:bold;}

#member-login-choice .form-exist input[type=password],
#member-login-choice .form-exist input[type=text]{
	width:100%;	
}

/* ****************************************************************************************** */

#member-login-choice .customer-login-new .message{text-align:center;margin:0 0 10px 0;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / OVERVIEW */
/* **************************************************************************************************** */
#member-overview .empty a{
	display:inline-block;
}
#member-overview .empty a:nth-of-type(2){
	margin-left:10px;
}

/* **************************************************************************************************** */

#member-overview .icons{float:right;}
#member-overview .icons a{
	line-height:3em;
	margin:0 30px 0 0;
}
#member-overview .icons span.name{margin:0 20px 0 0;}

#member-overview figure.member-identity{
	float:right;
	position:relative;
}
#member-overview figure.member-identity img{width:40px;height:40px;border-radius:50%;}

#member-overview figure.member-identity a{width:55px;}
#member-overview figure.member-identity a::after{
    content: "";
    position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 6px 0 6px;
	border-color: #aaaaaa transparent transparent transparent;
    right: 0;
    top: 30px;
}

/* **************************************************************************************************** */

div#member-overview .icons a.feed,
div#member-overview .icons a.notification,
div#member-overview .icons a.message,
div#member-overview .icons a.parameters{
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size:25px 25px;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	text-align: left;
	position:relative;
	display:inline-block;
	position:relative;
	top:5px;
}

div#member-overview .icons a.feed{background-image: url(../images/icons/feed.svg);}
div#member-overview .icons a.notification{background-image: url(../images/icons/notification.svg);}
div#member-overview .icons a.message{background-image: url(../images/icons/message.svg);width:30px;background-size:30px 24px;}
div#member-overview .icons a.parameters{background-image: url(../images/icons/wheel.svg);}

div#member-overview .icons a.feed:hover,
div#member-overview .icons a.feed.selection{background-image: url(../images/icons/feed_selection.svg);}

div#member-overview .icons a.message:hover,
div#member-overview .icons a.message.selection{background-image: url(../images/icons/message_selection.svg);}

div#member-overview .icons a.notification:hover,
div#member-overview .icons a.notification.selection{background-image: url(../images/icons/notification_selection.svg);}


/* **************************************************************************************************** */

#member-overview nav.menu-account{
    border: 1px solid #AAAAAA;
    right: 0;
    top: 49px;
    background: white;	
    z-index:10000;
    position:absolute;
    display:none;
}
#member-overview nav.menu-account ul{list-style-type:none;}
#member-overview nav.menu-account li a{
    padding: 10px 20px;
    border-bottom: 1px solid #AAAAAA;	
    display:block;
}
#member-overview nav.menu-account li:last-of-type a{border-bottom:0;}

#member-overview nav.menu-account li a:hover{background:#CCCCCC;color:black;}

/* **************************************************************************************************** */

#member-overview .notices.form-loader{padding:45px 0 0 0;}        
#member-overview .notices{
    border: 1px solid #AAAAAA;
    right: 0;
    top: 49px;
    background-color: white;	
    z-index:10000;
    position:absolute;
    display:none;	
    width:400px;
}
#member-overview .notices .list h2{
	padding:5px 10px;	
	font-size:1.2em;
	margin:0;
}
#member-overview .notices .list .member-notices{
	max-height:250px;
	min-height:100px;
	overflow:auto;
	margin:0;
}
#member-overview .notices .list .member-notices .notice{
	margin:0 0 -1px 0;
	border-left:0;
	border-right:0;
}
#member-overview .notices .all{
	text-align:center;
	background:#AAAAAA;
	padding:5px 10px;
}
#member-overview .notices .all a{
	color:black;	
}

/* **************************************************************************************************** */

div#member-overview .icons a span.nb{
    position: absolute;
    top: -10px;
    right: -15px;
    z-index: 100;
    color: white;
    text-indent: 0;
    background: red;
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 50%;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
}
div#member-overview .icons a span.nb:empty{display:none;}

/* **************************************************************************************************** */
/* MEMBER-ACCESS / MEMBER / LISTING */
/* **************************************************************************************************** */
.members{
	position:relative;
	overflow:hidden;
}
.members .member{overflow:hidden;width:25%;margin:0 0 30px 0;float:left;text-align:center;}
.members .member:nth-of-type(4n+4){margin-right:0;}
.members .member:nth-of-type(4n+5){clear:both;}

.members .member figure{margin:0 0 10px 0;}
.members .member .member-infos{margin: 0;}
.members .member .member-infos .name{font-weight: bold;margin: 0 0 5px 0;}

/* **************************************************************************************************** */
/* MEMBER-ACCESS / MEMBER / IDENTITY */
/* **************************************************************************************************** */
.member-identity{display:flex;}
.member-identity a{text-decoration:none;}

.member-identity img,
.member-identity span.box,
.member-identity a.text{
    border: 2px solid white;    
}

.member-identity .box{
	text-align:center;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;	
    border-radius: 50%;
}
.member-identity a.box.text,
.member-identity span.box{background:black;color:white;}
.member-identity .box span,
.member-identity a.box{font-size:2em;}

/* **************************************************************************************************** */
/* MEMBER-ACCESS / MEMBER / GET CHART */
/* **************************************************************************************************** */
.member-chart .chart{
	margin:0 auto 30px auto;
	width:100%;
	height:400px;	
}

/* **************************************************************************************************** */
/* MEMBER-ACCESS / MEMBER / GET CHART */
/* **************************************************************************************************** */
.component-member-follow{display:inline;}/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-NOTICES / GET */
/* **************************************************************************************************** */
.member-notices{margin:0 0 20px 0;}
.member-notices .notice{width:100%;margin:0 0 5px 0;position:relative;cursor:pointer;}
.member-notices .notice .message{font-weight:normal;margin:0 60px 0 0;}
.member-notices .notice .date{margin-top:5px;font-style:italic;font-size:0.9em;}
.member-notices .notice .close{position:absolute;top:5px;right:5px;cursor:pointer;}
.member-notices .notice a{color:inherit;}

.member-notices .notice.read{
	background-color:transparent !important;
}

/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-NOTICES / HELP */
/* **************************************************************************************************** */
.member-notice.help{width:100%;margin:0 0 5px 0;position:absolute;display:none;}
.member-notice.help .message{font-weight:normal;margin:0 0 0 0;display:inline;}
.member-notice.help .more{padding: 5px 0 0 0;display: block;}
.member-notice.help > .close{position:absolute;top:5px;right:5px;cursor:pointer;}
.member-notice.help a{color:inherit;}

.member-notice.help .action{text-align:center;padding:0 0 0 0;}
.member-notice.help .action .understand,
.member-notice.help .action .close{cursor:pointer;}

.member-notice.notice.help::after{position:absolute;content:"";width:20px;height:10px;background:url(../images/plugins/management-member/help/help-arrow.svg) no-repeat;background-size:cover;display:none;}
.member-notice.notice.help.arrow-left::after{display:block;left:-20px;top:50%;margin-top:-5px;transform: rotate(-90deg);}
.member-notice.notice.help.arrow-right::after{display:block;right:-20px;top:50%;margin-top:-5px;transform: rotate(90deg);}
.member-notice.notice.help.arrow-top::after{display:block;left:50%;top:-14px;margin-left:-10px;transform: rotate(0deg);}
.member-notice.notice.help.arrow-bottom::after{display:block;left:50%;bottom:-14px;transform: rotate(180deg);}
.member-notice.notice.help.arrow-bottom-left::after{display:block;left:5px;bottom:-14px;transform: rotate(180deg);}
.member-notice.notice.help.arrow-bottom-right::after{display:block;right:5px;bottom:-14px;transform: rotate(180deg);}

.member-notice.help.nowebsite{display:none !important;}

@media screen and (max-width:768px){

	.member-notice.help.mobile{display:block !important;}
	.member-notice.help.nomobile{display:none !important;}

}

/* **************************************************************************************************** */

.member-notice.notice.help{border:1px solid #fa6b31;padding:20px 30px 20px 30px;color:white;text-align:center;position:absolute;border-radius:10px;font-size:1em;margin:0 0 25px 0;background:url(../images/plugins/management-member/help/help-opacity.png);}

.member-notice.notice.help > .close{background: black;border-radius: 50%;padding: 3px 6px;position: absolute;top: -10px;right: -8px;font-weight:bold;}

.member-notice.notice.help .action .more{color:#fa6b31;text-decoration:none;}
.member-notice.notice.help .action .understand{border: 1px solid #fa6b31;padding: 7px 0px;background: black;position: absolute;bottom: -20px;width: 125px;left: 50%;margin-left: -65px;font-weight: bold;}

.member-notice.notice.help.static{position:relative;width:auto;}/* **************************************************************************************************** */
/* CMS / CMS-PAGE / MAIN-MENU */
/* **************************************************************************************************** */
.responsive-menu,
#responsive-menu{
    display: none;
}

#responsive-menu:checked ~ .menu-page{
    display: block;
}/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-PUBLICATION / LISTING */
/* **************************************************************************************************** */
.member-publication .more .form-loader{display:none;}

.member-publication .more a {
    padding: 10px;
    border: 2px solid #AAAAAA;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #AAAAAA;
    margin: auto;
    font-size: 2em;
}
.member-publication .more a:hover {
    background:#AAAAAA;
    color: white;
}
	
/* **************************************************************************************************** */

.member-publication-listing .message{
	border:1px solid #CCCCCC;
	border-radius:3px;
	margin:0 0 15px 0;
	background:white;
	position:relative;
}
.member-publication-listing .message .author{padding:10px 5px;overflow:hidden;}
.member-publication-listing .message .author .member-identity{float:left;}
.member-publication-listing .message .author .member-identity .box span{font-size:1.4em;}
.member-publication-listing .message .author .info{margin-left:55px;margin-right:45px;}
.member-publication-listing .message .author .info p:first-child{font-weight:bold;}
.member-publication-listing .message .author .info p:first-child span{font-weight:normal;color:#888888;}
.member-publication-listing .message .author .info time{display:block;color:#888888;}

.member-publication-listing .message .text{padding:0 0 10px 0;margin:0 10px 0 10px;word-wrap: break-word;}

.member-publication-listing .message .media{overflow:hidden;margin:0;text-align:center;}
.member-publication-listing .message .media img{display:block;margin:auto;}
.member-publication-listing .message .media .media-one{margin:0 0 0 0;}
.member-publication-listing .message .media .media-one img{max-width:100%;height:auto;}
.member-publication-listing .message .media .media-one img.vertical{height:400px;width:auto;}

.member-publication-listing .message .media .media-list{display:inline-block;margin:5px 5px 5px 0;}
.member-publication-listing .message .media .media-list img{display:inline-block;height:50px;}

/* **************************************************************************************************** */

.member-publication-listing .message .media.link{text-align:left;border-top:1px solid #CCCCCC;overflow:hidden;list-style-type:none;margin:0 0 10px 0;padding:0;}
.member-publication-listing .message .media.link figure{overflow:hidden;margin:0 0 0 0;}
.member-publication-listing .message .media.link figure img{width:100%;display:block;}

.member-publication-listing .message .media.link iframe{border:0;margin:0 0 10px 0;}

.member-publication-listing .message .media.link .title{font-size:1.2em;margin:10px 0 10px 0;font-weight:bold;padding:0 10px;}
.member-publication-listing .message .media.link .description{text-align:justify;color:#888888;padding:0 10px;}

/* **************************************************************************************************** */

.member-publication-listing .message .actions{padding:10px;overflow:hidden;border-top:1px solid #CCCCCC;}
.member-publication-listing .message .actions li{
	float:left;
	margin:0 10px 0 0;
	list-style-type:none;
	min-height:16px;
	cursor:pointer;
	color:#888888;
}
.member-publication-listing .message .actions li.like{background:url(../images/plugins/management-member/heart.png) no-repeat left center;padding-left:20px;}
.member-publication-listing .message .actions li.unlike{background:url(../images/plugins/management-member/heart.png) no-repeat left center;padding-left:20px;}
.member-publication-listing .message .actions li.go-comment{background:url(../images/plugins/management-member/comments.svg) no-repeat left center;padding-left:20px;background-size:16px;}
.member-publication-listing .message .actions li.update{float:right;margin-right:0;background:url(../images/plugins/management-member/pencil.png) no-repeat left center;padding-left:20px;}
.member-publication-listing .message .actions li.delete{float:right;background:url(../images/plugins/management-member/cross.png) no-repeat left center;padding-left:20px;}

.member-publication-listing .message > .actions li.update{position: absolute;top: 12px;right: 5px;}
.member-publication-listing .message > .actions li.delete{position: absolute;top: 12px;right: 75px;}

.member-publication-listing .message .actions li.like-details{border-left: 1px solid #CCCCCC;padding-left: 10px;}

.member-publication-listing .message .actions li.share{position: absolute;margin-top: -5px;right: 0;}

.member-publication-listing .message .actions a{color:#888888;}

.member-publication-listing .message .others{border-top:1px solid #CCCCCC;background:#f6f7f8;padding:10px;}

.member-publication-listing .form-simple{position:relative;}

.member-publication-listing .form-simple .member-identity{float:left;}
.member-publication-listing .form-simple .member-identity .box span{font-size:1em;}

.member-publication-listing .form-field{margin:5px 5px 5px 40px;}
.member-publication-listing .update .form-field{margin:5px 5px 5px 0;}
.member-publication-listing .form-field textarea{border:1px solid #CCCCCC;width:100%;outline:none;overflow:hidden;font-size:1em;padding-right:70px;min-height:45px;}

.member-publication-listing .form-buttons{z-index:10;position:absolute;right:10px;bottom:10px;}
.member-publication-listing .form-buttons input[type=submit]{}

.member-publication-listing .form-buttons .loader{
	background:url(../images/loader/loader_32x32.gif) no-repeat left center;	
	display:none;
	width:32px;
	height:32px;
}
.member-publication-listing .form-buttons .external{display:none;}

/* ****************************************************************************************** */

.member-publication-listing .comment-group{}
.member-publication-listing .comment-group > a{font-size:0.9em;cursor:pointer;display:block;font-style:italic;margin:0 0 10px 0;}
.member-publication-listing .comment-group > a span.t{color:#AAAAAA;font-weight:bold;float:right;}
.member-publication-listing .comment-group .comment{display:none;}

.member-publication-listing .comment{margin:0 0 10px 0;overflow:hidden;position:relative;}
.member-publication-listing .comment .author{float:left;padding:0;}
.member-publication-listing .comment .author .member-identity .box span{font-size:1em;}
.member-publication-listing .comment .info{margin-left:40px;margin-bottom:5px;}
.member-publication-listing .comment .info a{font-weight:bold;margin-right:5px;}
.member-publication-listing .comment .info .text{margin-left:0;border:none;}
.member-publication-listing .comment .actions{margin-left:40px;margin-bottom:0;font-size:0.9em;border:0;padding:0;}

.member-publication-listing .comment .actions li.like,
.member-publication-listing .comment .actions li.unlike,
.member-publication-listing .comment .actions li.go-response,
.member-publication-listing .comment .actions li.date,
.member-publication-listing .comment .actions li.update,
.member-publication-listing .comment .actions li.delete{font-style:italic;background:none;padding:0;margin-right:0;}

.member-publication-listing .comment .actions li.update,
.member-publication-listing .comment .actions li.delete{display:none;}

.member-publication-listing .comment:hover > .actions li.update,
.member-publication-listing .comment:hover > .actions li.delete{display:block;}

.member-publication-listing .comment .actions li.like-details{margin-right:0;border:0;background:url(../images/plugins/management-member/heart.png) no-repeat 10px center;padding-left:30px;}


.member-publication-listing .comment .actions li.like::after,
.member-publication-listing .comment .actions li.unlike::after,
.member-publication-listing .comment .actions li.delete::after,
.member-publication-listing .comment .actions li.date::before{
	content:"-";
	padding:0 5px;
}

.member-publication-listing .comment .others{border:0;padding-left:40px;border-left: 1px solid #CCCCCC;padding: 0 0 0 10px;margin-left: 40px;}
.member-publication-listing .comment .others .form-simple{display:none;}
.member-publication-listing .comment .others .form-simple .member-identity .box span{font-size:1em;}

/* ****************************************************************************************** */

.member-publication-listing .response-group{}
.member-publication-listing .response-group > a{font-size:0.9em;cursor:pointer;display:block;font-style:italic;margin:0 0 10px 0;}
.member-publication-listing .response-group > a span.t{color:#AAAAAA;font-weight:bold;float:right;}
.member-publication-listing .response-group .response{display:none;}

.member-publication-listing .response{margin:0 0 10px 0;overflow:hidden;position:relative;}
.member-publication-listing .response:first-child{margin-top:5px;}
.member-publication-listing .response .author{float:left;padding:0;}
.member-publication-listing .response .author .member-identity .box span{font-size:1em;}
.member-publication-listing .response .info{margin-left:35px;margin-bottom:5px;}
.member-publication-listing .response .info a{font-weight:bold;}
.member-publication-listing .response .info .text{margin-left:0;border:none;}
.member-publication-listing .response .actions{margin-left:35px;margin-bottom:0;font-size:0.9em;border:0;padding:0;}

.member-publication-listing .response .actions li.like,
.member-publication-listing .response .actions li.unlike,
.member-publication-listing .response .actions li.go-response,
.member-publication-listing .response .actions li.date,
.member-publication-listing .response .actions li.update,
.member-publication-listing .response .actions li.delete{font-style:italic;background:none;padding:0;margin-right:0;}

.member-publication-listing .response .actions li.update,
.member-publication-listing .response .actions li.delete{display:none;}

.member-publication-listing .response:hover > .actions li.update,
.member-publication-listing .response:hover > .actions li.delete{display:block;}

.member-publication-listing .response .actions li.like-details{margin-right:0;border:0;background:url(../images/plugins/management-member/heart.png) no-repeat 10px center;padding-left:30px;}

.member-publication-listing .response .actions li.like::after,
.member-publication-listing .response .actions li.unlike::after,
.member-publication-listing .response .actions li.delete::after,
.member-publication-listing .response .actions li.date::before{
	content:"-";
	padding:0 5px;
}

/* ****************************************************************************************** */

.like-details-content{padding-top:35px;}
.like-details-content .likers{height:400px;overflow:auto;}
.like-details-content .likers ul{list-style-type:none;padding:0 20px;}
.like-details-content .likers ul li{border-bottom:1px solid #CCCCCC;padding:0 0 20px 0;margin:0 0 20px 0;display:flex;flex-direction:row;justify-content:space-between;}
.like-details-content .likers ul li:last-of-type{border-bottom:0;margin-bottom:0;}

.like-details-content .likers ul li figure{width:40px;}
.like-details-content .likers ul li .name{width:100%;padding:0 0 0 20px;}
.like-details-content .likers ul li .name p:nth-of-type(1){font-weight:bold;font-size:1.2em;margin:0 0 5px 0;}

.member-publication-listing .like-details-content{display:none;}

/* ****************************************************************************************** */

.member-publication-listing #delete-popup{display:none;}

#delete-popup{}
#delete-popup .t{padding:10px 5px;font-weight:bold;background:#f6f7f8;border-bottom:1px solid #CCCCCC;margin:0 0 20px 0;}
#delete-popup .m{padding:10px 5px;text-align:center;margin:0 0 20px 0;}
#delete-popup .actions{padding:10px 5px;text-align:right;border-top:1px solid #CCCCCC;}

.member-publication-publish{
	border:1px solid #CCCCCC;
	border-radius:3px;
	margin:0 0 20px 0;
	background:white;
}
.member-publication-publish .form-options{
	border-bottom:1px solid #CCCCCC;	
	background:#EEEEEE;
	overflow:hidden;
	padding:10px;
}
.member-publication-publish .form-options li{
	float:left;
	margin:0 10px 0 0;
	border-right:1px solid #CCCCCC;
	padding-right:10px;
	list-style-type:none;
}
.member-publication-publish .form-options li.status{font-weight: bold;font-size: 1.2em;}
.member-publication-publish .form-options li:last-of-type{border-right:0;}

.member-publication-publish .member-identity{float: left;margin: 5px;}
.member-publication-publish .member-identity .box span{font-size:1.4em;}

.member-publication-publish .form-field{margin:5px 5px 5px 50px;}
.member-publication-publish .form-field textarea{resize:none !important;width:100%;padding:10px;border:0;outline:none;overflow:hidden;min-height:70px;}

.member-publication-publish .preview{overflow:hidden;list-style-type:none;margin:10px 0 10px 10px}
.member-publication-publish .preview li{float:left;margin:0 10px 10px 0;position:relative;}
.member-publication-publish .preview li .delete-image{position:absolute;top:0;right:0;}
.member-publication-publish .preview li .mini{border:1px solid #CCCCCC;text-align:center;cursor:pointer;}
.member-publication-publish .preview li .mini img{display:inline-block;}

/* ******************************************************************************** */

.member-publication-publish .preview-link{position:relative;border-top:1px solid #CCCCCC;overflow:hidden;list-style-type:none;margin:0 0 10px 0;padding:10px;display:none;}
.member-publication-publish .preview-link figure{overflow:hidden;margin:0 0 10px 0;}
.member-publication-publish .preview-link figure img{width:100%;display:block;}

.member-publication-publish .preview-link iframe{border:0;margin:0 0 10px 0;}

.member-publication-publish .preview-link .title{font-size:1.2em;margin:0 0 10px 0;font-weight:bold;}
.member-publication-publish .preview-link .description{text-align:justify;color:#888888;}

.member-publication-publish .preview-link .preview-delete{cursor:pointer;border:1px solid black;position:absolute;top:10px;right:10px;font-size:1.5em;background:white;padding:5px 10px;border:black;color:red;font-weight:bold;}

/* ******************************************************************************** */

.member-publication-publish .form-buttons{background:#EEEEEE;height:50px;border-top:1px solid #CCCCCC;padding:10px;}

.member-publication-publish .form-buttons .go{text-align:right;float:right;}

.member-publication-publish .form-buttons .go select{width: auto;padding: 5px;font-size: 1em;margin:0 5px;}

.member-publication-publish .form-buttons .go input[type=submit]{float:right;}

.member-publication-publish .form-buttons .go .loader{
	background:url(../images/loader/loader_32x32.gif) no-repeat left center;	
	display:none;
	width:32px;
	height:32px;
	float: right;
}

/* ******************************************************************************** */

.member-publication-publish .form-buttons .external{float:left;list-style-type:none;}
.member-publication-publish .form-buttons .external li{float:left;cursor:pointer;}
.member-publication-publish .form-buttons .external li.image{position:relative;}

.member-publication-publish .form-buttons .external li.image .ajax-upload-dragdrop{
	width: 30px;
    height: 30px;
    position:relative;
    border:0 !important;
    margin:-2px 0 0 0;
}
.member-publication-publish .form-buttons .external li.image .ajax-file-upload{
	background:url(../images/plugins/management-member/photo.svg) no-repeat 0 5px;
	box-shadow:none;
	overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;		
}
.member-publication-publish .form-buttons .external .juc{width:100% !important;}
.member-publication-publish .form-buttons .external .juc .ajax-upload-dragdrop span{display:none;}
.member-publication-publish .form-buttons .external .juc-crop-queue,
.member-publication-publish .form-buttons .external .juc-crop-loading{display:none !important;}
.member-publication-publish .form-buttons .external .ajax-file-upload-filename{display:none;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar{position:absolute;top:-24px;overflow:hidden;left:0;background:white;width:100px;padding: 0;height: 10px;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(4){left:0;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(5){left:110px;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(6){left:220px;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(7){left:330px;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(7){left:440px;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(7){left:550px;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(7){left:660px;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(7){left:770px;}
.member-publication-publish .form-buttons .external .ajax-file-upload-statusbar:nth-of-type(7){left:880px;}

.member-publication-publish .form-buttons .external .ajax-file-upload-bar{text-indent:-10000px;}

.member-publication-publish .form-buttons .external .ajax-file-upload-progress{width:100%;margin:0;}
.member-publication-publish .form-buttons .external .ajax-file-upload-red{display:none !important;}
.member-publication-publish .form-buttons .external .ajax-file-upload-bar{height:5px;}

/* **************************************************************************************************** */

.member-publication-publish .form-buttons .external li.article a{padding: 0 0 0 15px;margin: 6px 0 0 0;display: block;}

/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-PUBLICATION / MEDIA */
/* **************************************************************************************************** */
.member-publication-media{overflow:hidden;}

.member-publication-media ul{
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;	
}

.member-publication-media ul li{
	list-style-type:none;
    width: 33%;
    max-width:290px; /* largeur 980 */
	margin:0 0 3px 0;
    overflow:hidden;
    cursor:pointer;
    position:relative;
}
.member-publication-media ul li:hover .infos{display:block;}

.member-publication-media ul li .infos{
	display:none;
	color:white;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.member-publication-media ul li .infos .text{
    padding:35% 10px 0 10px;
    margin:0 0 15px 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    background:black;
	top:0;
	left:0;
	width:100%;
	height:100%;    
}
.member-publication-media ul li .infos .share{position:absolute;bottom:5px;left:0;width:100%;text-align:center;}
.member-publication-media ul li .infos .share a{margin:0 2px;}

.member-publication-media ul li figure{background:black;}
.member-publication-media ul li figure,
.member-publication-media ul li figure a{display:block;width:100%;height:100%;}
.member-publication-media ul li img{width:100%;height:auto;display:block;}

.member-publication-media ul li figure a:hover{opacity:0.7;}

.member-publication-media .more{margin:10px 0 20px 0;}
.member-publication-media .more a{
    padding: 10px;
    border: 2px solid #AAAAAA;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #AAAAAA;
    margin: auto;
    font-size: 2em;  
}    
.member-publication-media .more a:hover {
    background: #AAAAAA;
    color:white;
}

.member-publication-media .more .form-loader{display:none;}

/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-TALK / ASK */
/* **************************************************************************************************** */
.action-ask{padding:10px;}

.action-ask-container .action-ask{display:none;}

.action-ask .message{margin:0 0 10px 0;}
.action-ask .follower label{line-height:initial;}
.action-ask .sub{text-align:right;}/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-RATING / LISTING */
/* **************************************************************************************************** */
.member-rating-listing{
	margin:0 0 30px 0;
}
.member-rating-listing .put{
	text-align:center;
	margin:0 0 20px 0;
	cursor:pointer;
}

.member-rating-listing .member-rating-form{display:none;}

.rating{
	margin:0 0 25px 0;
}
.rating .little-rating{
	float:right;
	margin:0 10px 0 0;
	width:auto!important;
}
.rating .info{
	float:left;
	margin:0 10px 0 0;
	width:80px;
}
.rating .name{
	font-weight:bold;
	margin:0 0 5px 0;
	text-align:center;
}
.rating .comment{
	border-radius:6px;
	padding:10px; 	
	margin:0 0 0 100px;
	min-height:100px;
	background:#EEEEEE;
}


.rating .comment .myMess{
	max-height: 30px;
	overflow:hidden;
}
.rating .comment .myMess.no-max{max-height:inherit;}

.rating .comment .lessMoreText{text-align:right;color:#AAAAAA;cursor:pointer;margin:10px 0 0 0;font-size: 0.9em;font-style: italic;}
.rating .comment .lessMoreText span{position:relative;cursor:pointer;}
.rating .comment .lessMoreText span:nth-of-type(2){display:none;}



.rating .date{
	float:right;
	font-style:italic;
	font-size:0.9em;
	margin:2px 0 0 0;
}
.rating .title{
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 5px 0;
}

.member-rating-listing .more .form-loader{display:none;}

.member-rating-listing .more a {
    padding: 10px;
    border: 2px solid #AAAAAA;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #AAAAAA;
    margin: auto;
    font-size: 2em;
}
.member-rating-listing .more a:hover {
    background:#AAAAAA;
    color: white;
}/* **************************************************************************************************** */
/* MISC / MISC-PRESENTATION */
/* **************************************************************************************************** */
.misc-presentation.IMAGE-LEFT figure{float:left;text-align:center;}
.misc-presentation.IMAGE-LEFT .infos{float:right;}

.misc-presentation.IMAGE-RIGHT figure{float:right;text-align:center;}
.misc-presentation.IMAGE-RIGHT .infos{float:left;}

.misc-presentation.TEXT-BACKGROUND{background-position: center center;background-size: cover;}
.misc-presentation.TEXT-BACKGROUND .inner{padding:65px 0;background: rgba(255,255,255,0.7);}
.misc-presentation.TEXT-BACKGROUND .infos{text-align:center;}

.misc-presentation.IMAGE-TOP{text-align:center;}
.misc-presentation.IMAGE-TOP figure{margin:0 0 20px 0;}

.misc-presentation.IMAGE-ALONE{text-align:center;}

.misc-presentation.VIDEO-ALONE{text-align:center;}
.misc-presentation.VIDEO-ALONE .video{min-height:200px;background:#CCCCCC url(../images/loader/loader.svg) no-repeat center center;background-size:100px;}
.misc-presentation.VIDEO-ALONE iframe{max-width:100%;}

.misc-presentation.fullsize figure img{width:100%;height:auto;}
.community-all{
	overflow:hidden;
}
.community-all .community{
	float:left;	
}/* **************************************************************************************************** */
/* TWIZA-FOLLOW / TWIZA-SITE / MAP */
/* **************************************************************************************************** */
.site-map #map{
	width:100%;
	height:350px;
	margin:0 0 0 0;
}
.site-map #map .site{margin:0;padding:0;border:0;}
.site-map #map .interactions{display:none;}

.site-map .information-circle{
	text-align:right;
	color:#888888;
	padding:5px 0 5px 0;
	font-style:italic;
}

.showMap{
	position: absolute;
	margin-top: -42px;
}

/* **************************************************************************************************** */
/* TWIZA-FOLLOW / TWIZA-SITE / LISTING */
/* **************************************************************************************************** */
.sites{
	/*margin-top:20px;*/
}
.site{
	position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #AAAAAA;
    overflow: hidden;
    background: white;
}
.site:last-of-type{border-bottom:0;}

.site .name{margin:0 70px 5px 170px;}
.site .name a{
	font-size: 1.6em;
    font-weight:normal;
}

.site .category{
	display:block;
	margin:0 0 5px 0;
	color:#666666;
	font-style:italic;
}
.site .category a{text-decoration:none;}

.site .distance{color:#AAAAAA;position:absolute;top:5px;right:10px;font-style:italic;}

.site .text{width:auto;margin:0 0 10px 0;color:#666666;;}

.site time{
	display:block;
	margin:0 0 15px 0;
	color:#666666;
	font-style:italic;
}
.site span{font-weight:bold;}
.site time a{color:#88AA1D;text-decoration:none;}

.site figure{
	float: left;
	position: relative;	
	width:150px;
	margin-top: -25px;
}
.site figure img{	
	width:100%;
        height:auto;
}

.site .informations{margin-left:170px;}

#member-profile .site .interactions,
.site .interactions{
	border-bottom:0;
	height:auto;
	padding:0;
	position:absolute;
	right:10px;
	top:35px;
}

.site footer{
	text-align:right;
}

#map .site{margin-bottom:0;border:0;padding-bottom:0;}/* **************************************************************************************************** */
/* SHOP-FOLLOW / SHOP-SITE / FOLLOW AND PARTICIPATE */
/* **************************************************************************************************** */
.action-popup{padding:10px;}

#site .action-popup{display:none;}

#site.follow .action-popup,
#site.participate .action-popup{display:block;}

#site.nofollow .action-popup,
#site.noparticipate .action-popup{display:block;}

.action-ask,
.action-asked{padding:10px;}

#site .action-ask,
.interactions .action-asked{display:none;}

.action-popup{clear:both}
.action-popup .form-loader,
.action-popup .form-error,
.action-popup .form-success{display:none;}
.action-popup .form-success.force{display:block;}

/* **************************************************************************************************** */
/* TWIZA-FOLLOW / TWIZA-SITE / SITE */
/* **************************************************************************************************** */
#member-profile{margin:0;position:relative;}

#member-profile header{
	padding: 90px 20px 20px 20px;
    position: relative;
    height: 280px;
	border-bottom:1px solid #AAAAAA;
	background:#EEEEEE;
        background-position:center center;
}

#member-profile header::after{
	content:"";
	width:100%;
	position:absolute;
	left:0;
	bottom:-1px;
	height:120px;
	background-image:linear-gradient(transparent, #555555);
	z-index:50;
}

#member-profile header .member-identity{
	padding:1px;
	border:1px solid #AAAAAA;
	margin:0;
	position:relative;z-index:100;
	background:white;
	float:left;
}
#member-profile header .member-identity .box{border-radius:0;}

#member-profile header .member-identity a.update{
	position:absolute;
	top:10px;
	right:10px;
	display:none;
	width:50px;
	height:50px;
	border:1px solid black;
	border-radius:50%;
	text-indent:-10000px;
}
#member-profile header .member-identity:hover a.update{display:block;}

/* **************************************************************************************************** */

#member-profile header figure.carousel{
	width:100%;
	height:280px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#member-profile header figure.carousel img{height:100%;margin-top:-25%;}
#member-profile header figure.carousel.cover img{margin-top:0;}

#member-profile header figure.carousel .nivo-controlNav{
	position:absolute;
	top:0;
	right:0;
	padding:5px;
}

/* **************************************************************************************************** */

#member-profile header .cover a.update{
	position:absolute;
	top:110px;
	right:10px;
	display:none;
	width:50px;
	height:50px;
	border:1px solid black;
	border-radius:50%;
	text-indent:-10000px;
}
#member-profile header .cover:hover a.update,
#member-profile header:hover .cover a.update{display:block;}

/* **************************************************************************************************** */

#member-profile .member-content{border-top:1px solid #AAAAAA;position:relative;min-height:600px;}

/* **************************************************************************************************** */

#member-profile .infos{
    left: 220px;
    z-index: 100;
    position: absolute;
    padding-top: 75px;
    color: white;
    bottom: 20px;
    margin:0;
    min-height:initial;
}
#member-profile .infos .name{
    font-size: 2.5em;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;	
}
#member-profile .infos .owner{
    font-size: 1.5em;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;		
}

#member-profile .infos .sitename{
    font-size: 2.5em;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;	
}
#member-profile .infos .sitename a{color:white;}
#member-profile .infos .sitename a:hover{color:#0088EB;}

#member-profile header .town{margin:0 0 10px 0;font-size:1.3em;font-style:italic;}

#member-profile header .more{margin:10px 0 0 0;}
#member-profile header .more a{color:#AAAAAA;text-decoration:none;}

/* **************************************************************************************************** */

#member-profile .interactions{
	padding:20px;
	text-align:right;
	background:white;
	/*height:80px;*/
	position:relative;
}
#member-profile .interactions a{margin-left:20px;}

#member-profile .interactions .switch{margin:0;float:left;}

#member-profile .interactions .more{width:auto;text-align:center;padding:0 10px;}

#member-profile .interactions nav.menu-more{
    border: 1px solid #AAAAAA;
    right: 0;
    top: 49px;
    background: white;	
    z-index:1000;
    position:absolute;
    display:none;
    right:20px;
    top:60px;
}
#member-profile .interactions nav.menu-more ul{list-style-type:none;}
#member-profile .interactions nav.menu-more li{margin:0;}
#member-profile .interactions nav.menu-more li a{
    padding: 10px 20px;
    border-bottom: 1px solid #AAAAAA;	
    display:block;
    margin:0;
    height:auto;
    text-align:left;
}
#member-profile .interactions nav.menu-more li:last-of-type a{border-bottom:0;}

#member-profile .interactions nav.menu-more li a:hover{background:#0088EB;color:white;}

/* **************************************************************************************************** */

#member-profile .site-infos{
	position: relative;
    z-index: 1;
    float: left;
    width: 50%;
    margin: 15px 0 15px 15px;
}
#member-profile .site-infos .sitename{
    font-size: 1.8em;
    margin: 0 0 5px 0;
    color: #0088EB;
}
#member-profile .site-infos time{
	font-style:italic;
}
#member-profile .site-infos time span{font-weight:bold;}

#member-profile .town a{border:0;background-color:transparent;background-image: url(../images/icons/map_white.svg);}

/* **************************************************************************************************** */

#site{
	clear:both;
}

#site .informations{
	margin: 20px 270px 20px 10px;
}

#site .informations{
	margin:20px 270px 20px 10px;
}
#site .informations .tabs-site{overflow:hidden;margin:0 0 10px 0;border-bottom:1px solid #AAAAAA;}
#site .informations .tabs-site li{
	float:left;
	padding:12px 15px;
	list-style-type:none;
	cursor:pointer;
}
#site .informations .tabs-site li.selected{
	border:1px solid #AAAAAA;
	border-bottom:0;
	border-radius:6px 6px 0 0;
	color:white;
	background-color:#AAAAAA;
}

#site .informations .tab h2.accordion{display:none;}

/* **************************************************************************************************** */

#site aside.col-right{
	float:right;
	width: 250px;
    padding: 20px 10px 0 10px;
}

#site aside.col-right .participate,
#site aside.col-right .distance,
#site aside.col-right .statistics,
#site aside.col-right .share{
	padding: 10px;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    margin: 0 0 10px 0;
    background:white;
}

#site aside.col-right .statistics-top{margin:0 0 5px 0;font-style:italic;text-align:center;}
#site aside.col-right .statistics-top span:nth-of-type(1)::after{content:" - ";}

#site aside.col-right .statistics p,
#site aside.col-right .distance p{margin:0 0 3px 0;}
#site aside.col-right .statistics span{display:inline-block;min-width:20px;}

/* **************************************************************************************************** */

#site .description{line-height:1.5em;max-height:210px;overflow:hidden;position:relative;font-size: 18px;font-weight: lighter;}
#site .description.no-max{max-height:inherit;}

#site .description h3{font-weight:normal;}

#site .description .text,
#site .description .block{margin:0 0 20px 0;}

#site .lessMore{text-align:center;padding:10px;cursor:pointer;margin:10px 0;}
#site .lessMore span{cursor:pointer;}
#site .lessMore span:nth-of-type(2){display:none;}

/* **************************************************************************************************** */

#site .characteristics{overflow:hidden;margin:0 0 20px 0;}
#site .characteristics .col{
	float:left;
	width:32%;
	margin:0 10px 0 0;
	border-right:1px dashed #422C1C;
	padding-right:10px;
	min-height:130px;
}
#site .characteristics .col:nth-last-of-type(1){
	border-right:none;
	margin-right:0;
}
#site .characteristics .col h3{
	text-transform:uppercase;
	margin:0 0 10px 0;
}
#site .characteristics .col ul{
	list-style-type:none;
}
#site .characteristics .col ul li{
	margin:0 0 5px 0;
	overflow:hidden;
}
#site .characteristics .col ul li .max{
	display: block;
	border: 4px solid #88AA1D;
	color: #88AA1D;
	text-align: center;
	border-radius: 50%;
	width: 75px;
	padding: 10px;
	font-size: 2.5em;
	font-weight: bold;
	float: left;
	margin: 0 10px 5px 0;	
}
#site .characteristics .col ul li .max span{
	display: block;
	font-size: 0.4em;
	margin-top: -5px;
}
#site .characteristics .col ul li .info{
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}

/* **************************************************************************************************** */

#site .participate .message{margin:0 0 10px 0;}
#site .participate .buttons{text-align:center;}
#site .participate .buttons .button:nth-of-type(1){min-width:initial;}

/* **************************************************************************************************** */

#site .more{text-align:center;margin:0 0 20px 0;}

/* **************************************************************************************************** */

#site .pro-message{text-align:center;margin:0 0 20px 0;}
#site .asked{text-align:center;}


/* ****************************************************************************************** */
/* HEADER */
/* ****************************************************************************************** */
#area-header{overflow:hidden;background:white;text-align:center;}
#area-header img{height:auto;display:block;margin:auto;}

#area-header iframe{max-width:100%;}

/* ****************************************************************************************** */
/* VIEW - REFERENCE */
/* ****************************************************************************************** */
#area-reference-top{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-reference-top img{width:100%;height:auto;}
#area-reference-top .inset{margin:0 0 15px 0;font-size: 18px;font-weight: lighter;}
#area-reference-top .inset p{margin: 0 0 5px 0;line-height: 1.5em;}

/* ****************************************************************************************** */
/* VIEW - DIRECTORY */
/* ****************************************************************************************** */
#area-directory-top{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-directory-top img{width:100%;height:auto;}
#area-directory-top .inset{margin:0 0 15px 0;font-size: 18px;font-weight: lighter;}
#area-directory-top .inset p{margin: 0 0 5px 0;line-height: 1.5em;}

/* ****************************************************************************************** */
/* VIEW - LISTING */
/* ****************************************************************************************** */
#area-map-top{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-map-top img{width:100%;height:auto;}
#area-map-top .inset{margin:0 0 15px 0;font-size: 18px;font-weight: lighter;}
#area-map-top .inset p{margin: 0 0 5px 0;line-height: 1.5em;}

#area-map-bottom{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-map-bottom img{width:100%;height:auto;}
#area-map-bottom .inset{margin:5px 0 5px 0;}

/* ****************************************************************************************** */
/* FEED */
/* ****************************************************************************************** */
#area-feed-first{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-feed-first img{width:100%;height:auto;}
#area-feed-first .inset{margin:0 0 15px 0;}

/* ****************************************************************************************** */
/* TALK */
/* ****************************************************************************************** */
#area-talk-top{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-talk-top img{width:100%;height:auto;}
#area-talk-top .inset{margin:0 0 15px 0;}

#area-talk-bottom{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-talk-bottom img{width:100%;height:auto;}
#area-talk-bottom .inset{margin:0 0 15px 0;}


/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / IDENTITY */
/* **************************************************************************************************** */
.member-identity a.box.text, .member-identity span.box{background:#588250;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / OVERVIEW */
/* **************************************************************************************************** */
#member-overview .empty a{
	line-height:initial;
	padding:5px 10px;
	min-width:initial;
	height:auto;
	font-size:1.25em;
	font-weight:normal;
}

#member-overview nav.menu-account li a:hover{background:#0088EB;color:white;}

div#member-overview .icons a.feed, 
div#member-overview .icons a.notification, 
div#member-overview .icons a.message, 
div#member-overview .icons a.parameters{
	display:inline-block;
	color:#999999;
	padding:22px 12px 0 12px;
	position:relative;
	font-size:0.9em;
    background-repeat: no-repeat;
    background-position:top center;
    background-size: auto 19px;   
    text-indent:initial;
    text-align:center;
    top:0;
    border-top:0;
    width:auto;
    line-height:inherit;
    margin:0;
    position:relative;
}

div#member-overview .icons a span.nb {
    position: absolute;
    top: -8px;
    right: 8px;
    line-height: 2.1em;
    width: 22px;
    height: 22px;        
}
div#member-overview .icons a:hover,
div#member-overview .icons a.selection{color:#050505;}

div#member-overview .icons a.selection:after{
	content:"";
	position:absolute;
	z-index:10;
	bottom: -29px;
	left:50%;
	margin-left:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
}

div#member-overview .icons a.parameters{display:none;}

#member-overview figure.member-identity{margin-top:-5px;margin-left:10px;text-align:left;}
#member-overview figure.member-identity img{width:30px;height:30px;display:block;margin:0 auto 1px auto;}
#member-overview figure.member-identity a{width:35px;}
#member-overview figure.member-identity a::after{right: -12px;top: 32px;}
#member-overview figure.member-identity .box .you{
    position: absolute;
    bottom: -11px;
    right:5px;
    font-size: 0.4em;
    color: #999999;
}
#member-overview figure.member-identity .box span{font-size:0.5em;}

/* **************************************************************************************************** */

#member-overview nav.menu-account{
    top: 50px;
    right:-30px;
    min-width: 260px;
    box-shadow: 0px 0px 10px 0px #DFDFDF;
    border: 0;
    border-radius: 10px;
    padding:0;
}
#member-overview nav.menu-account::before{
	border:1px solid #DFDFDF;
	background:white;
	content:"";
	position:absolute;
	right:40px;
	top:-8px;
	width:16px;
	height:16px;
	transform: rotate(45deg);
}
#member-overview nav.menu-account::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 12px;
    background: white;
    right: 37px;
    top:0;
}

#member-overview nav.menu-account .pres{overflow:hidden;margin:0 10px 0 10px;padding:15px 10px;}
#member-overview nav.menu-account .pres .member-identity {float:left;margin:0;}
#member-overview nav.menu-account .pres .member-identity img{width:55px;height:55px;}
#member-overview nav.menu-account .pres .member-identity .box span{font-size:1.5em;}

#member-overview nav.menu-account .pres .infos{margin-left:70px;margin-top: 10px;}
#member-overview nav.menu-account .pres .infos p:nth-of-type(1){font-size:1.25em;margin:0 0 3px 0;}

#member-overview nav.menu-account ul{padding:10px 0;border-top:1px solid #3B3B3A;}
#member-overview nav.menu-account li.separate{padding:10px 0 0 0;border-top:1px solid #3B3B3A;margin-top:10px;}

#member-overview nav.menu-account li a{padding: 3px 0 3px 20px;border:0;font-weight:lighter;font-size:1.3em;color:#333333;}
#member-overview nav.menu-account li a:hover{background:rgba(162,162,162,0.15);color:#333333;}

/* **************************************************************************************************** */

#member-overview .cta{
    position: absolute;
    top: -8px;
    right: -120px;
    font-weight: lighter;
    font-size: 1.25em;
    width: 100px;
    text-align: center;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* **************************************************************************************************** */

body#pro div#member-overview .icons a:hover,
body#pro div#member-overview .icons a.selection{color:white;}

body#pro div#member-overview .icons a.message:hover, 
body#pro div#member-overview .icons a.message.selection{background-image:url(../images/icons/message_white.svg);}

body#pro div#member-overview .icons a.notification:hover, 
body#pro div#member-overview .icons a.notification.selection{background-image:url(../images/icons/notification_white.svg);}

body#pro div#member-overview .icons a.selection:after{border-color: #3B3B3A transparent transparent transparent;}

body#pro #member-overview figure.name a:hover{color:white;}

body#pro div#member-overview .cta a{color:white;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / LOGIN */
/* **************************************************************************************************** */
#member-login{
	overflow:hidden;
	margin:25px 0 100px 60px;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	width:300px;
	padding:20px;
}

#member-login hgroup{border:0;}
#member-login h1{
	text-align:center;	
	font-family:"Roboto",sans-serif;
	font-size:24px;
	font-weight:lighter;
}
#member-login hgroup h2{display:none;border:0;}

#member-login-choice{
	overflow:hidden;
	width:auto;
	margin:0 auto 0 auto;	
}
#member-login-choice{width:auto;}

#member-login-choice .facebook .message{display:none;}

#member-login-choice p{margin:0 0 15px 0;}

#member-login-choice .or{
	text-align: center;
	font-size:18px;
}

#member-login-choice .customer-login-exist .selected{
	background-color:#009900;
	color:white;
}

#member-login-choice .form-exist p.password-renew{font-size:18px;}
#member-login-choice .form-exist p.password-renew a{color:inherit;text-decoration:none;}

/* ****************************************************************************************** */

#member-login-choice .form-error{width:100%;}

#member-login-choice input[type=password], 
#member-login-choice input[type=text]{border-radius:5px;border:0;}

/* ****************************************************************************************** */

#member-login-choice .facebook{
	text-align:center;
}
#member-login-#member-login-choice .form-exist p.connection .facebook-error,
#member-login-choice .facebook-loader{
	display:none;
}
#member-login-choice .facebook-error a{color:inherit;margin: 10px 0 0 -35px;text-align:center;display:block}
#member-login-choice .facebook-loader{background-color:transparent;}
#member-login-choice .or{
	margin:25px 0 15px 0;
}

/* ****************************************************************************************** */

#member-login-choice .form-exist p{margin:0 0 15px 0;}

#member-login-choice .form-exist p.connection{
	margin:15px auto 15px auto;
	text-align:center;
}
#member-login-choice .form-exist p.connection input{
	background:#0088EB;
	height:auto;
	width:200px;
	padding:0px 10px;
	border:0;
	font-size:18px;
	border-radius:5px;
}

#member-login-choice .form-exist p.password-renew{
	margin:15px auto 30px auto;
}
#member-login-choice .form-exist p.password-renew a{
	cursor:pointer;
}

#member-login-choice p{
	text-align:center;
}
#member-login-choice p.information{font-weight:bold;}

#member-login-choice input[type=password],
#member-login-choice input[type=text]{
	width:100%;	
}

#member-login-choice .member-login-new{font-size:18px;}
#member-login-choice .member-login-new p{margin:0 0 5px 0;}
#member-login-choice .member-login-new a{color:inherit;font-weight:bold;}

/* ****************************************************************************************** */

#member-login-choice .customer-login-new .message{text-align:center;margin:0 0 10px 0;}

#member #member-login .data-text{
	box-shadow:none;
}/* **************************************************************************************************** */
/* MANAGEMENT-FOLLOW / MEMBER-RATING / LISTING */
/* **************************************************************************************************** */
.member-notices .notice.form-information{
	border: 1px solid #422C1C;
    background-color: #DDC2AE;
    color: #422C1C;	
}

/* **************************************************************************************************** */
/* MANAGEMENT-FOLLOW / MEMBER-RATING / HELP */
/* **************************************************************************************************** */
.member-notice.notice.help {
	width:560px;
	background:linear-gradient(45deg,#A42C06,#D04215);
	border-radius:6px;
	border:0;
	box-shadow: 2px 2px 6px 3px rgba(0,0,0,0.25);
	padding:50px 50px 40px 50px;
}
.member-notice.help .message{font-size:18px;font-weight:lighter;}
.member-notice.notice.help > .close{display:none;background: none;top: 0;right: 0;font-size: 1.5em;font-weight: lighter;}

.member-notice.notice.help .action{margin:25px 0 0 0;padding:8px;}
.member-notice.notice.help .action .understand{border-radius:6px;background:white;color:#EC663B;padding:8px 30px;border:0;position:static;margin:0 5px;}
.member-notice.notice.help .action .more{display:inline;border-radius:6px;background:transparent;color:white;padding:8px 30px;border:0;position:static;margin:0 5px;}
.member-notice.notice.help .action .close{display:inline;border-radius:6px;background:#EC663B;color:white;padding:8px 30px;border:0;position:static;margin:0 5px;}

.member-notice.notice.help::after{width:25px;height:13px;}
.member-notice.notice.help.arrow-left::after{left:-18px;}
.member-notice.notice.help.arrow-right::after{right:-18px;background:url(../images/plugins/management-member/help/help-arrow-light.svg) no-repeat;;}
.member-notice.notice.help.arrow-top::after{left:50%;top:-12px;background:url(../images/plugins/management-member/help/help-arrow-light.svg) no-repeat;}
.member-notice.notice.help.arrow-bottom::after{display:block;left:50%;bottom:-12px;}
.member-notice.notice.help.arrow-bottom-left::after{left:20px;bottom:-12px;}
.member-notice.notice.help.arrow-bottom-right::after{right:20px;bottom:-12px;background:url(../images/plugins/management-member/help/help-arrow-light.svg) no-repeat;}

/* **************************************************************************************************** */

.member-notice.help{width: 335px;position: absolute;z-index: 8000;}
.member-notice.help[data-code=HELP-SEARCH]{left: 224px;top: 33px;}
.member-notice.help[data-code=HELP-PROFILE]{right: 185px;top: -55px;}
.member-notice.help[data-code=HELP-PUBLISH]{position:relative;width:auto;}

.member-notice.help[data-code=HELP-FOLLOW]{top: -212px;right: 40px;}
body.action-profile .member-notice.help[data-code=HELP-FOLLOW]{right: 245px;top: -65px;}/* **************************************************************************************************** */
/* CMS / CMS-PAGE / CHILDREN */
/* **************************************************************************************************** */
.cms-page-children{
	padding:90px 0 100px 0; 
	border-top:1px solid #EEEEEE;
}

.cms-page-children h2{padding:0 10px;margin:0 auto 30px auto;font-size:2.5em;max-width: 980px;}

.cms-page-children ul{list-style-type:none;overflow:hidden;max-width: 980px;margin: auto;}
.cms-page-children ul li{
	display:inline-block;
	vertical-align:top;
    width: 300px;
    margin: 0 10px 20px 10px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.cms-page-children ul li figure{min-height:155px;background:#CCCCCC;}
.cms-page-children ul li figure img{width:100%;display:block;}

.cms-page-children ul li:hover img{opacity:0.8;}

.cms-page-children ul li .text{background:white;border-radius:0 0 10px 10px;padding:30px 20px 30px 20px; border: 1px solid #CCCCCC;overflow:hidden;}

.cms-page-children ul li .page-link{margin:0 0 20px 0;}
.cms-page-children ul li .page-link a{font-size:20px;font-weight:normal;color:inherit;}
.cms-page-children ul li .summary{max-height:90px;overflow:hidden;font-size:18px;font-weight:lighter;}
#page .cms-page-children ul li .summary p{line-height:1.2em;}/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-PUBLICATION / MEDIA */
/* **************************************************************************************************** */
.member-publication-media ul li .infos{color:black;}
.member-publication-media ul li .infos .text{background:url(../images/css/homepage/transparence.png); }
   
.member-publication-media .more a{
    border: 2px solid #0088EB;
    color: #0088EB;
}    
.member-publication-media .more a:hover {background: #0088EB;}   
   
/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-PUBLICATION / FORM */
/* **************************************************************************************************** */
.member-publication-publish .form-buttons input[type=submit]{
	border-radius:6px;
	line-height:initial;
	height:auto;
	width:auto;
	min-width:auto;
	padding:5px;
}

/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-PUBLICATION / LISTING */
/* **************************************************************************************************** */
.member-publication-listing .form-buttons input[type=submit]{
	border-radius:6px;
	line-height:initial;
	height:auto;
	width:auto;
	min-width:auto;
	padding:5px;	
	border:0;
}

.member-publication .more a {
    border: 2px solid #0088EB;
    color: #0088EB;
}
.member-publication .more a:hover {
    background:#0088EB;
    color: white;
}

.member-publication .author .info .badge a{
	text-decoration:none;
	padding:0 3px;
	color:#888888;
}
.member-publication .author .info .badge a:hover{
	background:rgba(0,136,235,0.8);
	color:white;
	border-radius:5px;
}

/* **************************************************************************************************** */

.member-publication-listing .photo-pro{
    background: #95C11F;
    text-align: center;
    color: white;
    padding: 1px 0;
    font-weight: bold;
    text-transform: lowercase;
  	border-radius:6px;
  	
    position: absolute;
    top: 40px;
    padding: 1px 5px;
    left: 15px; 	
}
.member-publication-listing .others .photo-pro{
	clear: both;
	position:static;
}

/* **************************************************************************************************** */

.member-publication-listing .form-buttons input[type=submit]{background:#AAAAAA;}

.member-publication-listing .message .actions li.like{background:url(../images/plugins/management-member/like.svg) no-repeat 0 0;background-size:16px;}

.member-publication-listing .message .actions li.like:hover,
.member-publication-listing .message .actions li.unlike{background:url(../images/plugins/management-member/like_selection.svg) no-repeat 0 0 ;background-size:16px;}

.member-publication-listing .comment .actions li.like,
.member-publication-listing .comment .actions li.like:hover,
.member-publication-listing .comment .actions li.unlike{background:none;}

.member-publication-listing .comment .actions li.like-details,
.member-publication-listing .response .actions li.like-details{background: url(../images/plugins/management-member/like_selection.svg) no-repeat 12px 1px;background-size: 12px;}

.member-publication-listing .actions .facebook{background-size: 12px auto;min-width: 25px;width:25px;height: 25px;	}
.member-publication-listing .actions .twitter{background-size: 21px auto;height: 25px;min-width: 30px;width:30px;}
.member-publication-listing .actions .link{background-size:16px auto;height: 25px;min-width: 30px;width:30px;}

.member-publication-listing .message > .actions li.update span,
.member-publication-listing .message > .actions li.delete span{display:none;}

.member-publication-listing .message > .actions li.update{right:30px;}
.member-publication-listing .message > .actions li.delete{right:-5px;}

/* **************************************************************************************************** */

.member-publication-listing .info .interactions{
    position: absolute;
    top: 5px;
    right: 5px;
}
/* **************************************************************************************************** */
/* TWIZA-FOLLOW / TWIZA-PARTICIPATE / ACTION */
/* **************************************************************************************************** */
.action-container{display:inline;}

.action-asked,
.action-refused,
.action-accepted,
.action-canceled,
.action-updated{padding:10px;}

.action-container .action-asked,
.action-container .action-refused,
.action-container  .action-accepted,
.action-container  .action-canceled,
.action-container  .action-updated{display:none;}

.action-ask .sub,
.action-asked .sub,
.action-refused .sub,
.action-accepted .sub,
.action-canceled .sub,
.action-updated .sub{ margin:20px 0 0 0;text-align:right;}

.action-ask .message span,
.action-asked .message span,
.action-refused .message span,
.action-canceled .message span,
.action-accepted .message span,
.action-updated .message span{font-weight:bold;}

.action-ask .message,
.action-asked .message,
.action-refused .message,
.action-accepted .message,
.action-canceled .message,
.action-updated .message{margin:0 0 10px 0;}

.action-ask textarea,
.action-asked textarea,
.action-refused textarea,
.action-accepted textarea,
.action-canceled textarea,
.action-updated textarea{width:100%;}

.action-ask .date-pick,
.action-asked .date-pick,
.action-refused .date-pick,
.action-accepted .date-pick,
.action-canceled .date-pick,
.action-updated .date-pick{width:140px;}

.action-ask label,
.action-asked label,
.action-refused  label,
.action-accepted label,
.action-canceled label,
.action-updated  label{line-height:4em;}

.action-ask select,
.action-asked select,
.action-refused select,
.action-accepted select,
.action-canceled select,
.action-updated select{width:auto;}

.action-asked .first-choice{
	text-align:center;
}

.action-asked label{line-height:2em;}
.action-asked .first-choice .intro{margin:0 0 20px 0;}

.action-asked .first-choice .contact,
.action-asked .first-choice .engage{margin:0 0 20px 0;}

.action-asked .first-choice .contact .message,
.action-asked .first-choice .engage .message{margin:10px 0 0 0;color:#747474;}

.action-asked .choice-go{
	display:none;
}

.action-asked .choice-go h2,
.action-asked .choice-go .buttons{text-align:center;}

/* **************************************************************************************************** */
/* MANAGEMENT-MEMBER / MEMBER-RATING / LISTING */
/* **************************************************************************************************** */
.rating .image img {
  border-radius: 50%;
  border: 0;
  padding:0;
}
.rating .comment-site{text-align:right;padding:5px 0 0 0;}

.rating .little-rating{display:none;}

.rating{float:none;}

.rating .comment{    
    border: 1px solid #CCCCCC;
}

/* **************************************************************************************************** */

.rating.pro{padding:10px;border-radius: 6px;border:1px solid #CCCCCC;}
.rating.pro .info{overflow:hidden;width:auto;margin:0 0 20px 0;float:none;}
.rating.pro .info .member-identity{float:left;margin:0 20px 0 0;}
.rating.pro .info .details{float:left;font-weight:normal;}
.rating.pro .info .details .name{text-align:left;}
.rating.pro .info .details .name a{font-size:1.9em;color:#3C3C3B;}
.rating.pro .info .details span{display:inline-block;width:60px;color:#3C3C3B;padding:0 10px 0 0;font-weight:bold;}
.rating.pro .info .details .cost,
.rating.pro .info .details .period,
.rating.pro .info .details .type,
.rating.pro .info .details .relation{font-size:1.2em;}

.rating.pro .info .details .relation{margin:0 0 5px 0;}

.rating.pro .rmessage{min-height:initial;padding:0;margin:0 0 20px 0;text-align:justify;font-size:1.6em;font-weight:lighter;}
.rating.pro .rmessage .title{font-weight:bold;margin:0 0 5px 0;}

.rating.pro .comment .myMess{max-height: 70px;}
.rating.pro .comment .myMess.no-max{max-height: inherit;}
	
.rating.pro .notes{overflow:hidden;}	
.rating.pro .date{float:left;margin:2px 10px 0 0;}
.rating.pro .little-rating{display:block;float:left;}


/* **************************************************************************************************** */

.member-rating.pro.given .comment{min-height:initial;border:0;background:none;padding:0;}
.member-rating.pro.given .comment .myMess{max-height:70px;}

/* **************************************************************************************************** */
/* TWIZA-FOLLOW / TWIZA-PROFESSIONAL-CONNECTION / ACTION */
/* **************************************************************************************************** */
.action-container{display:inline;}

.action-connection-asked,
.action-connection-refused,
.action-connection-accepted,
.action-connection-canceled,
.action-connection-retracted,
.action-connection-disconnected{padding:10px;}

.action-container .action-connection-asked,
.action-container .action-connection-refused,
.action-container .action-connection-accepted,
.action-container .action-connection-canceled,
.action-container .action-connection-retracted,
.action-container .action-connection-disconnected{display:none;}

.action-connection-asked .sub,
.action-connection-refused .sub,
.action-connection-accepted .sub,
.action-connection-canceled .sub,
.action-connection-retracted .sub,
.action-connection-disconnected .sub{ margin:20px 0 0 0;text-align:right;}

.action-connection-ask .message span,
.action-connection-asked .message span,
.action-connection-refused .message span,
.action-connection-canceled .message span,
.action-connection-accepted .message span,
.action-connection-retracted .message span,
.action-connection-disconnected .message span{font-weight:bold;}

.action-connection-asked .message,
.action-connection-refused .message,
.action-connection-accepted .message,
.action-connection-canceled .message,
.action-connection-retracted .message,
.action-connection-disconnected .message{margin:0 0 10px 0;}

.action-connection-asked textarea,
.action-connection-refused textarea,
.action-connection-accepted textarea,
.action-connection-canceled textarea,
.action-connection-retracted textarea,
.action-connection-disconnected textarea{width:100%;}

.action-connection-asked .date-pick,
.action-connection-refused .date-pick,
.action-connection-accepted .date-pick,
.action-connection-canceled .date-pick,
.action-connection-retracted .date-pick,
.action-connection-disconnected .date-pick{width:140px;}

.action-connection-asked label,
.action-connection-refused  label,
.action-connection-accepted label,
.action-connection-canceled label,
.action-connection-retracted label,
.action-connection-disconnected label{line-height:4em;}

.action-connection-asked select,
.action-connection-refused select,
.action-connection-accepted select,
.action-connection-canceled select,
.action-connection-retracted select,
.action-connection-disconnected select{width:auto;}

/* **************************************************************************************************** */
/* TWIZA-FOLLOW / TWIZA-PROFESSIONAL-CONNECTION / MANAGE */
/* **************************************************************************************************** */
.professional-connection table{
	width:100%;
	border-collapse:collapse;
	margin:0 0 20px 0;
}
.professional-connection table tr{
	border-bottom:1px solid #CCCCCC;	
}
.professional-connection table th,
.professional-connection table td{
	padding:5px;
	text-align:center;
}
.professional-connection table tr td:last-child{text-align:right;}

.professional-connection table th{
	font-size:1.5em;
	border-bottom:1px solid #CCCCCC;
	text-align:center;
}

.professional-connection table td.member{text-align:left;}
.professional-connection table td.member figure {float: left;margin: 0 10px 0 0;}
.professional-connection table td.member figure img {width: 50px;border-radius: 50%;}
.professional-connection table td.member p:nth-of-type(1){font-weight:bold;margin-top:5px;}
.professional-connection table td.member p:nth-of-type(2){color:#AAAAAA;}

.professional-connection table td.site p:nth-of-type(1){font-weight:bold;margin-top:5px;}
.professional-connection table td.site p:nth-of-type(2){color:#AAAAAA;}

.professional-connection .manage{text-align:center;margin:0 0 20px 0;}

/* **************************************************************************************************** */
/* TWIZA-FOLLOW / TWIZA-PROFESSIONAL-CONNECTION / LISTING */
/* **************************************************************************************************** */
.professional-connection-listing .more .form-loader{display:none;}

.professional-connection-listing .more a {
    padding: 10px;
    border: 2px solid #AAAAAA;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #AAAAAA;
    margin: auto;
    font-size: 2em;
}
.professional-connection-listing .more a:hover {
    background:#AAAAAA;
    color: white;
}/* **************************************************************************************************** */
/* ANIMATION / ANIMATION-NEWS / COMMUNITY */
/* **************************************************************************************************** */
.community-all{
	text-align:center;
	margin:0 0 30px 0;
}
.community-all .community{	
	display:inline-block;
	float:none;
	overflow:visible;
	padding:0;
	margin:0 8px;
}
.community-all .community a{
	width:40px;
	height:40px;
	background:no-repeat center center;
	background-size:40px;
	text-indent: -10000px;
	display:inline-block;		
}
.community-all .community-facebook a{background-image:url(../images/icons/social/facebook.svg);}
.community-all .community-twitter a{background-image:url(../images/icons/social/twitter.svg);}
.community-all .community-googlePlus a{background-image:url(../images/icons/social/google-plus.svg);}
.community-all .community-flickr a{background-image:url(../images/icons/social/flickr.svg);}
.community-all .community-youtube a{background-image:url(../images/icons/social/youtube.svg);}
.community-all .community-pinterest a{background-image:url(../images/icons/social/pinterest.svg);}
.community-all .community-instagram a{background-image:url(../images/icons/social/instagram.svg);}
.community-all .community-linkedin a{background-image:url(../images/icons/social/linkedin.svg);}