/* ****************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER  / SUBSCRIPTION */
/* ****************************************************************************************** */
#member-subscription .connect{text-align:center;margin:20px 0;}

/* ****************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER  / REACTIVATE */
/* ****************************************************************************************** */
#member-reactivate .reactivate{text-align:center;margin:20px 0;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / PROFILE */
/* **************************************************************************************************** */
#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:#FA6B31;}

#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:#FA6B31;color:white;}

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

#member-profile .details{
	margin:20px 270px 20px 10px;
}

#member-profile .intro{
	 margin: 20px 270px 20px 10px;
}

#member-profile .bio{
    margin: 0 auto 0 auto;
    position: relative;
    width: 90%;
    text-align: justify;
	max-height: 62px;
    overflow: hidden;
    padding: 0 30px 0 30px;
    min-height:22px;
}
#member-profile .bio.no-max{max-height:inherit;}

#member-profile .sign{
    font-weight: bold;
    font-style: italic;
    text-align: right;
    padding: 0 65px 0 30px;
    margin: 10px 0 0 0;	
}

.lessMoreBio{color:#AAAAAA;text-align:center;cursor:pointer;margin:10px 0 20px 0;}
.lessMoreBio span{position:relative;cursor:pointer;}
.lessMoreBio span:nth-of-type(2){display:none;}

#member-profile .details .tabs-profile{overflow:hidden;margin:0 0 10px 0;border-bottom:1px solid #AAAAAA;}
#member-profile .details .tabs-profile li{
	float:left;
	padding:12px 15px;
	list-style-type:none;
	cursor:pointer;
	border: 1px solid #EFEFEF;
    border-bottom: 0;
    margin-right:5px;
    border-radius:6px 6px 0 0;
}
#member-profile .details .tabs-profile li.selected{
	border-bottom:3px solid #FA6B31;
	border-radius:6px 6px 0 0;
	color:#FA6B31;
}

#member-profile .tab .member-rating-listing h2{display:none;}

#member-profile .tab h2.accordion{display:none;}

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

#member-profile aside.profile-col-right{
	width: 250px;
	padding: 20px 10px 0 10px;
	float:none;
	position:absolute;
	top:0;
	right:0;
}

#member-profile aside.profile-col-right .distance,
#member-profile aside.profile-col-right .social,
#member-profile aside.profile-col-right .statistics,
#member-profile aside.profile-col-right .share,
#member-profile aside.profile-col-right .notation{
	padding:10px;
	border:1px solid #CCCCCC;
	border-radius:3px;
	margin:0 0 10px 0;
	background:white;
}
#member-profile aside.profile-col-right .contacts p{margin:0 0 5px 0;	}

#member-profile aside.profile-col-right .statistics p,
#member-profile aside.profile-col-right .social p,
#member-profile aside.profile-col-right .distance p{margin:0 0 3px 0;}
#member-profile aside.profile-col-right .statistics span{display:inline-block;min-width:20px;}

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

#member-profile .notation ul li{
	list-style-type:none;
	background:no-repeat left center;
	padding:0;
}
#member-profile .notation ul.levels li{padding-left:0;background-image:none !important;}

#member-profile .notation .note{margin:0 0 5px 0;}

#member-profile .notation ul li{overflow:hidden;margin:0 0 5px 0;list-style-type:none;}
#member-profile .notation ul li span{float:left;margin:0 5px 0 0;width:50px;text-align:right;}
#member-profile .notation ul li .value{float:left;text-align:right;width:25px;}
#member-profile .notation ul li .ui-progressbar{float:left;height:15px;width:170px;border: 1px solid #CCCCCC;border-radius:0;margin:0 5px 0 0;}
#member-profile .notation ul li .ui-progressbar-value{background:#AAAAAA;border:0;border-radius:0;margin:0;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / PASSWORD */
/* **************************************************************************************************** */
#member-password{
}
#member-password .field{
	margin:0 0 5px 0;
	text-align:center;
}
#member-password form{
	margin:20px 0 0 0;	
}
#member-password input[type=text]{
	width:50%;
	
}
#member-password input[type=submit]{
	display: block;
    margin: 10px auto;
}


/* **************************************************************************************************** */
/* SHOP-FOLLOW / SHOP-CUSTOMER / NEW */
/* **************************************************************************************************** */
#member-new hgroup{
	text-align:center;
}
#member-new select,
#member-new input[type=password],
#member-new input[type=text]{
	width:100%;	
}
#member-new .message{
	text-align:center;
}

#member-new .section{
	overflow:hidden;
	margin:0 0 10px 0;	
}
#member-new .section h2{
	margin:0 0 10px 0;	
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

#member-new .status-value{margin-bottom:20px;}

#member-new .help{float:right;width:300px;}
#member-new .form-information{margin-bottom:0;}

#member-new p{margin:0 0 5px 0;}
#member-new .subscription{text-align:center;}

#member-new .exist{text-align:center;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / GLOBAL */
/* **************************************************************************************************** */
#member{margin:0 0 30px 0;overflow:hidden;}

#member .col-right{margin:0 0 0 250px;}

#member .col-right hgroup{margin:0 0 20px 0;}
#member .col-right hgroup h1,
#member .col-right hgroup h2{margin:0;}

#member .col-right .legend{margin:0 0 10px 0;overflow:hidden;}
#member .col-right .legend .title{margin:0 0 10px 0;font-weight:bold;}
#member .col-right .legend p{float:left;margin:0 10px 0 0;}
#member .col-right .legend p img{margin:0 5px 0 0;vertical-align:middle;}

#member .col-right .listing{width:100%;border-collapse:collapse;}
#member .col-right .listing th{padding:3px;}

#member .col-right .listing td{padding:5px;text-align:center;}
#member .col-right .listing td.options{text-align:right;}

#member .col-right .field.radio label{display:inline;float:none;}
#member .col-right .field label{display:none;}

#member .submit{padding:10px;text-align:center;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / MENU */
/* **************************************************************************************************** */
.responsive-menu-account,
#responsive-menu-account{
    display: none;
}

#responsive-menu-account:checked + ul{
    display: block;
}

#account-menu-global{position:relative;}
#account-menu-global ul{
	list-style-type:none;
}
#account-menu-global ul li{
	margin:0 0 20px 0;	
}

#account-menu-global ul li a{
	text-transform:uppercase;
	font-weight:bold;
	display:block;	
	color:black;
	text-decoration:none;
}
#account-menu-global ul li a:hover,
#account-menu-global ul li a.selected
{
	font-weight:bold;	
	text-decoration:none;
}
#account-menu-global ul li ul{
	margin: 0 0 0 0;
	border-top:1px dashed #CCCCCC;
	padding-top:10px;
}
#account-menu-global ul li ul li{
	margin:0 0 5px 0;	
	list-style-position:inside;
}
#account-menu-global ul li ul li a{
	text-transform:initial;
	border:0;
	font-weight:normal;
	text-decoration:none;
}
#account-menu-global ul li ul li a:hover,
#account-menu-global ul li ul li a.selected
{
	font-weight:bold;	
	text-decoration:underline;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / DASHBOARD */
/* **************************************************************************************************** */
#member-account .you .welcome hgroup{margin:10px 0 0 0;}
#member-account .you .welcome h1,
#member-account .you .welcome h2{margin:0;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / LEFT */
/* **************************************************************************************************** */
#member .col-left {float: left;width: 220px;margin: 0 20px 0 0;}

#member .col-left .member-profile .p-top{
	text-align: center;
    background-color: #EEEEEE;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;    
    padding:0;
    border-bottom: 1px solid #AAAAAA;
}
#member .col-left .member-profile .p-top figure{position: relative;top: 35px;}
#member .col-left .member-profile .p-top figure img{border-radius:50%;border: 2px solid white;}
#member .col-left .member-profile .p-details{
	padding:45px 20px 20px 20px;
	text-align:center;
}
#member .col-left .member-profile .p-details .name{margin:0 0 0 0;font-size:1.6em;}
#member .col-left .member-profile .p-details .link{margin:10px 0 0 0;}

#member .col-left .member-profile .p-stats ul li{
	border-top:1px solid #AAAAAA;
	text-align:center;
	padding:10px 0 15px 0;
	list-style-type:none;
	margin:0 25px;
}
#member .col-left .member-profile .p-stats ul li p:nth-of-type(1){font-size:1.85em;margin:0 0 5px 0;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / FACEBOOK */
/* **************************************************************************************************** */

.facebook-information img{
	display:block;
	margin:auto;
	text-align:center;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-URL */
/* **************************************************************************************************** */
#member-account-url .overview-url{
	margin:0 0 20px 0;
	text-align:center;
	font-size:2em;
}
#member-account-url .overview span:nth-of-type(2){font-weight:bold;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-PERSONAL */
/* **************************************************************************************************** */
#member-unsubscribe .message{margin:0 0 20px 0;}
#member-unsubscribe textarea{max-width:100%;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-REFERENCE */
/* **************************************************************************************************** */
#member-account-reference .message{margin:0 0 20px 0;}

#member-account-reference table tr th:nth-of-type(1){width:50%}
#member-account-reference table tr th:nth-of-type(2){width:20%;}
#member-account-reference table tr th:nth-of-type(3){width:30%;}

#member-account-reference table tr td:nth-of-type(3){text-align:right;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-FORMATION */
/* **************************************************************************************************** */
#member-account-formation .message{margin:0 0 20px 0;}

#member-account-formation table tr th:nth-of-type(1){width:50%}
#member-account-formation table tr th:nth-of-type(2){width:20%;}
#member-account-formation table tr th:nth-of-type(3){width:30%;}

#member-account-formation table tr td:nth-of-type(3){text-align:right;}


/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-PHOTOS */
/* **************************************************************************************************** */
#member-account-photos .liste-image{
	margin:0 0 20px 0;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;	
}

#member-account-photos .liste-image li{
	list-style-type:none;
    width: 33%;
	margin:0 0 10px 0;
    overflow:hidden;
    cursor:pointer;
    position:relative;
}
#member-account-photos .liste-image li .delete-image{    
	position: absolute;
    top: 0px;
    right: 0px;
    background: white;
    border: 1px solid #CCCCCC;
    padding: 3px 5px;
}
#member-account-photos .liste-image li figure{overflow:hidden;display:flex;background:black;height:245px;width:100%;margin:0 0 10px 0;}
#member-account-photos .liste-image li figure img,
#member-account-photos .liste-image li figure a{width:100%;height:auto;display:block;margin:auto;}

#member-account-photos .liste-image li .legend p{margin:0;float:none;}
#member-account-photos .liste-image li .legend p input{padding:5px 10px;font-size:1em;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-PERSONAL */
/* **************************************************************************************************** */
#member-account-personal .informations{
	margin:0 0 20px 0;
}

#member-account-personal .informations .status-value{
	margin-bottom:20px;	
}

#member-account-personal .informations .field label{
	width:190px;	
	margin: 0 5px 5px 0;
	display: block;
	float: left;	
}

#member-account-personal .personal-login, 
#member-account-personal .personal-informations {
    margin: 0 0 30px 0;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-IMAGE */
/* **************************************************************************************************** */
#member-account-image .form-information,
#member-account-image .form-success,
#member-account-image .form-error{width:100%;}

.account-image  .message{margin:0 0 20px 0;	}
.account-image  .upload{text-align:center;}
.account-image  .uploadifyQueue{display:none;}

.account-image  .upload .file{margin:0 0 20px 0;}
.account-image  .upload .mini{position:relative;margin:auto;}
.account-image .upload .overview{position:relative;margin:0 0 25px 0;}

.account-image .upload-image{text-align:center;padding-bottom:50px;}
.account-image .upload-image .mini .delete-image{
	position:absolute;
	border:1px solid #CCCCCC;
	color:red;
	font-weight:bold;
	cursor:pointer;
	background: white;
    right: 6px;
    top: 6px;
    padding: 5px 10px;
    font-size: 20px;
}
.account-image .upload-image .mini{margin:auto;position:relative;max-width:100%;}
.account-image .upload-image .mini img{
	padding: 5px;
	border: 1px solid #CCCCCC;	
	max-width:100%;
	height:auto;
}
.account-image .upload-image .form-loader{display:none;}

#member-account-image .submit .sub{display:none;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-FEED */
/* **************************************************************************************************** */
#member-account-feed{
	min-height:500px;
}
#member-account-feed .no-connect{
	text-align:center;
}
#member-account-feed .no-connect .message{
	margin:0 0 20px 0;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-DESCRIPTION */
/* **************************************************************************************************** */
#member-account-description .description-town {
    margin: 0 0 30px 0;
}
.description-town .message{
    margin: 0 0 10px 0;
}
#member-account-description #maps {
    width: 100%;
    height: 200px;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-COVER */
/* **************************************************************************************************** */
.account-cover .upload-cover{text-align:center;}
.account-cover .message{margin:0 0 20px 0;	}

.account-cover .upload-cover .mini{margin:auto;position:relative;max-width:100%;}
.account-cover .upload-cover .mini img{
	padding: 5px;
	border: 1px solid #CCCCCC;	
	max-width:100%;
	height:auto;	
}
.account-cover .upload-cover .form-loader{display:none;}

#member-account-image .submit .sub{display:none;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-COMPLETION */
/* **************************************************************************************************** */
body.action-completion #menu,
body.action-completion .search-component-form,
body.action-completion #member-overview,
body.action-completion #breadcrump,
body.action-completion #footer-main,
body.action-completion #informations{display:none;}

#member-completion label{display:none;}
#member-completion .field.radio{}
#member-completion .field.radio label{
	float:none;
	display:inline;
}

#member-completion .step{
	width:50%;
	margin:auto;
}

#member-completion .account-contact,
#member-completion .personal-informations,
#member-completion .personal-status,
#member-completion .account-image,
#member-completion .description-town,
#member-completion .description-bio{margin:0 0 30px 0;}

#member-completion .account-newsletter .message{margin:0 0 10px 0;}

#member-completion .step0{text-align:center;width:auto;}
#member-completion .step0 .important{text-align:justify;}

#member-completion .step1 .tvai{display:none;}

#member-completion .buttons{text-align:center;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-ARTICLE */
/* **************************************************************************************************** */
#member-account-article .message{margin:0 0 20px 0;}

#member-account-article table tr th:nth-of-type(1){width:50%}
#member-account-article table tr th:nth-of-type(2){width:20%;}
#member-account-article table tr th:nth-of-type(3){width:30%;}

#member-account-article table tr td:nth-of-type(3){text-align:right;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / ACCOUNT / MEMBER-REFERENCE */
/* **************************************************************************************************** */
#member-account-reference table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
}
#member-account-reference table tr {
    border-bottom: 1px solid #CCCCCC;
}
#member-account-reference table th {
    font-size: 1.5em;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
}
#member-account-reference table th, 
#member-account-reference table td {
    padding: 5px;
    text-align: center;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / ACCOUNT / MEMBER-FORMATION */
/* **************************************************************************************************** */
#member-account-formation table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
}
#member-account-formation table tr {
    border-bottom: 1px solid #CCCCCC;
}
#member-account-formation table th {
    font-size: 1.5em;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
}
#member-account-formation table th, 
#member-account-formation table td {
    padding: 5px;
    text-align: center;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / PARAMETERS */
/* **************************************************************************************************** */
#member-account-parameters .informations{
	margin:0 0 40px 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-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-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-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-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;	
}/* **************************************************************************************************** */
/* 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-ACCESS / MEMBER  / CONNECTION */
/* ****************************************************************************************** */
body#action-login{
    background:url(../images/css/login/background.low.jpg); 
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

body#action-login header#header-main{background:none;box-shadow:none;}
body#action-login header#header-main #member-overview{display:none;}
body#action-login header#header-main .logo{margin-left:155px;}

body#action-login #content .inner{width:auto;}

body#action-login #form-bug{display:none;}
body#action-login footer#footer-main{display:none;}

/* ****************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER  / COMPLETION */
/* ****************************************************************************************** */
body.action-completion #footer-argument{display:none;}

#member-completion .step0 .tick{margin:0 0 30px 0;}
#member-completion .step0 .important{text-align:center;margin:20px auto;}

#member-completion .account-contact,
#member-completion .description-town{margin-bottom:0;}

#member-completion .description-town h2,
#member-completion .description-town .message{display:none;}

/* ****************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER  / NEW */
/* ****************************************************************************************** */
body#action-subscribe{
	background:url(../images/css/login/background.low.jpg);	
	background-repeat:no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
body#action-subscribe header#header-main{background:none;box-shadow:none;}
body#action-subscribe header#header-main #member-overview{display:none;}
body#action-subscribe header#header-main .logo{margin-left:155px;}

body#action-subscribe #content .inner{width:auto;}

body#action-subscribe #form-bug{display:none;}
body#action-subscribe footer#footer-main{display:none;}

#member-new{
	overflow:hidden;
	margin:25px 0 100px 60px;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	width:300px;
	padding:20px;
}
#member-new hgroup{border:0;}
#member-new h1{
	text-align:center;	
	font-family:"Roboto",sans-serif;
	font-size:24px;
	font-weight:lighter;
}

#member-new hgroup h2{display:none;border:0;}

#member-new p.subscription{margin-top:15px;}
#member-new p.subscription input{
	background:#0088EB;
	height:auto;
	width:200px;
	padding:0px 10px;
	border:0;
	font-size:18px;
	border-radius:5px;
}

#member-new .exist p{font-size:18px;margin:0 0 5px 0;}
#member-new .exist a{color:inherit;font-weight:bold;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / FACEBOOK PAGE */
/* **************************************************************************************************** */
#member .facebook-information{
	padding:20px;	
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / NEW */
/* **************************************************************************************************** */
body.member #member-new {
    padding: 20px;
}
#member-new .selected{
	background-color:#009900;
	color:white;
}
#member-new .subtitle{
	border-bottom:1px dashed black;
}
#member-new .section{margin:0;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER */
/* **************************************************************************************************** */
#member{margin:0;}
#member .data-text{overflow:hidden;}

#member .col-left {
    float: left;
    background:white;
    border:0;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    border-radius:0 0 6px 6px;
}

#member .col-left .member-identity .box span, 
#member .col-left .member-identity a.box{font-size:1.5em;}

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

#member .col-right {
    margin-left: 220px;
    padding: 20px;
}
#member .col-right hgroup{margin:0;border:0;padding:0;}

#member .col-right hgroup h1{font-family:inherit;text-align:left;}

#member .col-right hgroup h2{
	font-size: 1.8em;
	margin: 0 0 10px 0;
	color: #666666;
	font-family:inherit;
	text-align:left;
	font-weight:bold;
}

#member #member-account-personal .col-right hgroup,
#member #member-account-description .col-right hgroup,
#member #member-account-notice .col-right hgroup{display:none;}

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

#member .col-right .listing{
	border:1px solid #414141;	
}
#member .col-right .listing tr:hover td{
	background-color:#EEEEEE;
}
#member .col-right .listing th{
	border:1px solid #414141;
	background-color:#CCCCCC;
}
#member .col-right .listing td{
	border:1px solid black;
}

#member .col-right .point{
	border:1px solid black;
	border-radius:6px;
	padding: 10px;
	margin: 0 auto 10px auto;
	text-align: center;
	width: 50%;
}
#member .col-right .point span{font-weight:bold;font-size:1.2em;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / MENU */
/* **************************************************************************************************** */
#member .col-left #account-menu-global{background:white;border-top:1px solid #AAAAAA;padding:20px;}

#member .col-left #account-menu-global ul li a:hover, 
#member .col-left #account-menu-global ul li a.selected{
	text-decoration:none;
	color:#0088EB;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT */
/* **************************************************************************************************** */
#member-account .you .welcome {
	overflow: hidden;
	margin: 0 0 20px 0;
}
#member-account .you .welcome figure{
	float: left;
	margin: 0 20px 0 0;
}
#member-account .you .welcome figure img {
	border-radius: 50%;
	border:1px solid black;
}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-COVER */
/* **************************************************************************************************** */
.account-cover.classic .juc .juc-crop .juc-crop-frame .guillotine-window:before,
.account-cover.classic .overview .mini:before {
    content: "";
    position: absolute;
    height: 25%;
    width: 100%;
    background: rgba(0,0,0,0.65);
    top: 0;
    left:0;
    z-index: 100;
}
.account-cover.classic .overview .mini:before{top:5px;width:98%;margin-left:6px;}

.account-cover.classic .juc .juc-crop .juc-crop-frame .guillotine-window:after,
.account-cover.classic .overview .mini:after {
    content: "";
    position: absolute;
    height: 25%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    bottom: 0;
    z-index: 100;
    left:0;
}
.account-cover.classic .overview .mini:after{bottom:10px;width:98%;margin-left:6px;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-FAVORITES */
/* **************************************************************************************************** */

#member #member-account-favorites .col-right hgroup{display:none;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-RATING */
/* **************************************************************************************************** */
/*
#member #member-account-rating .col-right{margin-left:0;}
#member #member-account-rating .col-right hgroup{display:none;}
*/
#member #member-account-rating .col-right hgroup{display:block;}

/* ****************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER  / FEED */
/* ****************************************************************************************** */
#member #member-account-feed .col-left .member-profile.fixed{
	position:fixed;
	background:white;
	width:220px;
	border:1px solid #CCCCCC;
	border-radius:0 0 6px 6px;
	margin-left: -1px;
        z-index:10;
}

#member #member-account-feed .col-right{
	width:500px;
	padding:20px 0;
	margin:0 20px 0 0;
	float:left;
}

#member #member-account-feed .col-third{
	width:auto;
	margin-left:760px;
	padding:20px 0;
}

#member #member-account-feed .col-third ul li{
	margin:0 0 20px 0;
	list-style-type:none;
	
}
#member #member-account-feed .col-third ul li a{min-height: 85px;background:white;border-radius:5px;border:1px solid #CCCCCC;position:relative;display:block;color:#0A4568;font-weight:lighter;padding:10px 5px 10px 100px;}
#member #member-account-feed .col-third ul li a p:nth-of-type(1){font-size:1.55em;margin:0 0 5px 0;}
#member #member-account-feed .col-third ul li a p:nth-of-type(2){font-size:1.075em;}

#member #member-account-feed .col-third ul li a:before{
	/*content:"\203A";*/
	content:"";
	background:url(../images/icons/feed/arrow.svg) no-repeat center center;
	    background-size: 40px;
	position:absolute;
	top:0;
	left:0;
	width:90px;
	height:100%;
	border-right:1px solid #AAAAAA;
    font-size: 10em;
    line-height: 0.5em;
    text-align: center;	
}
#member #member-account-feed .col-third ul li a:hover{border:1px solid #CCCCCC;}
#member #member-account-feed .col-third ul li a:hover:before{background-color:#CCCCCC;background-image:url(../images/icons/feed/arrow-white.svg);color:white;font-weight:lighter;}

/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER / ACCOUNT-COMPLETION */
/* **************************************************************************************************** */
#member-completion{padding:20px;}
#member-completion hgroup{display:none;}

#member-completion .step3 label{display:inline;}

#member-completion .step3 .message{margin:0 0 20px 0;}

#member-completion .step3 ul.categories{overflow:hidden;}
#member-completion .step3 ul.categories li{
	margin:0 0 5px 0;
	list-style-type:none;
}
#member-completion .step3 ul.categories li.level2{
	float:left;
	width:50%;
	padding:0 10px 0 0;
}
#member-completion .step3 ul.categories li.level2:nth-of-type(2n+2){
	padding-right:0;
}
#member-completion .step3 ul.categories li.level2:nth-of-type(2n+3){clear:both;}

#member-completion .step3 ul.categories li.level2 > p{
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px dashed #CCCCCC;
	padding: 0 0 5px 0;
}
#member-completion .step3 ul.categories li ul{
	margin:10px 0 20px 0;
}

/* ****************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER  / SUBSCRIPTION */
/* ****************************************************************************************** */
body.member #member-subscription{padding:20px;}
body.member #member-subscription .connect{text-align:center;margin:20px 0;}

/* ****************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER  / PROFILE */
/* ****************************************************************************************** */
#member-profile{width:980px;margin:auto;}

#member-profile header{cursor:pointer;}
#member-profile header .member-identity img{border-radius:0;}

#member-profile header .member-identity a.update{
	background:white url(../images/icons/camera.svg) no-repeat center center;
	background-size:30px;
}
#member-profile header .cover a.update{
	background:white url(../images/icons/camera.svg) no-repeat center center;
	background-size:30px;
}

#member-profile header figure.photo.pro{overflow:visible;}
#member-profile header figure.photo.pro::after{
	content:"";
	position:absolute;
	top:-10px;
	right:-11px;
	width:80px;
	height:61px;
	background:url(../images/css/profile/pro.png) no-repeat center center;
}

#member-profile{margin:0 auto;position:relative;}

#member-profile header{
	padding: 90px 20px 20px 20px;
    position: relative;
    height: 280px;
	border-bottom:1px solid #AAAAAA;
	background:#EEEEEE;
	background-size: cover;
	background-position:center 50%;
}

#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 figure.photo{
	padding:4px;
	border:1px solid #AAAAAA;
	margin:0;
	position:relative;z-index:100;
	background:white;
	float:left;
}
#member-profile header figure.photo img{display:block;border-radius:0;}

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

#member-profile header figure.cover{
	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;width:100%;height:auto;margin-top:-128px;}
#member-profile header figure.carousel.cover img[height="280"]{margin-top:0;}

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

#member-profile .interactions{
	padding:20px;
	text-align:right;
	background:white;
	/*height:80px;*/
	position:relative;
}
#member-profile .interactions a{margin-left:20px;}

#member-profile .town a{border:0;background-color:transparent;background-image: url(../images/icons/map_white.svg);}

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

.bio::before{
	background: url(../images/icons/quote_left.svg) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 21px;
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
}
.bio::after{
    background: url(../images/icons/quote_right.svg) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 22px;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0px;
}

.lessMoreBio span::after {
	content: "";
    position: absolute;
    top: 5px;
    right: -20px;
    margin-left: 0;
    width: 15px;
    height: 16px;
    background: url(../images/icons/arrow_down_grey.svg) no-repeat;
    background-size: 12px;
}
.lessMoreBio span:nth-of-type(2)::after{ background: url(../images/icons/arrow_up_grey.svg) no-repeat;width: 12px;top:4px;}

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

#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 .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 .town span{font-weight:bold;font-size:1.2em;}

#member-profile header .more{margin:10px 0 0 0;}
#member-profile header .more a{color:#AAAAAA;text-decoration:none;}

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

#member-profile aside.profile-col-right .contacts,
#member-profile aside.profile-col-right .address{
	padding:10px;
	border:1px solid #CCCCCC;
	border-radius:3px;
	margin:0 0 10px 0;
	background:white;
}
#member-profile aside.profile-col-right .contacts p,
#member-profile aside.profile-col-right .address p{margin:0 0 5px 0;	}

#member-profile aside.profile-col-right .contacts .phone{padding:5px 0 5px 30px;background:url(../images/icons/phone.svg) no-repeat center left;background-size:20px;}
#member-profile aside.profile-col-right .contacts .mobile{padding:5px 0 5px 30px;background:url(../images/icons/mobile.svg) no-repeat 3px center;background-size:15px;}
#member-profile aside.profile-col-right .contacts .website{padding:5px 0 5px 30px;background:url(../images/icons/website.svg) no-repeat 1px center;background-size:20px;}


/* **************************************************************************************************** */
/* MANAGEMENT-ACCESS / MEMBER-PRO */
/* **************************************************************************************************** */
body.action-profile #content > .inner{width:auto;}

body#pro #content{margin-top:0;}
body#pro #pageScrollTop{display:none !important;}

#member-profile-pro .inner{max-width:1040px;width:auto;}

#member-profile-pro .manage{
	border-radius: 6px;
    border: 1px solid #3C3C3B;
    padding: 8px 10px;
    background: rgba(255,255,255,0.9);
    color: #3C3C3B;
    position: relative;
    display:block;
    cursor:pointer;
    display:block;
    margin:auto;
    min-width:170px;
    max-width:200px;
    text-align:center;
    font-family:"Roboto";
    font-size:18px;
}

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

#member-profile-pro .photos .member-photos .more,
#member-profile-pro .photos .member-references .more,
#member-profile-pro .formations .member-formations .more,
#member-profile-pro .photos .member-publication-media .more,
#member-profile-pro .twiza .professional-connection-listing .more,
#member-profile-pro .twiza .member-publication .more,
#member-profile-pro .avis .member-rating-listing .more{text-align:center;margin:0;}

#member-profile-pro .nextSection,
#member-profile-pro .photos .member-photos .more a,
#member-profile-pro .photos .member-references .more a,
#member-profile-pro .formations .member-formations .more a,
#member-profile-pro .photos .member-publication-media .more a,
#member-profile-pro .twiza .professional-connection-listing .more a,
#member-profile-pro .twiza .member-publication .more a,
#member-profile-pro .avis .member-rating-listing .more a{
    display: inline-block;
    border: 0;
    color: white;
    font-size: 1.2em;
    position: relative;
    padding-top: 45px;
    font-weight:normal;
    margin-left:-100px;
}
#member-profile-pro .nextSection{position: absolute;left: 50%;margin-left: 20px;bottom: 10px;}
#member-profile-pro .nextSection.center{margin-left:-23px;}

#member-profile-pro .twiza .nextSection,
#member-profile-pro .avis .nextSection,
#member-profile-pro .formations .nextSection,
#member-profile-pro .formations .member-formations .more a,
#member-profile-pro .twiza .member-publication .more a,
#member-profile-pro .twiza .professional-connection-listing .more a,
#member-profile-pro .avis .member-rating-listing .more a{color:#3C3C3B;}

#member-profile-pro .nextSection:before,
#member-profile-pro .photos .member-photos .more a:before,
#member-profile-pro .photos .member-references .more a:before,
#member-profile-pro .formations .member-formations .more a:before,
#member-profile-pro .photos .member-publication-media .more a:before,
#member-profile-pro .twiza .professional-connection-listing .more a:before,
#member-profile-pro .twiza .member-publication .more a:before,
#member-profile-pro .avis .member-rating-listing .more a:before{
    content: "+";
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid white;
    left: 50%;
    margin-left: -20px;
    border-radius: 50%;
    top: 0;
    font-size:1.8em;
	line-height: 1.4em;
    text-align: center;    
}

#member-profile-pro .nextSection:before{content:">";}

#member-profile-pro .twiza .nextSection:before,
#member-profile-pro .avis .nextSection:before,
#member-profile-pro .formations .nextSection:before,
#member-profile-pro .formations .member-formations .more a:before,
#member-profile-pro .twiza .member-publication .more a:before,
#member-profile-pro .twiza .professional-connection-listing .more a:before,
#member-profile-pro .avis .member-rating-listing .more a:before{border-color:#3C3C3B;}

#member-profile-pro .nextSection:hover,
#member-profile-pro .photos .member-photos .more a:hover,
#member-profile-pro .photos .member-references .more a:hover,
#member-profile-pro .formations .member-formations .more a:hover,
#member-profile-pro .photos .member-publication-media .more a:hover,
#member-profile-pro .twiza .professional-connection-listing .more a:hover,
#member-profile-pro .twiza .member-publication .more a:hover,
#member-profile-pro .avis .member-rating-listing .more a:hover{background:transparent;}

#member-profile-pro .nextSection:hover:before,
#member-profile-pro .photos .member-photos .more a:hover:before,
#member-profile-pro .photos .member-references .more a:hover:before,
#member-profile-pro .formations .member-formations .more a:hover:before,
#member-profile-pro .photos .member-publication-media .more a:hover:before,
#member-profile-pro .twiza .professional-connection-listing .more a:hover:before,
#member-profile-pro .twiza .member-publication .more a:hover:before,
#member-profile-pro .avis .member-rating-listing .more a:hover:before{border-color:black;background:black;color:white;}

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

#member-profile-pro hgroup{
	padding:0 0 2px 0;
	width: 640px;
	margin: 0 auto 40px auto;
	border:0;
	position:relative;
}

#member-profile-pro hgroup h2{
	position: relative;
    padding: 0 0 10px 0;
    margin:0;
    font-size:2.4em;
    font-weight:bold;
    font-family:inherit;
    text-align:center;
}
#member-profile-pro hgroup h2::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 30px 0 30px;
    bottom: -14px;
    left: 50%;
    z-index: 100;
    margin-left: -30px;
}
#member-profile-pro hgroup::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 30px 0 30px;
    bottom: -12px;
    left: 50%;
    z-index: 50;
    margin-left: -30px;
}

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

#member-profile-pro header{
	display: flex;
	align-items:stretch;
	align-content:center;
	
	height:700px;
	background:black;
	background-size:cover;
	background-position:center;
        background-repeat:no-repeat;
}
#member-profile-pro header .h-content{
    text-align: center;
    margin: 0;
    padding: 0;
    border:0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    width: 100%;	
    background-color:rgba(0,0,0,0.4);
}
#member-profile-pro header hgroup{padding:0;margin:0;border:0;width:auto;text-align:center;}
#member-profile-pro header hgroup:after{display:none;}

#member-profile-pro header hgroup h1,
#member-profile-pro header hgroup h2{font-family:inherit;color:white;font-weight:normal;text-transform:initial;}

#member-profile-pro header hgroup h1{font-size:77px;text-transform:uppercase;font-weight:bold;}

#member-profile-pro header hgroup h2 p:nth-of-type(1){font-size:44px;margin:0 0 10px 0;font-weight: lighter;}
#member-profile-pro header hgroup h2 p:nth-of-type(2){font-size:24px;font-weight: lighter;}

#member-profile-pro header .h-content hgroup h2:after{display:none;}

#member-profile-pro header .interactions{padding-top:100px;}
#member-profile-pro header .interactions a{margin:0 5px;}

#member-profile-pro header .interactions .favorite,
#member-profile-pro header .interactions .contact{
	height:auto;
	line-height:inherit;
	background-color: rgba(255,255,255,0.2);
	padding:10px 30px 10px 40px;
    color: white;
    font-size: 1.8em;
    border-radius: 30px;
    font-weight: lighter;	
    border:0;
}
#member-profile-pro header .interactions .favorite{background-image: url(../images/icons/star_white.svg);background-position: 10px center;padding-left: 45px;}
#member-profile-pro header .interactions .favorite:hover{background-image: url(../images/icons/star-full_white.svg);}

#member-profile-pro header .interactions .favorite.not{background-image: url(../images/icons/star-full_white.svg);}
#member-profile-pro header .interactions .favorite.not:hover{background-image: url(../images/icons/cross_white.svg);}

#member-profile-pro header .interactions .contact{background-image: url(../images/icons/contact_white.svg);background-size: 35px;}

#member-profile-pro header .nextContact{
	padding: 10px 30px;
    background: rgba(255,255,255,0.2);
    color: white;
    font-size: 1.8em;
    border-radius: 30px;
    font-weight: lighter;
}
#member-profile-pro header .nextContact:hover{background:white;color:black;}

#member-profile-pro header .stats{display:block;padding-top:70px;background:transparent;}
#member-profile-pro header .stats ul{list-style-type:none;}
#member-profile-pro header .stats ul li{font-weight:lighter;width:185px;border-radius:6px;display:inline-block;margin:0 15px;padding:14px 0;border:1px solid white;color:white;}
#member-profile-pro header .stats ul li p{display:block;}
#member-profile-pro header .stats ul li p:nth-of-type(1){font-size:1.8em;}
#member-profile-pro header .stats ul li p:nth-of-type(2){font-size:1.25em;}

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

#member-profile-pro header #manage{position:absolute;right:20px;top:20px;min-width:170px;}

#manage-checked{display: none;}
#manage-checked:checked ~ ul{display: block !important;}

#member-profile-pro header #manage ul{
	border: 1px solid #3C3C3B;
    border-radius: 0 0 6px 6px;
    padding: 20px 0 10px 0;
    margin: -15px 0 0 0;
    background: rgba(255,255,255,0.9);
    display:none;
}
#member-profile-pro header #manage ul li{
	margin: 0 10px;
    padding: 12px 15px;
    border-bottom: 1px solid #3C3C3B;
    list-style-type: none;
}
#member-profile-pro header #manage ul li:last-of-type{border:0;}

#member-profile-pro header #manage ul li a{color:#3C3C3B;}

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

#member-profile-pro #pro-menu{background:black;height:43px;}
#member-profile-pro #pro-menu.sticky{position:fixed;width:100%;left:0;z-index:5000;}

#member-profile-pro #pro-menu ul{list-style-type:none;}
#member-profile-pro #pro-menu ul li{display:inline-block;margin-right:50px;}
#member-profile-pro #pro-menu ul li a{position:relative;color:white;font-size:1.2em;padding: 12px 8px;display: block;}

#member-profile-pro #pro-menu ul li a.selection::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #000000 transparent transparent transparent;
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;	
}

#member-profile-pro #pro-menu ul:nth-of-type(1){float:left;}
#member-profile-pro #pro-menu ul:nth-of-type(2){float:right;}
#member-profile-pro #pro-menu ul:nth-of-type(2) li:last-of-type{margin-right:0;}

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

#member-profile-pro .propos{text-align:center;padding:40px 0;background:#F8F8F8;}
#member-profile-pro .propos .corporate{margin:0 0 20px 0;font-size:6em;text-transform:uppercase;font-weight:bold;font-family:inherit;color:#3C3C3B;}
#member-profile-pro .propos .baseline{font-size:2.8em;margin:0 0 30px 0;font-weight: lighter;color:#EC663B;}

#member-profile-pro .propos hgroup{border-bottom:3px solid #D6D6D6;}
#member-profile-pro .propos h2{border-bottom: 2px solid #3C3C3B;color:#3C3C3B;}
#member-profile-pro .propos h2::after{border-color: #F8F8F8 transparent transparent transparent;}
#member-profile-pro .propos hgroup::after{border-color: #3C3C3B transparent transparent transparent;}

#member-profile-pro .propos .intro{font-size:1.5em;color:#3C3C3B;overflow:hidden;position:relative;border-radius:40px;padding:20px;background:white;box-shadow:0px 2px 5px 1px #CCCCCC;}
#member-profile-pro .propos .intro figure{width: 150px;float:left;margin:0 20px 0 0;}
#member-profile-pro .propos .intro figure img{border-radius:40px;width:100%;height:auto;}
#member-profile-pro .propos .intro .bio{position:relative;padding: 0 20px;margin:0 10px 0 150px;text-align:justify;;max-height:460px; overflow: hidden;}
#member-profile-pro .propos .intro .bio.no-max{max-height:inherit;}
#member-profile-pro .propos .intro .sign{position:absolute;bottom:30px;right:30px;}
#member-profile-pro .propos .intro .sign:before{content:"- ";}
#member-profile-pro .propos .intro .sign:after{content:" -";}

#member-profile-pro .propos .intro .lessMoreBio{margin: 10px 30px 40px 0;text-align: right;}
#member-profile-pro .propos .intro .lessMoreBio span:nth-of-type(1)::after{top:9px;}
#member-profile-pro .propos .intro .lessMoreBio span:nth-of-type(2)::after{top:9px;}

#member-profile-pro .propos .intro .bio::before,
#member-profile-pro .propos .intro .bio::after{width: 15px;height: 15px;}

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

#member-profile-pro .stats{display:none;background:white;font-size:1.25em;padding:15px 0;font-weight:lighter;}
#member-profile-pro .stats ul{list-style-type:none;text-align:center;}
#member-profile-pro .stats ul li{display:inline-block;margin:0 10px;}
#member-profile-pro .stats ul li p{display:inline;}
#member-profile-pro .stats ul li p:nth-of-type(1){padding-right:5px;}

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

#member-profile-pro .photos{padding:20px 0;background:black;}

#member-profile-pro .photos .form-loader{background-image:url(../images/loader/loader-white.svg);}

#member-profile-pro .photos hgroup{border-bottom:3px solid #333333;}
#member-profile-pro .photos h2{border-bottom: 2px solid #E5E5E5;color:#E5E5E5;}
#member-profile-pro .photos h2::after{border-color: black transparent transparent transparent;}
#member-profile-pro .photos hgroup::after{border-color: #E5E5E5 transparent transparent transparent;}

#member-profile-pro .photos .manage{margin-bottom:30px;    position: absolute;bottom: 0;right: 5px;}
#member-profile-pro .photos .member-photos{min-height:65px;}

#member-profile-pro .photos .member-references .geolocation{color:white;}
#member-profile-pro .photos .twiza-map{margin-bottom:40px;}

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

#member-profile-pro .formations{padding:20px 0;background:white;}

#member-profile-pro .formations hgroup{border-bottom:3px solid #D6D6D6;}
#member-profile-pro .formations h2{border-bottom: 2px solid #3C3C3B;color:#3C3C3B;}
#member-profile-pro .formations h2::after{border-color: #F8F8F8 transparent transparent transparent;}
#member-profile-pro .formations hgroup::after{border-color: #3C3C3B transparent transparent transparent;}

#member-profile-pro .formations .manage{margin-bottom:30px;    position: absolute;bottom: 0;right: 5px;}
#member-profile-pro .formations .member-formations{min-height:65px;}

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

#member-profile-pro .avis{padding:20px 0;background:#F8F8F8;}

#member-profile-pro .avis hgroup{border-bottom:3px solid #D6D6D6;}
#member-profile-pro .avis h2{border-bottom: 2px solid #3C3C3B;color:#3C3C3B;}
#member-profile-pro .avis h2::after{border-color: #F8F8F8 transparent transparent transparent;}
#member-profile-pro .avis hgroup::after{border-color: #3C3C3B transparent transparent transparent;}

#member-profile-pro .avis .inner > .message{text-align:center;margin:0 0 20px 0;}

#member-profile-pro .avis .member-rating-listing{margin:auto;width:640px;position:relative;}

#member-profile-pro .avis .member-rating-listing .rating {
    float: none;
    background: white;
    padding: 10px 10px;
    border: 1px solid #3C3C3B;
    border-radius: 6px;
    box-shadow:0px 2px 5px 1px #CCCCCC;
    margin:0 0 20px 0;
}
#member-profile-pro .avis .member-rating-listing .rating .comment{border:0;background:transparent;}

#member-profile-pro .avis .member-rating-listing .put{position: absolute;bottom: 10px;right: 0;}
#member-profile-pro .avis .member-rating-listing .put a{border: 1px solid black;color: black;}
    
#member-profile-pro .avis .member-rating-listing .put span{
	border-radius: 50px;
    background: white;
    color: #3C3C3B;
    border-color: #3C3C3B;
}

#member-profile-pro .avis .rating-login{
	position: absolute;
	bottom: 10px;
	right: 170px;
	bottom:32px;
	z-index:100;
}
#member-profile-pro .avis .rating-login a{
	border-radius: 50px;
    background: white;
    color: #3C3C3B;
    border-color: #3C3C3B;
}

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

#member-profile-pro .twiza{padding:30px 0;background:white;}

#member-profile-pro .twiza .pres{
	color:#3C3C3B;
	text-align:center;
	width:80%;
	margin:0 auto 35px auto;
	font-size:2.3em;
	padding:100px 0 0 0;
}
#member-profile-pro .twiza .pres.pro{background:url(../images/css/member/pro.svg) no-repeat top center;background-size:255px;}
#member-profile-pro .twiza .pres.asso{background:url(../images/css/member/asso.svg) no-repeat top center;background-size:255px;}

#member-profile-pro .twiza .twiza-block{position:relative;}

#member-profile-pro .twiza hgroup{border-bottom:3px solid #D6D6D6;}
#member-profile-pro .twiza h2{border-bottom: 2px solid #EC663B;color:#EC663B;}
#member-profile-pro .twiza h2::after{border-color: white transparent transparent transparent;}
#member-profile-pro .twiza hgroup::after{border-color: #EC663B transparent transparent transparent;}

#member-profile-pro .twiza .subtitle{font-weight:lighter;margin:0 0 40px 0;text-align:center;font-size:1.5em;}

#member-profile-pro .twiza .professional-sites > .sites{margin-bottom:40px;}
#member-profile-pro .twiza .site-listing{margin:0 auto 0 auto;width:640px;}
#member-profile-pro .twiza .site{border:1px solid #3C3C3B;background:#F8F8F8;padding:15px;border-radius:6px;box-shadow:0px 2px 5px 1px #CCCCCC;}
#member-profile-pro .twiza .site .name a{font-family:inherit;color:#3C3C3B;}
 
#member-profile-pro .twiza .twiza-block.listing-sites{padding-bottom: 70px;}

#member-profile-pro .twiza .member-publication-listing,
#member-profile-pro .twiza .member-publication-publish{width:640px;margin:0 auto 20px auto;}

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

#member-profile-pro .contact-form{padding:20px 0;background:#F8F8F8;margin:0 0 0 0;}

#member-profile-pro .contact-form hgroup{border-bottom:3px solid #D6D6D6;}
#member-profile-pro .contact-form h2{border-bottom: 2px solid #3C3C3B;color:#3C3C3B;}
#member-profile-pro .contact-form h2::after{border-color: #F8F8F8 transparent transparent transparent;}
#member-profile-pro .contact-form hgroup::after{border-color: #3C3C3B transparent transparent transparent;}


#member-profile-pro .contact-form .contact-details{margin:0 auto 60px auto;overflow:hidden;}

#member-profile-pro .contact-form .maps{float:left;width:440px;border:1px solid #3C3C3B;border-radius:6px;margin:20px 40px 0 0;overflow:hidden;}
#member-profile-pro .contact-form .maps .member-map #m-map{height:340px;}

#member-profile-pro .contact-form .infos{float:left;width:500px;}
#member-profile-pro .contact-form .infos .name{font-size:3em;margin:0 0 15px 0;}

#member-profile-pro .contact-form .infos .phone,
#member-profile-pro .contact-form .infos .cellphone{margin:0 0 20px 0;}

#member-profile-pro .contact-form .infos .phone span,
#member-profile-pro .contact-form .infos .cellphone span{font-size:3em;display:none;}

#member-profile-pro .contact-form .infos .phone .button,
#member-profile-pro .contact-form .infos .cellphone .button{
    font-size: 16px;
    padding: 15px 35px 15px 55px;
    line-height: initial;
    height: auto;
    min-width: 200px;
    border-radius: 3px;
    border: 1px solid #0088EB;
    box-shadow: 0px 3px 6px 0px #DFDFDF;
    color:white;
    text-align:center;
    text-transform:uppercase;
    background: #0088EB 15px center url(../images/icons/phone-shut-white.svg) no-repeat;
    background-size: 20px;
    padding-left: 55px;
        font-weight:normal;
}

#member-profile-pro .contact-form .infos .address{font-size:1.8em;font-weight:lighter;margin:0 0 25px 0;}

#member-profile-pro .contact-form .infos .mail{font-size:20px;font-weight:normal;margin:0 0 15px 0;}
#member-profile-pro .contact-form .infos .website{font-size:20px;font-weight:normal;margin:0;}

#member-profile-pro .contact-form .infos .mail a,
#member-profile-pro .contact-form .infos .website a{color:#0198CD;}

#member-profile-pro .contact-form .infos .mail > span{display:none;}

#member-profile-pro .contact-form .infos .networks{font-size:1.3em;font-weight:lighter;margin:35px 0 30px 0;}
#member-profile-pro .contact-form .infos a{color:inherit;}

#member-profile-pro .contact-form .infos .networks a{
	width:48px;
	height:48px;
	background:no-repeat center center;
	background-size:48px;
	text-indent: -10000px;
	display:inline-block;
	margin:0 10px;		
}
#member-profile-pro .contact-form .infos .networks a:nth-of-type(1){margin-left:0;}

#member-profile-pro .contact-form .infos .networks a.f{background-image:url(../images/icons/social/facebook.svg);}
#member-profile-pro .contact-form .infos .networks a.t{background-image:url(../images/icons/social/twitter.svg);}
#member-profile-pro .contact-form .infos .networks a.i{background-image:url(../images/icons/social/instagram.svg);}
#member-profile-pro .contact-form .infos .networks a.l{background-image:url(../images/icons/social/linkedin.svg);}

#member-profile-pro .contact-form h3{font-weight:bold;text-align:center;margin:0 0 20px 0;font-size:1.8em;}

#member-profile-pro .contact-form .contact-area{width:640px;margin:0 auto 50px auto;background:white;border:1px solid #95989A;border-radius:6px;padding:20px 20px 0 20px;}
#member-profile-pro .contact-form .component-resource-form .resources-form-form{width:auto;}

#member-profile-pro .contact-form .component-resource-form input[type=text], 
#member-profile-pro .contact-form .component-resource-form input[type=password], 
#member-profile-pro .contact-form .component-resource-form select, 
#member-profile-pro .contact-form .component-resource-form textarea{background:#F4F4F4;border:0;border-radius:10px;}

#member-profile-pro .contact-form .component-resource-form .resources-form-form .bouton{text-align:right;}
#member-profile-pro .contact-form .component-resource-form .resources-form-form .bouton input{
	border-radius: 50px;
    background: white;
    color: #0097CC;
    border-color: #0097CC;
}

#member-profile-pro .contact-form .contact-area{overflow:hidden;margin:0 auto 20px auto;}
#member-profile-pro .contact-form .contact-area .bulle{margin:0 20px 20px 10px;}
#member-profile-pro .contact-form .contact-area .bulle figure{float:left;margin:0;}
#member-profile-pro .contact-form .contact-area .bulle figure img{border-radius:50%;}
#member-profile-pro .contact-form .contact-area .bulle .text{
	box-shadow: 0px 2px 5px 1px #CCCCCC;
	font-size:1.2em;
	margin:0 0px 20px 110px;
	background:#0097CC;
	color:white;
	padding:10px 15px;
	border-radius:20px;
	position:relative;
}
#member-profile-pro .contact-form .contact-area .bulle .text:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #0096cc transparent;
    position: absolute;
    content: "";
    bottom: 5px;
    left: -10px;
}

#member-profile-pro footer{background:#F8F8F8;text-align:center;padding: 25px 25px 200px 25px;}
/* ****************************************************************************************** */
/* 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-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;}/* **************************************************************************************************** */
/* 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;
}/* **************************************************************************************************** */
/* 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;}

/* **************************************************************************************************** */
/* 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);}