@charset "iso-8859-1";
/*------------------*/

.clear {
	clear: both;
}
/**************** Structure ****************/
#container {
	/*** max-width: 960px; ***/
	margin: 0 auto;
	cursor: default;
}

#header {
	/*margin: 10px 0 0 0;
	position: relative;*/
  background-color:black;
}

.LogoTxt {
	color: #999999;
    font-size: 11px;
    margin: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 64px; /*95px;*/
    width: 50% /*90%;*/
}

#MenuContent {
/*	border-right: 2px solid #671d22;
	border-left: 2px solid #671d22;
	border-bottom: 2px solid #671d22;
	margin: 0 0 20px 0;*/
	clear:left; /*GG 27/1/16 */
}
/**************** Menu ****************/
/*#menu {
	background: #8c6b72;
	border-top: 2px solid #671d22;
	border-right: 2px solid #671d22;
	height: 36px; /*GG 27/1/16 33px;* /
}*/

#menu li,#main_menu li{
	position: relative;
	list-style: none;
/*TEST	float: left; */
}

#menu a{
  text-decoration: none;
  color: #FFFFFF;
}

.dropdown-menu>.navbar-text{
  font-size : 116%;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-top: 0px;
}
/*#menu a:link,
#menu a:visited{
  color: #AAA;
}*/

/*DD*/
#menu a:hover,
#menu a:active,
ul#topMenuBlock>li.activeTopMenuItem>div{
/*#menu #topMenuBlock .inactiveTopMenuItemStart a,
ul#topMenuBlock li.hoverTopMenuItemEnd div a:link,
ul#topMenuBlock li.hoverTopMenuItemStart div a:link,
ul#topMenuBlock li.hoverTopMenuItem div a:link,
ul#topMenuBlock li.hoverTopMenuItemEnd div a:visited,
ul#topMenuBlock li.hoverTopMenuItemStart div a:visited,
ul#topMenuBlock li.hoverTopMenuItem div a:visited*/
  /*text-decoration: underline;*/
	color: #c6b7b7;
}
/*DD*/
.notifications{
	display: none;
	width: 300px;
	position: fixed;
	background-color: #EEE;
	border: 1px solid silver;
	right: 10px;
	padding: 10px;
	z-index: 2;

}
/*DD*/
.openNotif{
	display: block;
	animation-duration: 3s;
	animation-name: notification;
}
/*DD*/
@keyframes notification {
	from {
		width: 0%;
	}

	to {
		width: 300px;
	}
}
/*DD*/
.notifications b{
	color: #b90141;
}

.closeNotif{
	cursor: pointer;
	float: left;
	background: #b90141;
	padding: 5px;
	position: absolute;
	left: 0px;
	top: 0;
}
#notifLink{
	cursor: pointer;
	background: none;
	border: none;
}
/*DD*/
.notifications .txtnotif{
	border: 1px solid #888888;
	border-radius: 6px;
	background: #b4b4b4;
	padding: 5px;
	margin-top: 5px;
}

.notifications .newtxtnotif{
	border: 2px solid #1c1c1c;
	font-weight: bold;
	border-radius: 6px;
	background: #b4b4b4;
	padding: 5px;
	margin-top: 5px;
}

/*DD*/
.notifications p{
	color: #b90141;
}
/*DD*/
.contentNotif{
	overflow: auto;
	display: block;
	height: 300px;
	margin: 5px 0;
}
.contentNotif a{
	cursor: pointer;
}
 .contentNotif a:hover div{
	 border-color: #b90141;
 }
.contentNotif span{
	color: #555555;
}

#menu #topMenuBlock .activeTopMenuItem,
#menu #topMenuBlock .activeTopMenuItemStart,
#menu #topMenuBlock .inactiveTopMenuItem,
#menu #topMenuBlock .inactiveTopMenuItemStart,
#menu #topMenuBlock .hoverTopMenuItem,
#menu #topMenuBlock .hoverTopMenuItemStart,
/*ul#topMenuBlock li.hoverTopMenuItemEnd div a:link,
ul#topMenuBlock li.hoverTopMenuItemStart div a:link,
ul#topMenuBlock li.hoverTopMenuItem div a:link,*/
ul#topMenuBlock li.hoverTopMenuItemEnd div a:active,
ul#topMenuBlock li.hoverTopMenuItemStart div a:active,
ul#topMenuBlock li.hoverTopMenuItem div a:active,
ul#topMenuBlock li.hoverTopMenuItemEnd div a:visited,
ul#topMenuBlock li.hoverTopMenuItemStart div a:visited,
ul#topMenuBlock li.hoverTopMenuItem div a:visited
/*ul#topMenuBlock li.hoverTopMenuItemEnd div a:hover,
ul#topMenuBlock li.hoverTopMenuItemStart div a:hover,
ul#topMenuBlock li.hoverTopMenuItem div a:hover */{
	/*** display: block; ***/
	color: #fff;
	font-size: 96%;
	/*font-weight: bold;*/
	/*text-decoration: none;*/
  /*padding: 8px 10px;*/
}
/**************** Sous menu ****************/
#smenu {
/*	background: #8c272f;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;*/
}

#smenu .smenu {
	float: left;
	width: 470px;
}

#smenu .smenu ul {
	width: 600px;
}

#smenu .smenu li {
	list-style: none;
	float: left;
	border-right: 2px solid #faf9f8;
}

#smenu .smenu a:link,#smenu .smenu a:visited {
	display: block;
	color: #fef5ed;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 8px;
}

#smenu .smenu a:hover,#smenu .smenu a:active {
	color: #fff;
	background: #993333;
}
/**************** Membre ****************/
#membre {
	float: right;
	color: #fff6ee;
/*	background: url(../images/AccesMembreCorner.gif) no-repeat #671d22;*/
	height: 25px;
	font-size: 10px;
}

#membre li {
	list-style: none;
	float: left;
	padding: 4px 0 0 10px;
}

#membre input,#member .MemberInput {
	border: 1px solid #fff6ee;
	width: 60px;
	height: 13px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #671d22;
	font-size: 10px;
	font-weight: normal;
}

.MembreForget {
	display: inline;
}

.MembreForget a:link,.MembreForget a:visited {
	color: #fff;
}
/**************** Contenu ****************/
#container #content {
	clear: both;
	/*** width: 1137px; ***/
	margin: 10px 0 0 0;
}

#container #left_column_menu {
	float: left;
	/*** width: 253px; ***/
}

#container #left_column_content {
	float: left;
	/*** width: 253px; ***/
}

.clear_both{
	clear:both;
}

#container #right_column_menu {
	float: left;
	/*** width: 700px; ***/
	margin: 0 7px 0 0;
}

#container #right_column_content {
	float: left;
	/*** width: 700px; ***/
	margin: 0 9px 0 0;
}
/*###############################################################*/
div#bottom_text,div#bottom_menu_block,div#boonex_banners {
	position: relative;
	/*** width: 770px; ***/
	margin: 5px auto;
	text-align: center;
	border: 0 solid red;
}
/*###############################################################*/
.design_box_border {
	margin: 0 0 10px 0;
	padding: 2px;
}

/*.design_box_border div.header {
	position: relative;
	border: 1px solid #671d22;
	margin: 0 0 5px 0;
	padding: 0 0 0 7px;
	background: url(../images/box_border_header_bg.gif) repeat-x #fff;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}*/

.design_box_border div.keeper {
	position: relative;
	padding: 5px;
	border: 0px solid red;
	text-align: center;
	margin: 2px;
}
/*###############################################################*/
div#top_members_menu a {
	color: #999;
	font-size: 11px;
}
/*###############################################################*/
a.bottom_text {
	font-weight: bold;
}
/*###############################################################*/
/* 	General StyleSheet */
/*###############################################################*/
/*		Style For Design Box #1		*/
/*div.db_1_block {
	position: relative;
	margin: 0 0 8px 0;
	/*font-size: 12px;* /
}*/

div.db_1_block div.caption {
/*	position: relative;*/
	height: 40px;
/*	background: url(../images/design_box_1_head_bg.gif);*/
	overflow: hidden;
  margin-bottom: 10px;  
}

div.divBox div.db_1_block div.caption{
  background-color:#E4E4E4;
}

/*div.db_1_block div.container {
	position: relative;
	padding: 5px 0;
	overflow: hidden;
	border-left: 1px solid #671d22;
	border-right: 1px solid #671d22;
}*/

#container .container {
	padding: 10px;
}

/*div.db_1_block div.foot {
	position: relative;
	height: 20px;
	background: url(../images/design_box_1_foot_bg.gif) repeat-x;
}*/

.join_form div.db_1_block div.container {
	background: #FFEAF1;
	border-bottom: solid 1px #671d22;
}
.join_form div.db_1_block div.foot {
	display: none;
}

/*div.db_1_block div.caption div.title {
	position: absolute;
	top: 10px;
	left: 20px;
	/* color: #fff; * /
	font-weight: bold;
	/*font-size: 15px;* /
	width: 100%;
}*/

img.left {
	position: absolute;
	top: 0;
	left: 0;
}

img.right {
	position: absolute;
	top: 0;
	right: 0;
}

* html div#left_column_menu img.right,* html div#left_column_content img.right
	{
	right: -1px;
}

/*		[END] Style For Design Box #1		*/
div.rate_block /* ### in design.inc.php function DesignProgress() ### */
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
}

div.rate_text /* ### in design.inc.php function DesignProgress() ### */
	{
	position: relative;
	text-align: left;
}

div.rate_scale /* ### in design.inc.php function DesignProgress() ### */
	{
	position: relative;
	height: 10px;
	font-size: 1px;
	line-height: 10px;
	border: 1px solid #9DA0A1;
	background-image: url(../images/icons/scale_bg.gif);
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.menu_item_line {
	position: relative;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 1px 0px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
	text-transform: capitalize;
}

div.menu_item_line_active {
	position: relative;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
	text-transform: capitalize;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 1px 0px;
	background-image: url(../images/promo_list_image.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/*##############################################################*/
div.im_invite_container {
	position: absolute;
	z-index: 90;
	width: 288px;
	height: 188px;
	border: 6px solid silver;
	background-color: #eff3f6;
}

div.im_invite_image {
	position: absolute;
	width: 110px;
	height: 110px;
	border: 1px solid black;
	left: 10px;
	top: 10px;
	text-align: center;
}

div.im_invite_image img {
	margin-top: auto;
	margin-bottom: auto;
}

div.im_invite_caption {
	position: absolute;
	left: 134px;
	top: 16px;
	width: 140px;
	/*font-family: Verdana;*/
	font-size: 12px;
	font-weight: normal;
}

div.im_invite_nickname {
	position: absolute;
	left: 134px;
	top: 40px;
	width: 140px;
	/*font-family: Verdana;*/
	font-size: 12px;
	font-weight: bold;
}

div.im_invite_message {
	position: absolute;
	left: 134px;
	top: 64px;
	width: 140px;
	height: 80px;
	/*font-family: Verdana;*/
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

div.im_invite_accept_button {
	position: absolute;
	left: 186px;
	top: 156px;
	width: 86px;
}

div.im_invite_decline_button {
	position: absolute;
	left: 80px;
	top: 156px;
	width: 86px;
}

input.im_invite_button {
	background-color: #7EAAD7;
	color: #FFFFFF;
	font-size: 12px;
	/*font-family: Arial;*/
	border: 1px solid silver;
	height: 22px;
}
/*##############################################################*/
/*input.no {
	border: 1px solid #671d22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #671d22;
	color: #fff;
	padding: 0 10px;
	margin: 0 10px;
	cursor: pointer;
}*/

/*input.no:hover {
	border: 1px solid #671d22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #671d22;
	padding: 0 10px;
	margin: 0 10px;
	cursor: pointer;
}*/

/*input.noinput {
	border: 1px solid #671d22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #000;
}*/

/*textarea.no,select.no {
	border: 1px solid #671d22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}*/

input.input_textarea_counter {
	text-align: center;
}

select.select_prof {
	width: 200px;
}

select.select_set_membership {
	white-space: nowrap
}
/*##############################################################*/
.settings_action div.action{
	margin-top: 0;
	top: 10px;
	text-align: -webkit-center;
	text-align: center;
}
div.action {
	position: relative;
	border: 1px solid #671d22;
	padding: 1px;
	margin: 10px auto;
	width: 80%;
}

div.action div {
	position: relative;
	background: #b90141;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
  padding: 2px;
}

div.err {
	position: relative;
	border: 1px solid #671d22;
	padding: 1px;
	margin: 10px 0px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

div.err div {
	background-color: #82002e; /*#FF0000;*/ 
	color: white;
	font-weight: bold;
	line-height: 40px;
	/*position: relative;*/
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
}

/* Do  not delete
	div.action
	{
		position:relative;
		border:1px solid #A0C238;
		padding:1px;
		margin:10px 0px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	div.action div
	{
		position:relative;
		background-color:#709812;
		vertical-align:middle;
		font-weight:bold;
		color:#fff;
		text-align:center;
	}
*/
* html div.action div,* html div.err div {
	line-height: normal;
	padding: 3px 0px;
}

.no_result {
	border: 1px solid #671d22;
}

.no_result div {
	margin: 1px;
	height: 20px;
	background: #671d22;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
}
/*##############################################################*/
/*##############################################################*/
div#boonex_banners {
	position: relative;
	border: 0px solid red;
	height: 77px;
	width: 783px;
	margin-left: auto;
	margin-right: auto;
}
/*
	div#boonex_text_link
	{
		position:absolute;
		top:0px;
		border:1px solid #999999;
		height:77px;
		background-color:#FFFFFF;
		left:0px;
		width:270px;
	}
	div#boonex_text_link div#img
        {
		position:absolute;
        top:5px;
        left:3px;
    }
	div#boonex_text_link div
	{
		position:absolute;
        top:30px;
        left:70px;
        text-align:left;
	}
	*/
div#boonex_image_link {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 77px;
	width: 488px;
	background-color: #eff3f6;
	border: 1px solid #999999;
	background-image: url(../images/boonex_ad_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}

div#boonex_image_link table td {
	width: 488px;
	height: 77px;
}
/*##############################################################*/
div#switch_lang {
	position: absolute;
	top: 4px;
	right: 10px;
}

div#switch_skin {
	position: absolute;
	top: 18px;
	right: 10px;
}

div.err ul {
	text-align: left;
	margin: 0px;
}
/*##############################################################*/
/*div.pollBlock {
	position: relative;
	overflow: hidden;
	height: 154px;
	border: 1px solid #979797;
	text-align: left;
	float: left;
}

div.pollCaption {
	position: relative;
	margin: 2px;
	padding: 0px 5px;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
	background-image: url(../images/box_border_header_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
}

div.pollAnswerBlock {
	position: relative;
	margin: 2px;
	overflow: hidden;
	height: 100px;
	border: solid 0px #cc0000;
	text-align: left;
}

div.pollUp {
	position: absolute;
	right: 5px;
	top: 5px;
}

div.pollDown {
	position: absolute;
	right: 5px;
	bottom: 5px;
}*/

/*div.pollQuestionBlock {
	position: absolute;
	width: 230px;
	padding: 2px;
	overflow: hidden;
	border: solid 0px green;
}

div.pollSubmitBlock {
	position: relative;
	margin: 2px;
	overflow: hidden;
	height: 20px;
	border: solid 0px #0000cc;
	text-align: center;
}

.pollContainer {
	position: relative;
	margin-top: 2px;
	padding: 10px;
}

.pollSubmitBlock{
  margin: 8px 0px;
}

.createPollSection {
	position: relative;
	padding: 10px;
	border: 0px solid red;
}

.controlsDiv {
	position: relative;
	clear: both;
	margin: 10px;
	background-color: #eff3f6;
}

.innerControlBlock {
	position: relative;
	float: right;
	width: 200px;
	border: 0px solid red;
}

.controlsHeader {
	padding: 0px 2px;
	font-weight: bold;
}

.deleteDiv {
	padding: 2px 0px 0px 2px;
}*/
/*##############################################################*/
div.playerAdminLink {
	position: relative;
	text-align: left;
	margin-bottom: 15px;
}
/* #################################################################### */
.logInRegistrationText {
	margin: 5px;
}
/* #################################################################### */
div.member_submenu {
	position: relative;
	overflow: hidden;
	margin-left: 35px;
	line-height: 18px;
	vertical-align: middle;
font-weight: bold;
}
/*---------------------*/
div.menuBlock {
	/*border:1px solid red;*/
	
}

div.menuLine{
	/*border:1px solid blue;*/
	height: 22px;
	line-height: 20px;
}

div.menuLine:hover {
	background-image: url(../images/promo_list_image.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.menuLineDivider {
	/*border:1px solid red;*/
	
}

div.menuIcon {
	
}

div.menuLinkBlock {
	text-transform: capitalize;
}
/**************** Footer ****************/
/*#footer {
	clear: both;
	padding: 20px 0 0 0;
	color: #671d22;
}*/

.SiteLinks li,.ShortLinks li,.Countries li {
	list-style: none;
	float: left;
	text-align: center;
	padding: 0 5px;
}

/*.SiteLinks {
	height: 25px;
	position: relative;
	left: 210px;
	width: 600px;
}*/

/*.ShortLinks {
	width: 945px;
	height: 17px;
	background: #ded7ce;
	border-bottom: 2px solid #fff;
	padding-left: 15px;
}

.Countries {
	width: 880px;
	height: 17px;
	background: #ded7ce;
	padding: 0 0 0 80px;
}*/

/*.Copyright {
	float: left;
	padding: 20px 0 0 260px;
}

.Egga {
	padding: 20px 0 0 0;
	float: right;
}*/

.flashingid {
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* NEW DESIGN 18/10/12 */
body {
	/*
	background-attachment: fixed;
	background-image: url(/club-rencontre-libertin/fond1.jpg);
	background-repeat: repeat-x;
	background-color: #400a0a;
	*/
/*background-image: -webkit-linear-gradient(top, #40051C 30%, #0F0004 70%);
background-image:    -moz-linear-gradient(top, #40051C 30%, #0F0004 70%);
background-image:     -ms-linear-gradient(top, #40051C 30%, #0F0004 70%);
background-image:      -o-linear-gradient(top, #40051C 30%, #0F0004 70%);
background-image:         linear-gradient(top, #40051C 30%, #0F0004 70%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40051C',endColorstr='#0F0004', GradientType=0);
background-attachment: fixed;
background-repeat: repeat-x;
background-color: #0F0004;*/
background-color: black;
	
}

#container {
	background-color: #FFF;
/*	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 18px;
	padding-left: 3px;*/
  text-align:center;
}

/*#footer {
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
}*/

/*.Copyright a,.Copyright,.flashingid,.flashingid a,#lienspartenaires,#lienspartenaires a
	{
	color: #CCC;
}*/

/*PASSAGE AU NOUVEAU TEMPLATE*/
/*GG 13/12/18 @media(min-width: 1200px) {*/
@media(min-width: 768px) {
	div#znEditProfil {
		padding: 0px 10px;
	}
	
	.container {
		width: unset !important;
	}
}

.fieldInfo{
	display: block;
	clear: both;
	/* margin-left: 34%; */
	/*GG 21/11/17 font-size: 90%; joinform*/
	font-style: italic;
}

/*GG 21/11/17 joinform
.form-group>label {
    padding-top: 8px;
}*/

label.col-form-label {
  float: left;
  /*width: 34%;*/
  font-weight: bold;

}

.col-xs-12{
	float: left;
}

.radioLbl{
	padding-left: 2px;
	padding-right: 26px;
}

/*select{
    border: 1px solid black;
    color: black;
}*/

fieldset.form-group {
    border: 0px;
}

.right{
	text-align: right;
}

.center{
	text-align: center;
}

.full{
	display:flex;
	clear:both;
	font-weight: bold;
	padding-bottom: 10px;
}

/*{
  background: url(/club-rencontre-libertin/templates/tmpl_o2t/images/pink-badge.jpg)  no-repeat center;
  height: 49px;
  width: 49px;
  padding-left: 49px;
  left: 50%;
}*/

.searchIcon, .onlineIcon, .homeIcon, .mailboxIcon, .friendsIcon, .plus, .minus, .plusBtn, .pinkCertified, .calendar, .activity, .mailboxSmallIcon, .friendsSmallIcon, .plusLight, .minusLight{
  background: rgba(0, 0, 0, 0) url("/club-rencontre-libertin/media/images/icon.png?v=3.2") no-repeat scroll 0 0;
}
/*DD*/
.notificationIcon{
	width: 28px;
	height: 28px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("/club-rencontre-libertin/media/images/notification-icon.png");
}
.notificationIcon:hover{
	opacity: 0.8;
}
/*DD;;*/
.searchIcon, .onlineIcon, .homeIcon, .mailboxIcon, .friendsIcon{
  height: 49px;
  width: 49px;
  padding-left: 49px;
}

.mailboxSmallIcon, .friendsSmallIcon{
  height: 28px;
  width: 32px;
  padding-left:6px;
}
.mailboxSmallIcon, .friendsSmallIcon, .inbox_newall_small, .notify_total_small{
  float: left;
}

.inbox_newall_small, .notify_total_small{
  padding-top: 2px;
}

/*.inbox_newall_small:before,
.notify_total_small:before{
    content: '[';
}

.inbox_newall_small:after,
.notify_total_small:after{
    content: ']';
}*/

.homeIcon, .mailboxIcon, .onlineIcon, .searchIcon, .homeIcon, .mailboxIcon, .friendsIcon{
  margin: 0px auto;
}

.homeIcon{
  background-position: 0px -161px;
}

.searchIcon{
  background-position: -50px -161px;
}

.mailboxIcon{
  background-position: -98px -161px;
}

.friendsIcon{
  background-position: -148px -161px;
}

.onlineIcon{
  background-position: -1px -110px;
}

.mailboxSmallIcon{
  background-position: -209px -189px;
}

.friendsSmallIcon{
  background-position: -167px -214px;
}

/*.toogleMenu{
  vertical-align: top;
  margin-top: 5px;
}*/

.searchIcon .navbar-toggle, .friendsIcon .navbar-toggle{
  border: none;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  width: 50px;
  height: 50px;
  display: block;
}

/*.navbar-header{
  padding: 0px 5px;
}*/

/*.navbar-header div{
  display: inline-block;
}*/
.header{
  margin-bottom: 4px;
}

.plus, .minus, .plusBtn, .pinkCertified, .calendar, .activity, .plusLight, .minusLight{
  display: inline-block;
}

.plus, .minus, .plusLight, .minusLight{
  height: 28px;
  width: 38px;
}

.minus{
  background-position: -99px -128px;
}

.plus{
  background-position: -56px -128px;
}

.plusLight{
  background-position: -58px -95px;
}

.minusLight{  
  background-position: -101px -95px;
}

.plusBtn{
  background-position: -1px -211px;
  height: 33px;
  width: 33px;  
  cursor: pointer;
}

.pinkCertified{
  background-position: -38px -217px;
  height: 18px;
  width: 18px;
  position: relative;
  top: 1px;
}

.calendar{
  background-position: -60px -217px;
  height: 18px;
  width: 18px;
  position: relative;
  top: 1px;
}

.activity{
  background-position: -82px -215px;
  height: 22px;
  width: 18px;
  float: left;
}

#replCrit{
  vertical-align: top;
  padding: 2px 10px 0 0;
}

.ShowHideDiv1.show, .ShowHideDiv1.hide {
  padding-left: 10px;
  font-style: italic;
}

.ShowHideDiv1.show {
  padding-left: 10px;
}

#searchForm label, .ShowHideDiv1 label{
  font-weight: normal;
}

#fFilter, #mFilter, #cFilter,
#fFilterAuth, #mFilterAuth, #cFilterAuth{
  padding-top: 3px;
}

#cFilter, #cFilterAuth{
  padding-right: 12px;
}

#fFilter, #mFilter{
  padding-right: 4px;
}

.filterCheck{
  float: left;
}

.profileHeader{
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
  margin-bottom: 10px;
}

.links
{
  /*float: left;*/
  margin: 10px 0 2px 0;
  list-style: none;
  padding: 2px 0;
}
.links li {
  float: left;
  padding: 3px 0;
}
.links a:link, .links a:visited {
  color: #fff;
  /*background: url(../images/SearchMemberBkg.jpg) repeat-x #3f3f3f;*/
  background-color:#730A2F;
  border-top: 1px solid #3f3f3f;
  border-bottom: 1px solid #3f3f3f;
  border-right: 1px solid #fff;
  border-left: 1px solid #3f3f3f;
  padding: 2px 5px;
}
.links a:hover, .links a:active {
  color: #3f3f3f;
  background: #fff;
  border: 1px solid #3f3f3f;
  padding: 2px 5px;
}

.profHead {
  display:inline-block;
  width:100%;
}

/*.SearchBlockMember .profHead{
  padding-top:80px;
}*/


.myBox {
  display:inline-block;
  float:left;
  display: block;
}
.box-2 {
  display: inline-block;
  float: left;
}
.box-1 {
  width: 25%;
  float:left;
  margin-right: 3.4%;
  max-width:198px;
  text-align: center;
}

/*Menu Breakpoint*/
@media (min-width: 768px) {
  ul#topMenuBlock li:after{
    content: "|";
    padding-left:7px;
    vertical-align:top;
  }

	ul#topMenuBlock .notifLi:after{
		content: none;
	}
}

@media (min-width: 768px) and (max-width: 880px) {
	#collapsemenu{
		height: auto !important;
	}
	ul#topMenuBlock{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	ul#topMenuBlock li{
		padding: 2px 4px;
	}

}
/*PC*/
/*GG 13/12/18 @media (min-width: 1201px) {*/
@media (min-width: 768px) {
  .SearchBlockMember>div{
    /*GG 18/12/17 padding: 0px 6px; */
   padding: 0px 6px 10px 0px;
  }

	#messageDiv{
		padding-right: 0 !important;
	}
  
  .box-3 {
    float:right;
    width: 30%; /*28%*/
  }
  
  .msg_thumb{
  	width: 106px;/*GG 6/12/17 80px;*/
  }
    
  .box-2 {
    width: 43%;
    padding-right: 5%;
  }
  
  .tooltipouf .tooltiptextouf{
    width: 320px;
    position: absolute;
  }
  
  #BlockMyProfile, #BlockMySearch{
    margin-top: 20px;
  }    
  
  .profileHeaderSearch{
    padding-top: 10px;
  }
  
  a.vview{
    padding: 5px 30px;
  }
  
  #actionBtnSmart{
    display: none;
  }

  .paginBar>div>select {
    width: auto;
  }
  
  .pPerPage{
    margin-right: 7px;
    margin-bottom: 1px;
  }
  
  .paginBar .form-inline{
    font-size: 124%;
    /*padding-top: 2px;*/
  }
  
  .resultSelect{
    float:left;
  }
  
  .pageNumbers{
    float:right;
  }
  
  .profCountry{
    display: inline-block;
    padding-left: 6px;
  }
  
  .buttonLinks>div>a.vprof{
    padding: 5px 19px;
  } 
  
  .notify{
    margin-left:2px;
    position: relative;
  }
  
  #dpImg{
    max-width: 80px;
    max-height: 120px;
  }
  
  .msg_text{
    padding-left: 14px;
  }
  
  .profList .clear{
    padding-top: 8px;
  }
  
  .profList .clear input[type="checkbox"]{
    vertical-align: middle;
  }
 
  .rightSmall{
    padding-right: 20px;
  }
  
  /*MENU COLLAPSE*/
  #nav-wrapper #menuLinkCollapse{
    display: none;
  }

  .afterFixed{
    padding-top: 110px;
  }

  /*DD?*/
  #collapsemenu {
    /*height: 53px !important;*/
  }
  
  #topMenuBlock li:nth-child(3) .dropdown-menu {  
    min-width : 250px;
  }
  
  .pcHide{
    display: none !important;
  }
  
  .visitBlock>.pagin{
    margin-top: 10px; /*35px;*/
  }

  /*DD*/

	#micInfo{
		display: none;
		width: 300px;
		border: solid 1px;
		position: absolute;
		background: aliceblue;
		padding: 10px;
		border-radius: 4px;
		z-index: 2;
		right: 50%;
		margin-top: 220px;
	}
}

/*smartphone*/
/*GG 13/12/18 @media (max-width: 1200px) {*/
@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
  
  .SearchBlockMember>div{
    /*padding: 3px 6px 10px 0px;*/ /*GG 18/12/17 */
  }
	.SearchBlockMember{
		padding-top: 10px;
	}
  
  .box-1{
    width: 52%;
    margin-bottom:16px;
  }
  
  .box-3 label{
    display: none;
  }
  
  .box-3 {
    float:left;
    padding-left: 3%;
    width: 44%;
  }
  
  .tooltipouf .tooltiptextouf{
    width: 80%;
    position: absolute;
    margin-left: -50%;
  }
  
  .profLine, .profDet, .box-2{
    font-size: 85%;/*GG 21/11/17 75%;*/
  }
  
  .profileHeaderSearch, .box-3{
    font-size:90%;
  }
  
  .profileHeaderSearch{
    padding-top: 12px;
  }
  
  .plusBtn {
    margin-top: 10px;
  }
  
  #actionBtn{
    /*display:none;*/
  }
  
  .full-width.dropdown {
    position: static;
  }
  .full-width.dropdown > .dropdown-menu {
    right: 0;
    top: unset;
  }
  .full-width.dropdown > .dropdown-menu > li > a {
    white-space: normal; 
  }
  
  .clearSmart{
    clear:both;
  }
  
  .buttonLinks>div>a{
    padding:7px;
    margin-right: 10px;
  }
  
  #actionBtn .dropdown-toggle{
    margin-right: 6px;
  }
  
  .activity{
    margin-right: 7px;
  }
  .sortCBLabel{
    margin-right: 2px;
  }
  
  .filterCB>select{
    min-width: 60%;
  }  
  
  .paginBar select {
    width: 66px;
    display: inline-block;
    margin-right: 6px;
  }
  
  .paginBar{
    text-align:left;
  }
  
  .paginBar .form-inline{
    font-size: 90%;
  }
  
  .resultSelect {
    margin-bottom: 4px;
  }
  
  .myProfImage{
    padding-bottom: 12px;
    padding-left: 4px;
    padding-right: 4px;
  }
  
  #searchForm .divBox{
    width: 95%;
  }
  .buttonLinks>div>a.vprof{
    padding: 6px 19px;
  }
  
  .notify{
    margin-left:-10px;
  }
  
  .collapsefriends .notify{
    margin-left:2px;
  }
  
  .friendsIcon .notify{
    margin-left: -20px;
  }
  
  #dpImg{
    max-width: 80px;
    max-height: 120px;
  }
  
/*  .notify{
    position: absolute;
  }*/
  
  .col-md-offset-2>.header{
    margin-top: 20px;
  }
  
  .row1>span>a, .row0>span>a{
    vertical-align: super;
  }
  
  .row0>span.floatRight, .row1>span.floatRight{
    padding-top: 10px;
  }
  
  .rightSmall{
    padding-right: 10px;
  }
  
  .msg_thumb{
  	/*width: 80px;*/
  }
  
  .visitTabs .nav-tabs .nav-item{
    width: 100%;
    height: 40px;
  }
  
  .nav-item>.nav-link,
  .subMenuLink>div{
    line-height: 40px;
    vertical-align: middle;
  }
  
  .notify_galleries{
    margin-left: 3px;
  }
  
  .top_notify_galleries{
    margin-left: 40px;
  }
  
  .subNotify{
    top: unset !important;
    margin-left: 3px;
  }
  
  .top_notify_galleries{
    position:absolute;
    top: 0px;
  }
  
  .notify_total.notify,
  .inbox_newall.notify{
    position: absolute;
  }

  /*DD*/
	#notifLink{
		text-align: center;
		text-align: -webkit-center;
	}
	.notify_notif{
		margin-left: 15px;
		position: absolute;
	}
  
  .nav-link.dropdown-toggle, .nav-item>span>a, .nav-item>a, .subMenuLink>div{
    font-size: 120%;
  }
  
  .pcHide.sexIconfemme.floatRight,
  .pcHide.sexIconhomme.floatRight,
  .pcHide.sexIconcouple.floatRight{
    zoom: 80%;
    -moz-transform:scale(0.80);
    -moz-transform-origin: 0 0;
  }
  
  .visitBlock>.pagin{
    margin-top: 14px;
  }
  
  .resultSelect {
    padding-top: 9px;
  }
  
  .sameWidthBtn a{
    min-width:220px;
  }
  
  .title{
    padding: 6px 4px 10px 4px;
  }
  
  .afterFixed>.profDet{
    padding-left: 6px;
    padding-right: 6px;
  }
  
  #tablejform{
    padding: 6px;
  }

  /*DD*/
	#micInfo{
		display: none;
		width: 100%;
		border: solid 1px;
		position: absolute;
		background: aliceblue;
		padding: 10px;
		border-radius: 4px;
		z-index: 2;
		margin-top: 220px;
	}
}

/* visits & favorites tabs */
.visitTabs .nav-tabs{
  width: 100%;
}

.visitTabs .nav-tabs .nav-item{
  text-align: center;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.visitTabs>.nav-tabs>.active > a{
  background-color: #82002e ;/* #b90141 */
  color: white;
}

.profCountry>img{
    max-height: 30px;
    padding-bottom: 3px;
  }

.paginBar label{
  font-weight: unset;
}


/* Tooltip text */
.tooltiptextouf {
  /*visibility: hidden;*/
  /*width: 320px;*/
  background-color: black;
  color: #fff;
  padding: 6px 4px;
  border-radius: 6px;
  font-size: 60%;
  font-weight: normal;

  /* Position the tooltip text - see examples below! */
  /*position: relative;*/
  z-index: 1;
  /*top: 40%;
  left: 60%; 
  margin-left: -160px; /* Use half of the width (120/2 = 60), to center the tooltip */
  display: none;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipouf:hover .tooltiptextouf {
  display: block;
}

.infoBlock>div {
  margin-bottom: 6px;
}

.noteActivite{
  font-weight: bold;
}

.profFlag{
  max-height: 38px;
  padding-bottom: 7px;
}

.buttonLinks>.vview{
  margin-top: 16px;
  font-weight: normal;
}


/*Pagination*/
.paginTitle{
  text-align: left;
  color: #b90141;
  font-size: 210%;
  margin: 28px 0px 10px 0px;
}

.paginBar, .header, .headerCollapse{
  min-height: 40px;
}

.paginBar{
  background-color: #b90141;
  color: white;
  display: flow-root;
  padding: 7px 28px;
}



.paginList{
  list-style-type:none;  
  display: flex;
}
.pageList li{
  margin-left: 2px;
  float: left;  
}

.paginList .active{  
  background: #82002e;
  color: white;
}

.paginList li{
  font-size: 110%;
  border-radius: 50%;
  behavior: url(PIE.htc);
  width: 36px;
  height: 36px;
  padding: 5px;
  background: #fff;
  /*border: 2px solid #666;*/
  /*color: #6495ED;*/
  text-align: center;
  font-size: 120%;
  margin-left: 10px;
  font-weight: normal;
}

.paginList li a{
  font-weight: normal;
}

.paginBar>div>select {
  margin-left: 14px;
}

.pageTitle{
  font-size: 120%;
  padding: 12px 0px;
}

.infoBlock>div{
  padding-top: 5px;
}

.profileHeaderSearch, #actionBtn, #actionBtnSmart{
  background-color: white;
  /*display: block;*/
  z-index: 1;
  width: 100%;  
}

#libreCeSoir{
  /*GG 27/6/18 padding-top: 10px;*/
  padding-left: 6%;
}

.buttonLinks>.bback{
  margin-top: 11px;
}

.viewProf>.vview,
.viewProf>.vprof{
  margin-left: 1%;
  margin-bottom: 16px;
}

#filters label{
  font-weight: normal;
}

#filters .theme-rounded select,
#filters .form-control{
  width: unset;
  font-size: 70%;
  float:left;
}

#filters{
  padding: 10px 16px;
  font-size: 90%;
}

#filters .filterCB{
  padding-top: 3px;
}

.whiteLine{
  border-bottom: 1px solid rgba(255,255,255,.6);
  margin:8px 2px;
}

.filterCB>label{
  padding-top: 3px;
  padding-right: 3px;
}

#cFilter2{
  margin-top: 35px;
}

.agesex{
  display:none;
}

.affix>.agesex{
  display:unset;
}

.ShowHideDiv1>.form-check>.form-check-label {
  font-size: 94%;
}

div.header, div.headerCollapse{
  font-size: unset;
  padding: 8px 26px;
}

a.vprof::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/club-rencontre-libertin/media/images/icon.png?v=3.2) -173px -216px no-repeat;
  float: left;  
}

a.vprof>span.smartHide{
  padding-left: 6px;
}

.vprof{
  margin-top: 12px;
  margin-right: 3px;
}

.viewProf{
  padding-left: 1%;
}

div.header{
  height: unset;
}

div.addNew{
  position:relative;
  text-align:right;
  padding:2px;
  padding-right:5px;
  /*border-bottom:1px solid silver;*/
  margin-bottom:12px;
  text-align: center;
  font-weight:bold;
  font-size: 120%;
  padding-top: 20px;
}

#hiddenBtnSave{
  display: none;
  float: right;
  padding-left: 4px;
  padding-bottom: 20px;
}

.uploadImg{
  float:left;
}

#messageDiv{
  display:none;
	border: 2px solid;
	border-radius: 0px 0px 12px 12px;
	position: relative;
	background: #ba9c705e;
	padding-bottom: 68px;
}
#messageDiv:before {
	content: "";
	background: url(/club-rencontre-libertin/media/images/fondMessages.png);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	background-size: 25em;
	opacity: 0.15;
}
#divOuf{
  padding-bottom: 8px;
  display:none;
}

/*.msgStatus0{
  font-weight: bold;
}*/

.msg_author_prof{
  font-weight: bold;
  color:#b90141;
  float:left;
}

.msg_status_prof{
  float: right;
}

.msg_header_prof{
  margin-bottom: 28px;
}

#closeMsg{
  text-align: right;
	position: relative;
	background: #ffdfcb;
	padding: 6px;
	border-radius: 12px 12px 0 0;
}

/*#inbox_newask{
  top: -1px;
  margin-right: 5px;
  color: white;
}*/

.notify{
  top: -5px;
}

.notify, #inbox_newask, #inbox_newmsg{
  /*width:100px;
  height:100px;*/
  background:#82002e;  
  text-align:center;
  border-radius:100px;
  /*position: relative;*/
  font-size: 78%; /*72%;*/
  text-decoration: none !important;
  color: white;
}

.notify{
  display: inline-block;
  -webkit-transition: all .3s ease .15s;
  -moz-transition: all .3s ease .15s;
  -o-transition: all .3s ease .15s;
  -ms-transition: all .3s ease .15s;
  transition: all .3s ease .15s;
}

.notify:not(:empty){
  opacity: 1;
  padding: 5px 6px 5px 5px; /*4px 5px 4px 3px;*/
}

.notify:empty{
  opacity: 0;
  padding: 0;
}

#titreAnnonce{
  margin-bottom: 6px;
}

.smartPad{
  padding-top: 10px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background-color: #82002e;
}

#NavFormSearchSecond{
  padding-top: 12px;
}

#dropBox{
  border: 3px dashed #b90141;
  border-radius: 5px;
  background: #F3F4F5;
  cursor: pointer;
  text-align:center;
  margin: 6px 0px;
  font-size: 16px;
  font-weight: bold;
  min-height: 100px;
  padding: 54px 54px;
  box-sizing: border-box;
  width: 100%;
}

/*GG 6/12/17 .uploadImg,#upload_file_container{
  width:100%;
}*/

/*#fileInput{
  display: none;
}*/

#dpImg{
  display:none;
}

a>.female, a>.male, a>.couple{
  font-weight: normal;
}

/*GG TEST désactivation
.SearchBlockMember .profileHeaderSearch{
  position: fixed;
}
*/

.messageBox{
  display: flex;
}

.warning{
  color:#b90141;
  font-size:90%;
  font-weight: bold;
}

.msg_box {
  width: 100%;
}

.msg_group{
	display: flex;
}

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

#DescriptionTitle{
  font-size: 124%;
}

#inbox_top {
	/*position: relative;*/
/*	background:
		url('/club-rencontre-libertin/media/images/menu_top.png')
		no-repeat;
  background-size: 686px;
	width: 801px;*/
	/*height: 63px;
  height: 54px;*/
	color: #a4a3a3;
	font-family: Verdana;
	font-size: 12px;
	/*padding-top: 15px;*/
}

.SearchMemberMenu{
  list-style-type: none;
  font-size: 112%;
}

.inbox_link, .SearchMemberMenu>li{
  float:left;
  border-right: 1px solid #b90141;  
}

.SearchMemberMenu>li:last-child{
  border-right: 0px;
}

.SearchMemberMenu li{
  height: 32px;
  /*font-size: 80%;*/
  padding-top: 8px;
}

.inbox_link{
  padding-top: 9px;
}

.inbox_link a, .SearchMemberMenu>li {
	float: left;
	/*padding-top: 7px;*/
	padding-left: 5px;
	color: #b90141 !important;
	padding-right: 12px;
}

.inbox_link a{
  height: 25px;	
  font-size: 130%;
}

.onglets{
  text-align: center;
}

.settings_link{
  text-align: left;
}

#list_parameters label{
  vertical-align: middle;
  padding-left: 4px;
}

.groupBtn{
  font-size: 80%;
  text-align: right;
}

#plusSub{
  left: -108px;
}

.msg_text{
  font-size: 84%;
}

.divSearch{
  margin-bottom:1px;  
  color: white;
}

.divSearch, .divSearch>.headerCollapse{
  background-color: #82002e;
}

.divSearch a{
  color: white;
}

.highlight {
	background: #efebeb; /*GG 6/12/17 #e7e7e7; */
	background-position: 0px 0px;
}

.SearchBlockMember .profileHeaderSearch{
  /*position: fixed;*/
  width: 100%;
  z-index: 1;
}

.txtBlockWhite .profileHeaderSearch{
  background-color: white;  
}

.enEdition{
  background-color: rgba(213, 102, 141, 0.2);
}

#photoKeeper .circle-avatar {
  width: 210px;
  height: 210px;
  margin: 10px auto;
  padding-bottom: 20px;
  padding-top: 0%;
}

img, a{
  -webkit-user-select: none !important; /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none !important; /* disable the IOS popup when long-press on a link */
}

.is_guest{
  font-style: italic;
}

/*Changement de menu */
#nav-wrapper.affix .searchIcon,
#nav-wrapper.affix .onlineIcon,
#nav-wrapper.affix .homeIcon,
#nav-wrapper.affix .mailboxIcon,
#nav-wrapper.affix .friendsIcon,
#nav-wrapper.affix #collapsemenuMnu{
  opacity: 1;
  /*-webkit-transition: height 0.1s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: height 0.1s ease-in-out, opacity 0.2s ease-in-out;
  -ms-transition: height 0.1s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: height 0.1s ease-in-out, opacity 0.2s ease-in-out;   */
}

#nav-wrapper.affix #collapsemenuMnu{
  display:none;
}

#nav-wrapper.affix .searchIcon,
#nav-wrapper.affix .onlineIcon,
#nav-wrapper.affix .homeIcon,
#nav-wrapper.affix .mailboxIcon,
#nav-wrapper.affix .friendsIcon,
#nav-wrapper.affix #collapsemenuMnu,
#nav-wrapper.affix .visible-xs-block,
#nav-wrapper.affix .navbar-toggle{
  opacity: 0;
  height: 0px;
}

#nav-wrapper #menuLinkCollapse{
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  display: none;
}
  
#nav-wrapper{
  width:100%;
  z-index: 999;
}
  
/*Smartphone*/
/*GG 13/12/18 @media (max-width: 1200px) {*/
@media (max-width: 767px) {
  .navbar{
    height: 63px;
  }
  
  #nav-wrapper.affix > #container > #menu, #nav-wrapper.affix{
    height: 35px;
  }
  
  #actionBtn.affix{
    margin-top: 35px;
  }
  
  .affix + .container-fluid{
    margin-top: 23px;
  }
  
  /* .affix + .container-fluid {
    padding-top: 35px;
  }*/
	/*D*/
  .affix {
	  position: initial !important;
    /*top: 0;*/
    /*width: 100%;
    z-index: 9999 !important;*/
  }
  
  #nav-wrapper > #container > #menu{
    height: 70px;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
  }
  
  /*.affix + .container-fluid {
    padding-top:70px;
    -webkit-transition: padding-top 0.2s;
    transition: padding-top 0.2s;
  }*/
  
  #nav-wrapper.affix #menuLinkCollapse,
  #nav-wrapper.affix #collapsemenuMnuSmall{
    opacity: 1;
    display: unset;
  }
  
  #nav-wrapper.affix #menu{
    padding: 4px 0px;
  }
  
  #collapsemenuMnuSmall{
    float: right;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    background-color: transparent;
    border: 1px white solid;
    border-radius: 3px;
    text-align: center;
    padding-left: 4px;
  }
  
  #collapsemenuMnuSmall .icon-bar + .icon-bar {
    margin-top: 3px;
  }
  
  /*.toggle-small{
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    margin-top: 0px;
    margin-right: 15px;    
  }*/
  
  .toggle-small .icon-bar {
    display: block;
    width: 14px;
    height: 1px;
    border-radius: 1px;
  }
  
  .navbar-nav {
    background-color: #b90141;
    margin-top: 9px;
    margin-bottom: -5px;
  }
  
  .profHead, #DescriptionTitle, #DescriptionMe, #DescriptionYou{
    margin-left: 6px;
  }
  
  #actionBtn{
    padding-left: 5px;
  }
  
  #content .txtBlockWhite{
    padding-left: 4px;
    padding-right: 4px;
  }
  
  /*.delVisit{
    max-height: 30px;
  }*/
  
  .visitBlock{
    padding: 8px;
  }
  
  .visitsPad{
    /*padding-top: 54px;*/
  }
  .visitTabs.affix{
    top: 35px;
  }
  
  .delAllVisitsBlock.affix{
    /*top: 82px;*/
    top: 118px;
  }
  
  .delAllFriendsBlock.affix{
    /*top: 106px;*/
    top: 158px;
  }
  
  .visitBlock.affix{
    padding-top: 120px;
  }
  
  .visitTabs .nav-item:not(.active)>a {
    border: 1px solid;
    /*margin: 6px 2px;*/
  }
  
  .visitTabs .nav-tabs .nav-item {
    padding: 6px;
    margin: 5px 2px;
  }  
  .visitTabs .nav-tabs .nav-item{
    padding: 6px; /*TEST GG 30/1/19 */
  }
  
  .nav-tabs {
    border-bottom: unset;
    border-bottom: 0px solid #fff;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
  }
  
  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  
  #messageDiv{
    /*padding: 0px 6px;*/
  }
}

/* PC */
/*GG 13/12/18 @media (min-width: 1201px) {*/
@media (min-width: 768px) {
  .SearchBlockMember .profileHeaderSearch{
    position: fixed;
  }

  #topBar{
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    height: 90px;
    z-index: 1000;
  }
  
  #nav-wrapper{
    top: 90px;
    position: fixed;
  } 
  
  .container-fluid{
    margin-top: 160px;
  }
  
  #actionBtn.affix{
    top: 204px;
  }
/*
  #messageDiv{
    padding: 30px 0px;
  }*/
  /*D*/
  #content > .SearchBlockMember > .profHead{
    padding-top: 110px;
  }
  /*D*/
  .form-group img{
   /*padding: 8px; */
  }
  
  /*.delVisit{
    max-height: 40px;
  }*/
  .delBtn{
    max-height: 40px;
  }
  
  /*.delVisit:hover, .delFavorite:hover, .acceptFavorite:hover{*/
  .delBtn:hover, .acceptFavorite:hover{
    cursor: pointer;
  }
  
  .visitsPad{
    padding-top: 16px; /*34px*/
  }
  
  .visitTabs.affix-top,.visitTabs.affix /*GG 24/1/19,
  .delAllVisitsBlock.affix-top, .delAllVisitsBlock.affix, .delAllVisitsBlock,
  .delAllFriendsBlock.affix-top, .delAllFriendsBlock.affix, .delAllFriendsBlock*/{
    position: fixed;
  }
  
  .visitBlock{
    /*padding-top: 42px;*/
    padding-top: 37px;
    padding-bottom: 5px;
  }
  
  #visitsTabs .nav-item{
    width: 50%;
  }  
  
  #galleryTabs .nav-item{
    width: 25%;
  }
  
  #favoriteTabs .nav-item{
    width: 33%;
  }
  
  .resultSelect {
    padding-top: 5px;
  }
  
  /*.fixcontent{
    padding-top: 73px;
  }*/
  
  .visitTabs{
    padding-top: 12px;
  }
  
  .profDet{
    padding-top: 12px;
  }
	#messageDiv{
		margin-top: 100px;
	}
}

.visitDateDiv{
  color: #b90141;
}

.visitDateDiv>input[type=checkbox]{
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.visitDate{
  font-weight: normal;
  font-size: 90%;
}

.visitTabs{
  width: 1100px;
  display: block;
  background-color: white;
  z-index: 1;
}

.delAllVisitsBlock, .delAllFriendsBlock{
  height: 72px;
  background-color: white;
  width: 1100px;
  z-index: 1;
}

.visitBlock{
  /*GG 29/1/19 padding-left: 20px;
  padding-right: 20px;*/
  font-weight: normal;
  color: #555555;
}

.visitBlock>a>img{
  padding: 8px;
}

.buttonLinks.deleteAll{
  text-transform: unset;
  margin-top: 20px;
}

#nav-wrapper.affix .visitTabs{
  top: 35px;
}

.visitBlock.affix{
  position: static;
}

.visitBlock .img-responsive{
  max-width: 112px;
}

.galleryInfoBox{
  padding-top: 35px;
  margin-left: 10px;
  overflow: auto;
}

.galleryInfoBox>.private,.galleryInfoBox>.opened{
  float: left;
  width: 33px;
}

.borderBox{
  outline: 1px solid #ccc;
  padding: 14px;
  line-height: 1.6em;
}

.borderBox .form-control{
  max-width: 46px;
}

.noBullet{
  list-style: none;
}

.spacer15{
  height:15px;
}

.spacer20{
  height:20px;
}

#openGallery>.dropItem{
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding-right: 44px;
  line-height: 31px;
  vertical-align: middle;
}

.plusBtn, .dropdown-toggle>.opened {
  margin-top: 12px;
}

#galleryDurationSelect{
  width: 94%;
  max-width: 210px;
  margin: 0 auto;
  background: white;  
}

.dropdown-menu>.galleryForm{
  background: white;
  color: #666;
  margin-top: 5px;
  margin-bottom: -5px;
  padding: 4px 4px 20px 4px;
}

#galleryDurationSelect{
  margin-bottom: 8px;
}

.galleryForm .buttonLinks{
  min-width: 210px;
  margin-top: 14px;
}

.title110{
  font-size: 110%;
  padding: 3px 6px;
}

.all_state{
  float: right;
  display: inline-block;
}

.chat>.msg_status,
.chat>.msg_time{
  font-size: 18px;
}

.msg_time {
	float: left;
/*	width: 103px;*/
	font-size: 10px;
	text-align: left;
	padding-right: 5px;
}

.msg_status {
/*	float: left;
	width: 35px;*/
	font-size: 10px;
	text-align: right;
  float: left;
}

.msg_status_icon {
	float: left;
	width: 20px;
	font-size: 10px;
	text-align: right;
	padding-right: 10px;
	padding-left: 5px;
}

.contents{
  display: contents;
}

.refreshBtn{
  display: none;
}

.footer_info{
  font-size: 80%;
  font-style: italic;
}

.galleryInfo{
  padding: 2px 6px;
}

.unvisited{
  background-color: #ffeeee;
}

.unvisited .visitBlock{
  font-weight: bold;
}

#navbarDropdownMenuLink{
  display: unset;
}

/*D*/
@media (max-width: 767px) {
	.msg_status_icon img{
		width: auto !important;
	}
	.msg_text img{
		width: 25px;
	}
	.blockEmoticon img{
		width: 25px;
		height: 25px;
	}

	.blockEmoticon {
		padding: 10px 10px 10px 10px;
		margin: 15px auto;
		background-color: rgba(185, 1, 65, 0.3);
		border-radius: 20px;
	}
}
/*D*/
@media (min-width: 768px) {
	.msg_status_icon img{
		width: auto !important;
	}
	.msg_text img {
		width: 30px;
	}
	.blockEmoticon img{
		width: 30px;
		height: 30px;
	}

	#msgForm .blockEmoticon {
		padding: 15px 20%;
		margin: 10px auto;
		background-color: rgba(185, 1, 65, 0.3);
		border-radius: 20px;
	}

	.form-group .blockEmoticon {
		padding: 15px;
		margin: 10px auto;
		background-color: rgba(185, 1, 65, 0.3);
		border-radius: 20px;
	}

}

@media (min-width: 1000px) {
	.buttonResSet{
		display: flex;
	}
}


/*D*/
#msgForm .blockEmoticon{
	display: none;
}

.blockEmoticon a{
	padding: 5px;
	display: inline-flex;

}
/*D*/
#getBlockEmoticon{
	cursor: pointer;
}

.getBlockEmoticon{
	display: inline-block;
	background-color: #b90141;
	padding: 5px;
	margin: 4px 5px;
	text-align: center;
	border-radius: 22px;
	color: #FFFFFF;
}

.getBlockEmoticon img{
	width: 30px;
}

.footer_networks{
	margin-top: 15px;
}

.footer_networks img{
	width: 30px;
	height: 30px;
}

.footer_networks ul{
	margin: 0px 5px;
}





/* DD recordAudio */
.main-controls {
	width: 110px;
	position: absolute;
	padding-bottom: 0.7rem;
}

#openMic, #record{
	border-radius: 100%;
	border: 1px solid #ab1111;
	position: relative;
	bottom: 0px;
	z-index: 20;
}
.recClose{
	width: 30px;
	margin: 1px 10px;
}
.recOpen{
	width: 40px;
	margin: 6px 20px;
}

#openMic:hover, #record:hover{
	cursor: pointer;
}
#buttons{
	display: none;
}

#buttons .startButton{
	height: 22px;
	position: relative;
	bottom: 0px;
	opacity: 0;
}

.becomeButton{
	height: 25px;
	/*position: relative;*/
	bottom: 40px;
	margin: 0 3px;
	cursor: pointer;
}

.sysMic{
	border-right: 1px solid;
	display: flex;
	flex-direction: column;
	width: max-content;
	align-items: center;
	position: relative;
	/*margin: auto;*/
	padding: 0 10px;
	margin-top: 4px;
}

.openMic{
	animation: 0.3s ease-in 0s both running openMic;
}

.openButtons{
	animation: 0.3s ease-in 0s both running openButtons;
}

#timer{
	margin: 0;
	/*position: relative;*/
	bottom: 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
	font-size: 18px;
	font-weight: bold;
}

#volume-slider{
	transform: rotate(-90deg);
}

.hideButton{
	display: none;
}

.hideTimer{
	display: none;
}

#audioFile{
	display: none;
}

.micInfoBack{
	width: 100%;
	height: 100%;
	background: #000000a6;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
}

.clipAudio{
	display: flex;
	align-items: center;
}

.AboRInfoback{
	width: 100%;
	height: 100%;
	background: #000000a6;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
}

#aboInfo{
	display: none;
	border: solid 1px;
	background: #c5d4e2;
	padding: 10px;
	margin-top: 300px;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: center;
}
#aboInfo select{
	margin: 15px 0;
}

#aboInfo h2{
	font-weight: bold;
	font-size: 20px;
	text-align: -webkit-center;
}

.zonetxt{
	position: absolute;
	bottom: 0;
	z-index: 3;
	background: #ffdfcb;
	width: 100%;
	border-radius: 0 0 10px 10px;
	padding: 0 5px 5px 5px;
}
#msg_textarea {
	/*	float: left;
        margin-left: 10px;
            /*GG 19/10/16
            width: 420px;
        height: 80px;* /
      padding-bottom: 20px; /*GG 19/10/16*/
	width: 100%;
}
@media (min-width: 1200px) {
	.msg_thumb{
		width: 120px;
		height: 125px;
	}

	.msg_thumb.a_show_profile {
		display: inline-block;
		background: #ad1f1f;
		-webkit-mask-image: url(/club-rencontre-libertin/media/images/pomme.svg);
		-webkit-mask-repeat: no-repeat;
		background-position-y: center;
		-webkit-mask-size: 120px;
		-webkit-mask-position: top;
		padding-top: 5px;
	}
	#msg_txtarea {
		padding-left: 120px;
		width: 100%;
		height: 40px;
		overflow: auto;
		border-radius: 10px;
		background: white;
		border: 1px solid;
		line-break: anywhere;
		line-height: 22px;
	}

	#headerMenuBtn{
		background: #b90141;
		border: none;
		padding: 5px 15px 10px 15px;
		position: absolute;
		margin-left: -100px;
		z-index: 999;
		border-radius: 0 0 22px 22px;
		color: white;
		font-weight: 600;
		font-size: 16px;
	}

	#footerMenuBtn{
		background: #b90141;
		border: none;
		padding: 10px 15px 5px 15px;
		border-radius: 22px 22px 0 0;
		color: white;
		font-weight: 600;
		font-size: 16px;
		margin: auto;
		display: block;
	}
	.discussion{
		margin: 0px 5px 0px 5px;
	}
	.displayTopTxt{
		margin: 10px 5px 0px 5px;
	}
	.msgRe .msg_textR{
		background: #b0c9b7;
		position: relative;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		width: fit-content;
		min-width: 250px;
		padding: 40px 8px 30px 8px;
		box-shadow: -3px 6px 6px -1px;
		margin-bottom: 10px;
		text-align: left;
		line-break: anywhere;
		font-weight: bold;
	}

	.fleRe {
		content: "";
		width: 0;
		height: 0;
		border-top: 16px solid transparent;
		border-left: 26px solid #b0c9b7;
		border-bottom: 16px solid transparent;
		display: block;
		margin-top: 32px;
		float: right;
		margin-right: 10px;
		z-index: 1;
	}

	.fleSe .msg_text {
		background: #c0ccd9;
		position: relative;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin-left: 26px;
		width: fit-content;
		min-width: 250px;
		padding: 40px 35px 35px 15px;
		box-shadow: 6px 6px 6px -1px;
		margin-bottom: 10px;
		line-break: anywhere;
		font-weight: bold;
	}
	.msg_thumb .circle-avatar{
		width: 115px!important;
		height: 115px;
		padding-top: unset;
	}
}

@media (max-width: 1200px) {

	.clipAudio audio{
		height: 40px;
		min-width: 200px !important;
		max-width: 100%;
	}
	#uploadImg span{
		display: none;
	}
	#uploadImg img{
		width: 28px;
	}
	#uploadImg{
		margin-bottom: 6px;
		text-align: center;
		background: #a6c3dd;
		border-radius: 30px;
		padding: 6px;
		margin: 2px;
	}
	#upload_file_container #imgList{
		font-size: 14px;
		width: 100%;
	}
	#upload_file_container #cleanImg{
		margin: 6px 0;
	}

	#headerMenuBtn{
		display: none;
	}
	#footerMenuBtn{
		display: none;
	}
	#content{
		padding-bottom: 10px;
	}
	#msg_txtarea {
		width: 100%;
		height: 40px;
		overflow: auto;
		border-radius: 10px;
		padding-left: 80px;
		background: white;
		border: 1px solid;
		line-break: anywhere;
		line-height: 22px;
	}
	.msg_thumb.a_show_profile {
		display: inline-block;
		background: #ad1f1f;
		-webkit-mask-image: url(/club-rencontre-libertin/media/images/pomme.svg);
		-webkit-mask-repeat: no-repeat;
		background-position-y: center;
		-webkit-mask-size: 90px;
		-webkit-mask-position: top;
		padding-top: 5px;
	}
	.msg_thumb.a_show_profile {
		margin-top: 25px;
	}
	.msgRe .msg_textR {
		background: #b0c9b7;
		position: relative;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		width: fit-content;
		padding-right: 50px;
		min-width: 170px;
		padding: 40px 15px 35px 35px;
		box-shadow: -3px 6px 6px -1px;
		margin-bottom: 10px;
		height: fit-content;
		text-align: left;
		line-break: anywhere;
		font-weight: bold;
	}
	.fleRe {
		content: "";
		width: 0;
		height: 0;
		border-top: 16px solid transparent;
		border-left: 26px solid #b0c9b7;
		border-bottom: 16px solid transparent;
		display: block;
		margin-top: 32px;
		float: right;
		z-index: 1;
	}
	.fleSe .msg_text {
		background: #c0ccd9;
		position: relative;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin-left: 26px;
		width: fit-content;
		padding-right: 5px;
		min-width: 170px;
		padding: 40px 8px 30px 8px;
		box-shadow: 6px 6px 6px -1px;
		margin-bottom: 10px;
		height: fit-content;
		line-break: anywhere;
		font-weight: bold;
	}
	.message_del_list, .groupBtn {
		display: none;
	}
	.msg_thumb .circle-avatar{
		width: 100px!important;
		height: 84px;
		padding-top: unset;
	}
	.msg_thumb {
		width: 100px;
		height: 100px;
	}
	.msg_txtareaOpen {
		padding-left: 110px !important;
	}
	.optionMsgOpen{
		flex-direction: column-reverse;
	}
}
.msg_text {
	clear: both;
	overflow: hidden;
}
.wrapperR{
	display: flex;
	flex-direction: row-reverse;
	padding-left: 10px;
}

#msg_txtarea img {
	width: 28px;
	margin: 0 4px;
}

.txtareadiv {
	width: 100%;
	padding-top: 10px;
	overflow: hidden;
	/* padding-top: 10px; */
}

.all_state{
	position: absolute;
	bottom: 0px;
	z-index: 0;
	font-weight: bold;
	height: 25px;
	right: 0px;
	padding: 4px 5px;
	border-radius: 10px 0 10px 0;
	background: #ffffff47;
}

.msg_thumb,.msg_box{
	display: inline-block;
	float:left;
}

.all_stateR{
	position: absolute;
	bottom: 0px;
	z-index: 0;
	font-weight: bold;
	height: 25px;
	left: 0px;
	background: #ffffff47;
	padding: 3px 5px;
	border-radius: 0 10px 0px 0px;
}

.msg_author {
	display: inline-block;
	font-weight: bold;
	background: #ffffff47;
	padding: 6px 20px 6px 0px;
	border-radius: 8px 0px 30px 0px;
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
}
.msg_author img{
	width: 20px;
}

.msg_authorR{
	display: inline-block;
	float: left;
	font-weight: bold;
	background: #ffffff47;
	padding: 6px 20px 6px 0px;
	border-radius: 8px 10px 0px 30px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
}

.msg_authorR img{
	width: 20px;
}

.fleSe:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-right: 26px solid #c0ccd9;
	border-bottom: 16px solid transparent;
	display: block;
	margin-top: 32px;
}

.fleSe .tag_favorite{
	position: absolute;
	top: 8px;
	right: 8px;
}
.msgRe .tag_favorite{
	position: absolute;
	top: 8px;
	left: 8px;
}

.delete_this img {
	max-height: 20px;
	max-width: 20px;
}

.msgMenu{
	padding-top: 10px;
	float: left;
	margin-left: 12px;
}

.msgMenuR{
	padding-top: 10px;
	margin-right: 12px;
}

.optionMsg{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	margin-top: auto;
}
#reload{
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}

.msg_wrapper{
	/*font-size: 12px;*/
	padding-bottom: 10px;
	overflow: hidden;
}
.wrapperE {
	display: flex;
	flex-direction: row;
	padding-right: 10px;
}

.msgRe{
	float: right;
	text-align: end;
	flex-direction: row-reverse;
}
.msg_del {
	float: right;
	display: flex;
	flex-direction: column;
}
input.message_del_list {
	float: right;
	margin: 15px 0px 0px 1px;
}
.blockEditMessage{

}

.optionMsgClose{

}
@keyframes openMic {
	/*from { width: 30px }*/
	to   {
		width: 50px;
		bottom: 50px;

	}
}

@keyframes openButtons {
	/*from {  height: initial; }*/
	to   {
		height: 25px;
		bottom: 40px;
		opacity: 1;
	}
}
.texte-barre {
	display: inline-block;
	position: relative;
}
.texte-barre::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100px;
	border-top: 4px solid #b62939;
	transform: rotate(-20deg);
	transform-origin: top left;
	pointer-events: none;
}