/* COLORS
Pink BG header : #b90141; Clear
Pink BG menu : #82002e; Dark
Pink sex-shop : #ea3272;
Gray text : #666666;
Pink Txt
*/
/* GENERAL   ******************************************************************/
* {
    margin: 0;
    padding: 0;
}

html,body {
    height:100%;
}

body {
  font-family: 'Roboto', sans-serif; /*, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-weight: 400;*/
  color:#FFFFFF;
  background-color: #000000;
  overflow-x: hidden;
}

ul{
  display: inline-block;
  zoom:1;
  margin-bottom: 0px !important;
}

/* LINKS   ********************************************************************/
/* a:hover, a:active, a:link, a:visited, a:focus, .lesliens a:link */
a:hover, a:active, a:link, a:visited, a:focus{
    text-decoration: none !important;
}

#main_menu a,
#footer a{ 
    color:#FFFFFF !important;
}

.txtBlock a,
#main_menu a{
    font-weight: bold;
}

.txtBlockWhite h3 a {
    color: grey;
}

.txtBlock a,
.txtBlockWhite a,
.extProfRedir a,
.pagination a:visited,
.boldPink{
  color: #b90141;
	font-weight:bold;
}

.txtBlockWhite ol li a{
	font-weight: normal;
}

#index_login_form a{
	color: #b90141;
	font-size: 80%;
	display: block;
	padding-top:4px;
}

#top_login_button a{
	color: white;
	min-width: unset;
}

#login_form{
	padding: 40px 4px;
}

.txtBlockWhite a/*, .txtBlockWhite a:active, .txtBlockWhite a:hover, .txtBlockWhite a:focus*/{
  text-transform: uppercase;
}

#content a{
  text-transform: none;
}  

.buttonLinks a,
input.buttonLinks,
input.buttonLinksWhite{
  -moz-border-radius: 22px;
  border-radius: 22px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 17px;
  border: 0px;
	white-space: nowrap;
}

.searchBg a{
  margin: 6px 5px;
}

.buttonLinks a,
input.buttonLinks{
  color: #FFFFFF;
  background-color: #b90141;
}

input.buttonLinksWhite{
  color: #b90141;
  background-color: #FFFFFF;
  font-size: 90%;
  text-transform: unset;
}

/*.buttonLinks a{
	margin: 6px 5px;
}*/

.searchBg div a{
  min-width: 264px;
}
.buttonJoin{
    color: #b90141;
    background-color: #d5668d;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    margin: 6px 5px;
    text-transform: uppercase;
    padding: 8px 36px;
    font-size: 110%;
    font-weight: bold;
    border: 0px;
}

/* MIX SETTINGS  **************************************************************/
.locLink{
  padding-top: 4px; /*GG 22/11/17 6px;*/
}

.buttonLinks a{
  min-height: 22px;
}

.profile, .profileExt {
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 26px;
}

.defaultList li,
.txtBlockWhite div ol{
  float: unset;
  list-style-type: none;
}

.txtBlockWhite div ol li a{
    text-transform: none;
}

/* DIVS IDs   *****************************************************************/
#container #menu { /*menu interne*/
    background-color: #b90141;
    border-bottom: 1px #FFFFFF solid;  
    padding: 8px 0px;
}

#heading/*, #menu, #topMenuBlock*/{
    /*padding: 3px;*/
    text-transform: uppercase;
}

#main_menu, #smenu{
    background-color: #82002e;
    text-transform: uppercase;
    color: white;
    /*line-height: 2.8em;*/
    /*padding: 10px 0px; */
}

#smenu a{
  color: white;
  text-decoration: none;
}

#smenu ul li{
  list-style: none;
  padding: 6px 8px;
}

#main_content{
    margin:0 auto;
}

#FAQ div{
    padding-bottom: 10px;
}

#footer, .txtBlockPink {
    background-color:#b90141;
    color:#FFFFFF;
    /*padding-bottom: 14px;*/
}

.txtBlockPink, .txtBlockPink a, .txtBlockPink a:focus, .txtBlockPink a:hover{
  /*GG 21/11/17 font-weight: 300;*/
  text-transform: none; 
}

#logo_footer{
    padding-top: 16px;
    padding-bottom: 8px;
}

#logo{
    background-color: #000000;
}

#logoLink{
    z-index:-1;
    position: absolute;
}

#header, #main_menu, .txtBlockPink, .txtBlock{
    text-align: center;
}

#footer {
    background-color: #b90141;
    text-align: center;
    /*GG 22/11/17 padding-top: 20px; */
}

#tablejform, .form, .formTxt{
    margin: 0 auto;
    padding-top: 20px;
    text-align: left;
}

.indexForm {
	margin:0px auto;
    max-width: 900px;
}

.indexButton{
	padding-top: 8px;
}

.top20{
    padding-top: 20px;
}

.formTxt{
    text-align: justify;
}

#DayOfBirth,#DayOfBirth2 {
    width:20%;
}

#MonthOfBirth,#MonthOfBirth2 {
    width:40%;
}

#YearOfBirth, #YearOfBirth2, #LookingAge1, #LookingAge2{
    width:28%;
}

#DayOfBirth, #MonthOfBirth , #YearOfBirth,
#DayOfBirth2, #MonthOfBirth2 , #YearOfBirth2,
#LookingAge1, #LookingAge2{
    float: left;
}

#MonthOfBirth , #YearOfBirth, #MonthOfBirth2, #YearOfBirth2, #LookingAge2{
    margin-left:1%;
}

/*#LookingFor_male, #LookingFor_couple, #LookingFor_all{
    margin-left: 2%;
}*/

select#LookingPays option[value="CH"], select#Country option[value="CH"] { background-image:url(/club-rencontre-libertin/media/images/flags/ch.gif);   }
select#LookingPays option[value="FR"], select#Country option[value="FR"] { background-image:url(/club-rencontre-libertin/media/images/flags/fr.gif); }
select#LookingPays option[value="BE"], select#Country option[value="BE"] { background-image:url(/club-rencontre-libertin/media/images/flags/be.gif); }
select#LookingPays option[value="LU"], select#Country option[value="LU"] { background-image:url(/club-rencontre-libertin/media/images/flags/lu.gif); }
select#LookingPays option[value="MC"], select#Country option[value="MC"] { background-image:url(/club-rencontre-libertin/media/images/flags/mc.gif); }
select#LookingPays option[value="CA"], select#Country option[value="CA"] { background-image:url(/club-rencontre-libertin/media/images/flags/ca.gif); }
select#LookingPays option, select#Country option {
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 30px;
}

#index_login_form{
    position:absolute;
    max-width: 40%;
}

#index_login_form label{
    display: block;
    text-align: left;
    font-size: 66%;
    font-weight: normal;
    text-transform: uppercase;
}

/* DIVS CLASSES   **************************************************************/
.clear {
    clear:both;
}

.centerDiv{
  display : table;
  margin: 0px auto;  
}

.floatRight{
  float:right;
}

.floatLeft{
  float:left;
}

.center{
    text-align: center;
}

.attention{
  color: red;
  font-weight: bold;
  font-size: 110%;
}

.attention ul{
  text-align: left;
}

.txtBlock {
  /*max-width: 1300px;*/
  margin: 0px auto;
}

.txtBlockWhite{
  background-color: #FFFFFF;
  /*color: #b90141;*/
}

.profDet, .txtBlockWhite{
  /*GG 1/6/17 color: #000000; */
  color: #555555; /*GG 5/12/17 #333333; */
}

.indexImg{
  margin: 0 auto;
  max-width: 920px;
}

.center h1{
	/*padding-top:20px;*/
}

.left{
    text-align: left;
}

.fieldInfo{
	display: block !important;
}

.txtBlockProfile{
    background-color:#FFFFFF;
}

.txtBlockProfileExt{
    background-color: #f9edf9;
}

.profile, .profileExt {
    padding-top:22px;
    color: #000000;
}

.extProfRedir{
    background-color: #FFFFFF;
    color: #000000;    
    padding: 6px;
    text-align: center;
}

.extProfRedir h2{
    font-size:116%;
    margin:0px 0px 5px 0px;
}

.extProfRedir ul{
    margin:5px 0px 0px 15px;
    float: none;
}

.extProfRedir li{
    float: none;
}

/*.txtBlockWhite{
    text-align:center;
}*/

.searchBg{
  background-image: url("/club-rencontre-libertin/media/images/search_bg.png");
  background-repeat: no-repeat;
  background-position: 50% 10%;
}

.imgSlide{
    margin: 0px auto;	
}

/*.row.center.indexImgSlide > div:first-of-type{
	margin-left:100px;
}*/

.imgSlide img, .imgFlag{
    display: block;
    margin: 0px auto;
}

.profRes img{
	display: block;	
}

.Copyright {
    padding-top:20px;
    font-size:70%;
    /*float: left;
    padding: 20px 0 0 260px;*/
}

.slideTxt{
    display: inline-block;
    margin: 0px auto;
    padding-top: 6px;
}

.slideTxt span{
    display:block;
}

.imgSlideHead, .imgSlideTxt, div.imgSlideHead>a{
    margin: 0px auto;
    text-transform: uppercase !important;
    text-align: left; /*GG 3/7/18 right pour variante d'affichage';*/
}

.imgSlideHead, div.imgSlideHead>a{
    font-size: 90%;
    text-align: center;
    overflow-wrap: break-word;
}

.imgSlideTxt{
  font-size: 75%;
}

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

.imgSlideHead.female, .female, div.female>a{
  color: #ff6699;
}

.imgSlideHead.male, .male, div.male>a{
  color: #3399ff;
}

.imgSlideHead.couple, .couple, div.couple>a{
  color: #555555;
}

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

/* couleur originales
.female {
	color: #e03188;
}
.male {
	color: #009ee0;
}
.couple {
	color: #7e3a48;
}*/

.profRes, .profDet, .profDetHome{
    text-align: left;
}

.profRes {
	width:100%;
	margin-bottom: 25px;
}

.profDet .profDetAnnonce/*, .divEdit*/{
    font-style: italic;
    color:#b90141;
}

/*D*/
@media (min-width: 768px) {
    .profDet .profDetAnnonce img{
        width: 30px;
    }
}

/*D*/
@media (max-width: 767px) {
    .profDet .profDetAnnonce img{
        width: 25px;
    }
}

.profDetIntro, .active {
    color: #82002e;
}

.active{
  font-weight: bold;
}

.profDet h2{
    padding-bottom: 14px;
}

hr.profSep {
    border: 0;
    height: 1px;
    background-color: white;
    background-image: linear-gradient(to right, rgba(185, 1, 65, 0), rgba(185, 1, 65, 0.75), rgba(185, 1, 65, 0));
    margin: 0px;
}

.keeper hr.profSep {
  margin: 16px 0px;
}

.profResDet {
    text-align: left;
    vertical-align:top;
}

.profResBtn{
    clear:both;
    margin-top: 30px;
}

.profResBlock{
	display:inline-block;
}

.profHeadName, .profResHead {
  font-weight: bold;
  color:#b90141;
  text-transform: uppercase;
  padding-bottom: 4px;
}

.profHeadName {
    font-size: 120%;
}

.profResHead {
    font-size: 164%;
}

.profResInfo{
    color: black;
    font-weight:bold;
    font-size: 126%;
    text-transform:uppercase;
    padding-bottom: 1px;
    display: block;
}

.profResHead, .profResInfo, .profResCity, .profResTxt{
    letter-spacing: -0.06em;
}

.profResCity, .profResTxt{
    color: black;
    text-transform: uppercase;
    padding-bottom: 14px;
}

.profCell{
	vertical-align:middle;
	margin:0 auto;
	text-align: center;
}

.vertTop{
	vertical-align: top;
}

.profResImg{
    margin: 0px auto;
    padding-bottom:6px;
}

.profDet .profDetAnnonce:before{
  content: "\00ab "; /* "? ";*/
  padding-right: 2px;
}
.profDet .profDetAnnonce:after{
  content: " \00bb";/*" ?";*/
  padding-left: 3px;
}

.Title {
    font-weight: bold;
    padding-top:10px;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    /*padding-left: 5px;*/
}

.profBlock{
    overflow: hidden;
    padding-top: 30px;
}

.profDetPhysicIcon, .profDetISearchIcon, .profDetILikeIcon, .profDetWhereIcon, .sexIconfemme, .sexIconhomme, .sexIconcouple, .sexIconmale, .sexIconfemale,
.activityNote, .certified, .lastconn, .free, .vkiss, .vmessage, .vview, .vback, .private, .opened, .vopened, .vprivate, .sexIconSlidemale, .sexIconSlidefemale, .sexIconSlidecouple{
	background: rgba(0, 0, 0, 0) url("/club-rencontre-libertin/media/images/icon.png?v=3.2") no-repeat scroll 0 0;
  /*float: left;*/
}

.profDetPhysicIcon, .profDetISearchIcon, .profDetILikeIcon, .profDetWhereIcon{
  float: left;
}

.profDetPhysicIcon.male{
	background: rgba(0, 0, 0, 0) url("/club-rencontre-libertin/media/images/iconMale.png") no-repeat scroll 0 0;
}

.profDetPhysicIcon.female{
	background: rgba(0, 0, 0, 0) url("/club-rencontre-libertin/media/images/iconFemale.png") no-repeat scroll 0 0;
}

.profDetPhysicIcon.couple{
	background: rgba(0, 0, 0, 0) url("/club-rencontre-libertin/media/images/iconCouple.png") no-repeat scroll 0 0;
}

.profDetPhysicIcon, .profDetISearchIcon, .profDetILikeIcon, .profDetWhereIcon{
    height: 49px;
    width: 49px;
    margin-right: 20px;
    padding-left: 49px;
}

.sexIconfemme, .sexIconhomme, .sexIconcouple, .sexIconmale, .sexIconfemale{
    height: 34px;
    margin-right: 6px;
    padding-left: 26px;
    display: inline-block;
}

.activityNote, .certified, .lastconn, .free{
  height: 31px;
  padding-left: 34px;
}

.vkiss, .vmessage, .vview, .vback, .vopened, .vprivate{
  height: 31px;
  padding-left: 31px;
  padding-top: 6px;
  margin-top: 12px;
  margin-right: 3px;
}

.activityNote{
  background-position: -199px 0px;
}

.certified{
  background-position: -199px -31px;
  font-weight: bold;
}

.lastconn{
  background-position: -199px -61px;
}

.free{
  background-position: -199px -91px;
}

.private{
  background-position : -107px -210px;
  height: 33px;
  padding-left: 34px;
  margin-right: 4px;
}

.unvisited .private{
  background-position: -40px -297px;
}

.opened, .vopened, .vprivate{
  padding-left: 34px;
  margin-right: 4px;
}

.opened{
  height: 33px;
}

.vopened, .vprivate{
  height: 31px;
}

.opened{
  background-position : -231px -86px;
}

.unvisited .opened{
  background-position : -4px -298px;
}

.galleryListTitle{
  padding-left: 42px;
}

.vopened{
  background-position : -201px -247px;/*-246px;*/
}

.vprivate{
  background-position : -201px -281px;/*-246px;*/
}

.vkiss, .vmessage, .vview, .vback, .vopened, .vprivate{
  padding-left: 54px !important;
}

.dropdown-toggle{
  padding-right: 3px;
}

.vkiss{
  background-position: -199px -122px;
}

.vmessage{
  background-position: -199px -186px;
}

.vview{
  background-position: -199px -154px;
}

.vback{
  background-position: -199px -216px;
}

.profDetISearchIcon{
    background-position: -50px 0px;
}

.profDetILikeIcon{
    background-position: -100px 0px;
}

.profDetWhereIcon{
    background-position: -150px 0px;
}

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

.physicfemme{
	background-position : -149px -50px;
}
.physichomme{
	background-position : -149px -100px;
}

.sexIconfemme, .sexIconfemale {
  background-position: -68px -250px;
}

.sexIconcouple {
  background-position: -40px -250px;
  width: 28px;
}

.sexIconhomme, .sexIconmale {
  background-position: -4px -251px;
  width: 36px;
}

.sexIconSlidemale, .sexIconSlidefemale, .sexIconSlidecouple{
  height: 34px;
  margin-right: 6px;
  padding-left: 26px;
  display: inline-block;
  margin-left: 6px;  
}

.sexIconSlidemale, .sexIconSlidefemale{
  zoom: 0.8;
}

.sexIconSlidecouple{
  zoom: 0.9;
}

.sexIconSlidemale{
  background-position: -4px -251px;
  width: 34px;
}

.unvisited .sexIconSlidemale{
  background-position: -105px -251px;
  width: 34px;
}

.sexIconSlidefemale{
  background-position: -67px -251px;
  width: 26px;
}

.unvisited .sexIconSlidefemale{
  background-position: -172px -252px;
  width: 26px;
}

.sexIconSlidecouple {
  background-position: -38px -251px;
  width: 30px;  
}

.unvisited .sexIconSlidecouple {
  background-position: -139px -253px;
  width: 30px;
}

.fullBlock{
    overflow: hidden;
}

.fullBlock span{
    margin-top: 7px;
    display: inline-block;
}

.otherResults{
    text-align: center;
    padding: 12px 0px;
    font-size: 120%;
}

.sextoyitem div div div div{
    position:absolute;
    /*float:left;*/
    color:#000000;
    background-color: #ea3272;
    /*font-size:17px;*/
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    font-family:NewsGothic;
    text-align: center;   
}

.sextoyitem div div div a{
    font-weight: bold;
    display: block;
    padding-top: 6px;
}

.sextoyitem div div span{
    font-weight: bold;
    font-size: 110%;
    color: #ea3272;
    padding: 6px 10px;
    display: inline-block;
}

.sextoyitem div div div{
    font-size: 90%;
}

.texte_lien{
    padding-top:15px;
    font-size: 145%;
}

.texte_lien a, .sexShopBack a{
    text-transform: none;
}

.sexShopBack{
    padding-bottom: 20px;
}

.colTete{
    font-size: 120%;
    color: #82002e;
    font-weight: bold;
    padding-top: 10px;
}

.form-group{
    text-align: left;
}

.col-xs-9 > input {
    margin-right: 4px;
}

.padLarge{
    padding: 20px;
}

.form-check-input {
    margin-right: 3px;
}

.form-check {
    padding: 0px 4px;
}

.form-group .col-xs-9{
    padding-left: 6px;
}

.title{
  font-size: 140%;
  padding: 6px 0px 10px 0px;
}

.bold{
	font-weight: bold;
}

.pinkStrong strong{
	color: #b90141;
}

.emphInfo{
	color: rgb(204, 0, 0);
	/*font-size:14px;*/
	font-weight: bold;
}

.OKButton{
	float:left;
}

.linkReminder{
	float:right;
}

.divBox{
  margin: 0 0 12px 0;
}

.clearBg{
  background-color:#b90141;
  color: white;
}

.clearBg a{
  color: white;
  font-weight: normal;
}

.clearBg a:hover{
  color: #82002e;
  cursor: pointer;
}

.darkBg{
  background-color:#82002e;
}

.spacer{
  width: 20px;
  display: inline-block;
}

/* UL LI   ********************************************************************/
ul#topMenuBlock li, /*ul#topMenuBlock li div,*/ /*GG 22/11/17*/ ul.topMenuBlockExt li div,
#footer li, #footer li div{
  padding: 0px 4px;
	text-align: center;
  list-style-type: none;
}

ul.topMenuBlockExt li{
  display: inline-block;
  position: relative;
}

ul.topMenuBlockExt li div{
  position: relative; /*GG 22/11/17*/
  display: inline-block; /*GG 22/11/17*/
}

/*#topMenuBlock, */#collapsefriends>ul, #collapsesearch>ul, #collapsemenu>ul{
  padding: 10px 0px; /*GG 22/11/17*/
}

@media (min-width:768px){
  #topMenuBlock .inactiveTopMenuItem,
  #topMenuBlock .activeTopMenuItem,
  #topMenuBlock .inactiveTopMenuItemStart,
  #topMenuBlock .activeTopMenuItemStart{
    display:inline-flex;
  }
  
  .col-sm-5ths {
      width: 20%;
      float: left;
  }
}

/*GG 22/11/17 ul#topMenuBlock li:after, */
ul.topMenuBlockExt li:after, /*GG 22/11/17 */
ul#topSubMenuBlock li:after,
#footer li:after{
    content: "|";
    padding-left:7px;
    vertical-align:top;
}

/*#main_menu ul#topMenuBlock li, #main_menu ul#topMenuBlock li div,*/
#footer li, #footer li div{
  display: inline-block; 
  position: relative;
}

.dropdown-menu, /*.profileHeader*/.header, .headerCollapse{
  background-color: #b90141; 
  color: white;
}

ul.topMenuBlockExt li:last-child:after,
ul#topSubMenuBlock li:last-child:after,
#footer li:last-child:after{
    content: none;
}

#footer li a{
    font-weight: normal;
    padding-left:0px;
    text-decoration: none;    
}

#topLogout {
    float: right;
}

/*.nav li a{
    display:inline-block;
    padding:unset;
}*/

.dropItem, .dropdown-item {
  margin: 4px;
  padding-bottom: 5px;
}

.dropdown-menu > li > a {
  color: white;
}

.panel-body li {
    margin-top: 5px;
    margin-left: 5px;
}

.panel-body ol {
    margin-left: 22px;
    margin-top: 6px;
}

.menu_item_line{
  padding: 8px 20px;
}

/*ul li, ul li div, ul li a{
    float: left;
}*/
/* HEADERS   ******************************************************************/
/*.txtBlock h2, .txtBlock h3,
.txtBlockWhite h2, .txtBlockWhite h3{
    padding: 10px;
}*/

.txtBlock h2,
.txtBlock h3{
    text-align: center;
    text-transform: uppercase;
	/*margin: 14px 0px;*/
}

.txtBlockPink h2{
	text-transform: uppercase;
	font-weight: normal;
}

.center h1{
	text-transform: uppercase;
}

/*.txtBlock h1{
    margin: 45px 0px 30px 0px;
}*/

.txtBlock h3{
    font-weight: bold;
}

h2.gray{
	color: #666666 !important;
	text-align: left !important;
}

.txtBlockWhite h2,
.txtBlockWhite h3,
.txtBlock h3{
    color: #b90141;
    /*padding: 20px 0px 10px 0px;*/
    vertical-align:middle;
    text-transform: uppercase;
    
    /*font-weight: bold;
    -webkit-transform:scale(1,1.1);
    -moz-transform:scale(1,1.1);
    -ms-transform:scale(1,1.1);
    -o-transform:scale(1,1.1);
    transform:scale(1,1.1);*/
}

.infoHeader, .infoHeader a{
  font-weight: bold;
  font-size: 120%;
}

.infoHeader a{
  color: #b90141;
}
/* FONTS **********************************************************************/
/*.txtBlock*/
.pinktxt, .txtBlock .highlight{
  color: #b90141;
}

.unreaded.txtBlock em { 
    font-style: normal;
    /*font-style: italic;
    color: #b90141;*/
}

.highlight .msg_text, .unreaded .msg_text{
    font-weight: bold;
}

.unreaded{
  color:#666666;
}

#indexPage h1, #indexPage h2, #indexPage h3, #indexPage h4,
.txtBlockWhite h1, .txtBlockWhite h2, .txtBlockWhite h3, .txtBlockWhite h4{
	font-weight: normal;
}

#indexPage div h2{
	text-transform: uppercase;
}

#indexPage h3{
	color: white;
	display: inline;
	text-transform: unset;
	padding-top: unset;
	vertical-align: unset;
}

#indexPage .txtBlock a{
	color: white;
	font-weight: normal;
}

.spaceLink{
    padding: 4px !important;
}

.txtBlockPink h1,.txtBlockPink h2,.txtBlockPink h3,.txtBlockPink h4,
.txtBlock h1,.txtBlock h2,.txtBlock h3,.txtBlock h4,
.txtBlockWhite h1,.txtBlockWhite h2,.txtBlockWhite h3,.txtBlockWhite h4,
.center h1,.center h2,.center h3,.center h4,
.txtBlock p, .txtBlockPink p, .txtBlockWhite p,
.indexImgSlide, .indexForm, .lesliens, .defaultList, .panel-default, .bigTxt, .fakeP{
	padding-top: 22px;
}

.bigTxt{
	display: block;
	text-transform: uppercase;
}

.panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4,
.panel-body h1, .panel-body h2, .panel-body h3, .panel-body h4{
	padding-top: 0px;
	text-transform: none;
}

.txtBlockPink, .txtBlock, .txtBlockWhite, .imgSlide, #footer{
	padding-bottom: 22px;
}

#heading h1{
	font-size: 100%;
}

.radioLbl, .form-check-label{
  font-weight: normal;
  vertical-align: middle;
}

/* OTHER   ********************************************************************/
.spaceLink{
  text-transform: uppercase;
  font-weight: bold;
}

/* SURCHARGE BOOTSTRAP */
.navbar-default {
  background-color: unset;
  border-color: unset;
}

.dropdown-item{
  white-space: nowrap;
  padding: 4px 6px;
}

.navbar{
    border: unset;
    display: inline-block;
    margin-bottom: unset;
    min-height: unset;
    border-radius: unset;
}

.navbar-nav{
  float: none;
}

/*GG 30/10/17
.navbar-text{
  margin-top: 0px;
  margin-bottom: 5px;
  text-decoration: underline;
}*/

.navbar-nav li a {
    padding-top: unset;
    padding-bottom: 4px;
    line-height: unset;
}

.messageBlock input.inputText,
.messageBlock select,
.messageBlock textarea{
    margin-bottom: 12px;
}

.messageBlock div {
    padding-top: 5px;
}

.temoiPseudo{
	font-weight:bold;
}

.row-reset {
    margin-left:0;
    margin-right:0;
}

.menuBlock {
  font-size: 130%;
  font-weight: normal;
}

.menuLine{
  padding-bottom: 4px;
}

div.header, div.headerCollapse{
  vertical-align:middle;
  color: white;
  font-size: 106%;
  height:25px;
  line-height:25px;
  
  overflow: hidden;
}

/*
768px is default breakpoint for menu
*/

@media (min-width: 768px) {
  .navbar-header{
    display:none;
  }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

/* Smartphone */
/*GG 13/12/18 @media (max-width: 1200px) {*/
@media (max-width: 767px) {
	#index_login_form{
		right:2px;
		top:2px;
	}
  .logo a .img-responsive{
    margin: 0px;
  }
  
  .logo{
    width: 60%;
  }
  
/*  div.header{
    line-height:40px;
  }*/
  
  /*GG 22/11/17*/ .topMenuBlockInt .nav-item {
    padding-bottom: 14px;
  }/**/
  
  /*GG 22/11/17
  #topMenuBlock{*/
  .topMenuBlockInt{
    font-size: 138%;
  }
  
  ul.topMenuBlockInt li div{
    padding-bottom: 3px;
  }
  
  .smartHide{
    display: none !important;
  }
  
  .col-lg-5ths {
    width: 20%;
    float: left;
  }

  div.header, div.headerCollapse{
    padding: 12px 10px;
  }
  
  .container input.buttonLinks{
    margin-top: 8px;
  }
  
  .indexImgSlide .col-xs-6 div, .imgSlide .col-xs-6 div{
    padding: 5px;
  }
  
  #top_login_button{
    margin: 6px 5px; /*GG 22/11/17 */
  }
  
  .dropItem, .dropdown-item {
    font-size: 116%;/*130%;*/
  }
  
  .height100 > div{
    padding-bottom: 6px;
  }
}

/*GG 13/12/18 @media (max-width: 1200px)*/ @media (max-width: 767px) and (orientation:portrait) {
  body,#indexPage h3{
    font-size: 20px;
    line-height: 1.3;
  }
  
	h1,h2,h3,h4,.bigTxt{
		font-size: 120%;
	}
	
	#top_login_form{
		display:none;
	}
	
	div#logo {
		text-align: left;
	}
	
  navbar-nav li{
      float: unset;
  }

  .txtBlock h1{
      font-size:130%;
      line-height: 1.0;
  }

  #main_content .txtBlock, #main_content .txtBlockWhite {
      padding-left: 2%;
      padding-right: 2%;
  }

  .profileHeaderSearch>div, .txtBlockWhite>.profHead, .smartPad {
      padding-left: 2%;
      padding-right: 2%;
  }
  
  .profileHeaderSearch>div.online,
  .profileHeaderSearch>div.offline,
  .profileHeaderSearch>div.absent,
  .profileHeaderSearch>div.reponds{
    padding-left:unset;
    padding-right:unset;
  }

/*    .txtBlock, .txtBlockWhite, .txtBlockProfile, .txtBlockProfileExt{
      padding-top: 6px;
      padding-bottom: 10px;
      padding-left: 4%;
      padding-right: 4%;
      font-size : 160%;
  }*/

  .spaceLink a, .locLink a{
      padding-top: 14px;
      display: block;
  }
    
  #footer a{
      margin: 10px;
  }

  #map{
      display:none;
  }

  .txtBlock h3,
  .txtBlockWhite h3,
  .txtBlock h2,
  .txtBlockWhite h2{
      font-size: 130%;
  }

  .txtBlock h3{
      font-size: 140%;
  }

  .profDet h2, .profDetAnnonce h2{
      font-size: 115%;
  }

  .profDet, .profDetAnnonce{
      font-size: 110%;
  }

  /*GG 22/11/17 .sextoyitem img{
      width:600px;
      height:840px;
  }*/

/*    .spaceLink{
      padding: 8px;
  }*/
	
	.profRes{
		display:block;
	}
	
	.profCell{
		display:block;
	}
	
	.profCell img.img-responsive.img-circle{
		margin: 0 auto;
	}
	
	#top_login_button{
		padding-right: 3px;
	}
	
	.form-control {
		font-size: 120%;
		height: unset;
	}
	
	.indexForm div{
		padding: 6px 4px;
  }
   
 	#footer li, #footer li div{
    padding: 9px 6px;
	}
	
	.imgSlide .col-xs-6{
		padding-bottom: 36px; /*GG 22/11/17 r?activ? mais ajout? imgSlide*/
	}
	
	.searchBg .col-md-12 {
		padding-bottom: 12px;
	}
	
	#ID,#Password{
		height: 60px;
		font-size: 100%;
	}
	
	.sextoyitem div div div div{
		font-size : 140%;
		height: 44px;
		width: 120px;
	    line-height: 40px;
	    margin-top:16px;
	}
	
	
	/*#index_login_form{
		right:12px;
		top:12px;
	}*/
	
	input[type="checkbox"],
	input[type="radio"]{
	  width: 24px; /*46*/
	  height: 24px; /*46*/
	  margin-right: 16px;
	  margin-top: 14px;
	}
  
  .cbLabel{
    vertical-align: top;
    padding-top: 28px;
  }	
}

/* PC */
/*GG 13/12/18 @media (min-width: 1201px) {*/
@media (min-width: 768px) {
  body, #indexPage h3{
    font-size: 18px;
    line-height: 1.2;
  }
  
  input[type="checkbox"],
	input[type="radio"]{
	  width: 18px;
	  height: 18px;
	}
  
  .logo a .img-responsive{
    margin: 0px auto;
  }
  
  .txtBlock, .txtBlockWhite, .txtBlockProfile, .txtBlockProfileExt{
    padding-left: 18%;
    padding-right: 18%;
  } 

  #content{
    padding-left: 21%;
    padding-right: 21%;
  }

  
	h1,h2,h3,h4,.bigTxt{
		font-size: 140%;
	}
	
  .txtBlock h1{
    font-size:200%;
  }
    
  .navbar-header{
    margin-bottom: unset;
  }

  .txtBlock h3,
  .txtBlockWhite h3,
  .txtBlock h2,
  .txtBlockWhite h2{
  }

  .txtBlock h3{
      font-size: 110%;
  }

  .profDet h2, .profDetAnnonce h2{
      font-size: 130%;
  }

  /*.profDet, .profDetAnnonce{
      font-size: 110%;
  }*/

  #index_login_form input[type=text],
  #index_login_form input[type=text]{
      float: left;
      padding-right: 4px;
  }

  #index_login_form div{
      padding-right: 4px;
  }
	
	.profRes{
		display:table;
	}

	.profCell{
		display:table-cell;
	}
	
	.vertTop{
		text-align:right;
	}	
  
 	/*.buttonLinks a{
	    min-width: 700px;
	}*/

	.left {
		display: inline-block;
	}
	
	.imgSlide img, .profRes img{
	    max-width: 200px;
	}
	
	#tablejform, .form, .formTxt{
		max-width: 560px;
    text-align: left;
	}
	
	div#login_form {
		max-width: 500px;
		margin: 0px auto;
	}
	
	div#znEditProfil {
		padding: 0px 16px;
	}
	
	.indexForm div{
		padding: 0px 4px;
	}
   
	.row.center.indexImgSlide {
		margin-left: 4%;
		margin-right: 4%;
	}
	
	.indexImgSlide .imgSlide{
		max-width: 260px;
	}
	
	#footer li, #footer li div{
	    padding: 2px 4px;
	}
	
	.messageBlock {
		max-width: 650px;
		margin: 0px auto;
	}
	
	/*#ID,#Password{
		height: 22px;
		font-size: 54%;
	}*/
	
	input.buttonLinks{
		font-size: 60%;
	}
  
  input.buttonLinks{
    font-size: 100%;
  }
	
	.sextoyitem div div div div{
		font-size : 17px;
		height: 24px;
		width: 54px;
    line-height:25px;
    margin-top:16px;
	}
	
	#index_login_form{
		right:8px;
		top:10px;
	}
	
	.OKButton{
		margin-top: 40px;
	}
  
  .linkReminder{
    float:right;
    margin-top: 39px;
  }
  
  #topMenuBlock{
    padding: 10px 0px;
    /*GG 8/1/18 font-size: 114%;*/
  }
  
  #collapsemenu #topMenuBlock{
    font-size: 114%;/*GG 8/1/18*/
  }
  
  div.header{margin-bottom: 10px;}
  
  .checkboxline div{
    padding-right: 20px;
    float: left;
    white-space: nowrap;
  }

  .checkboxline div:last-child{
    padding-right: 0px;
  }
  
  div.header, div.headerCollapse{
    padding: 12px 26px;
  }
  
  .pcHide{
    display: none !important;
  }
  
  .dropItem, .dropdown-item {
    font-size: 110%;
  }
  
  .flex{
    display: flex !important;
  }
  
  .height100 > div{
    display: table-row;
  }
}

/** PURE CSS COUNDED CORNER ***************************************************/
.pure-css-select-style {
  overflow: hidden;
}
.pure-css-select-style select {
  width: 100%;
  padding-right: 38px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  color: #000000;

  /* Hide arrow on FF */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
}
/* Hide arrow on IE10*/
.pure-css-select-style select::-ms-expand {
  display: none;
}
.pure-css-select-style optgroup {
  color: inherit;
  font: inherit;
}
/* IE9: To hide select arrow we make the select overflow on the right side there is not another way :( */
@media screen and (min-width:0\0) {
  .pure-css-select-style select {
    width: calc( 100% + 58px );
  }
}

/* Themes default ----------------------------------------------------------- */
.theme-default {
  /*border: 1px solid #bbb;-*
  border-radius: 2px;
  /* <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M4.33 8.5L0 1L8.66 1z" fill="#666"/></svg> */
  background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E') right 10px center no-repeat;
}
.theme-default select {
  padding: 8px 38px 8px 8px;
  /* You can style text of the active select option */
  font: 400 18px/1.5 'Open Sans', sans-serif;
  color: #666;
}

/* Theme default with line -------------------------------------------------- */
.theme-default-w-line {
  position: relative;
  border: 1px solid #bbb;
  border-radius: 2px;
  /* <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M4.33 8.5L0 1L8.66 1z" fill="#666"/></svg> */
  background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E') right 13px center no-repeat;
}
.theme-default-w-line:after {
  content: '';
  position: absolute;
  width: 1px; top: 0; bottom: 0; right: 40px;
  border-left: 1px solid #bbb;
}
.theme-default-w-line select {
  padding: 12px 40px 12px 8px;
  font: 400 18px/1 'Open Sans', sans-serif;
  color: #666;
}

/* Square ------------------------------------------------------------------- */
.theme-square {
  border: 3px solid #27ae60;
  /* <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M4.33 8.5L0 1L8.66 1z" fill="#27ae60"/></svg> */
  background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%2327ae60%22%2F%3E%3C%2Fsvg%3E') right 10px center no-repeat;
}
.theme-square select {
  padding: 12px 38px 12px 12px;
  /* You can style text of the active select option */
  font: 700 16px/1 'Montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #27ae60;
}

/* Rounded ------------------------------------------------------------------ */
.pure-css-select-style .theme-rounded{
  border: 1px solid #b90141;
}

.divSearch .pure-css-select-style .theme-rounded{
  border: #82002e
}

.indexForm .theme-rounded select{
	color: black;
	padding: 8px 40px 8px 10px;
}

.theme-rounded select{
  /*GG 8/1/18 color: #b90141; */
  
  
  padding: 3px 24px 3px 10px;
  border-radius: 18px;
  font-size: 94%;
  text-transform: uppercase;
  /*background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cpath%20d%3D%22M9%2017L2.07%205L15.93%205z%22%20stroke-width%3D%222%22%20stroke%3D%22%232980b9%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E') right 14px center no-repeat;*/
  background: #FFFFFF url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3Ebackground%3C/title%3E%0A%20%20%3Crect%20x%3D%22-1%22%20y%3D%22-1%22%20width%3D%2220%22%20height%3D%2224%22%20id%3D%22canvas_background%22%20fill%3D%22none%22/%3E%0A%20%3C/g%3E%0A%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ELayer%201%3C/title%3E%0A%20%20%3Cpath%20d%3D%22m9.21663%2C14.514991l-6.605753%2C-7.877129l13.211506%2C0l-6.605753%2C7.877129z%22%20stroke-width%3D%222%22%20fill%3D%22%23b90141%22%20id%3D%22svg_1%22/%3E%0A%20%3C/g%3E%0A%3C/svg%3E") right 4px center no-repeat;
}

/* Rounded and filled ------------------------------------------------------- */
.theme-filled {
  border-radius: 50px;
  /* <svg xmlns="http://www.w3.org/2000/svg" width="18" height="22" viewBox="0 0 18 22"><path d="M9 17L2.07 5L15.93 5z" fill="#fff"/></svg> */
  background: #2980b9 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%3E%3Cpath%20d%3D%22M9%2017L2.07%205L15.93%205z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') right 14px center no-repeat;
  box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.25);
  
}
.theme-filled select {
  padding: 14px 38px 14px 16px;
  /*font: 400 16px/1 'Montserrat', sans-serif;*/
  letter-spacing: 2px;
  color: #fff; /* Cution this is not recommended on IE9! */  
  
}
.theme-filled select option {
  color: #ccc;
}

/* Background gradient ------------------------------------------------------ */
.theme-gradient {
  border: 1px solid #ccc;
  border-radius: 2px;

  /* <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M4.33 8.5L0 1L8.66 1z" fill="#666"/></svg> */
  /* IE9 fallback wi */
  background: #ecf0f1 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
  background-position:right 10px center;
  background-repeat: no-repeat, repeat;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(#ecf0f1, #bdc3c7); /* W3C */
}
.theme-gradient select {
  padding: 12px 38px 12px 16px;
  font: 700 14px/1 'Open Sans', sans-serif;
  letter-spacing: 2px;
  color: #666;
}

.nav li a{
  padding: unset;
}

#montres {
  margin-left:10px;
}

.profTabs li a{
  padding: 10px 15px;
}

.form-control{
  height: unset;
}

.uppercase{
  text-transform: uppercase;
}

.icon-bar {
  background-color: #EEE !important;
}

.navbar-toggle:hover{
  background-color: unset !important;
}

/*.navbar-toggle {
  float:left;
  margin-left: 15px;
}*/



.hide{
  display:none;
}

/*BOOSTRAP 5 EQUAL COLUMNS CLASS*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    /*padding-right: 15px;
    padding-left: 1px;*/
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.navbar-toggle{
  border: 2px solid transparent;
}

/*input.pinkRadio[type="checkbox"]{
  background-image: -webkit-linear-gradient(0deg, transparent 0%, hsla(0,0%,100%,.7), transparent 0%),
                    -webkit-linear-gradient(90deg, transparent 0%, hsla(0,0%,100%,.7), transparent 0%);
  border-radius: 10px;
  box-shadow: inset 0 1px 1px hsl(0, 0%, 100%),
                    0 0 0 1px hsla(0, 0%, 0%, 0.56);
  cursor: pointer;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-right: 2px;
  position: relative;  
  -webkit-appearance: none;
  outline: none;
}

input.pinkRadio[type="checkbox"]:after {
  background-color: white;
  border-radius: 25px;
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  left: 1px;
  top: 1px;
  position: relative;
}

input.pinkRadio[type="checkbox"]:checked:after {
  background-color: #b90141;
}*/

input.pinkRadio[type=checkbox]:not(old),
input.pinkRadio[type=radio   ]:not(old){
  width     : 2em;
  height    : 1.6em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  vertical-align: top;
}

input.pinkRadio[type=checkbox]:not(old) + label,
input.pinkRadio[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input.pinkRadio[type=checkbox]:not(old) + label > span,
input.pinkRadio[type=radio   ]:not(old) + label > span,
input.pinkRadio[type=checkbox]:not(old) + span + label > span{
  display          : inline-block;
  width            : 16px; /* 0.875em;  */
  height           : 16px; /* 0.875em;  */
  margin           : 6px; /* 0.25em 0.5em 0.25em 0.25em; /*  */
  border           : 1px /*0.0625em*/ solid rgb(192,192,192);
  border-radius    : 16px; /* 0.25em; */
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input.pinkRadio[type=checkbox]:not(old):checked + label > span,
input.pinkRadio[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

/*input.pinkRadio[type=checkbox]:not(old):checked + label > span:before{
  content     : 'X';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}*/

input.pinkRadio[type=checkbox]:not(old):checked +  label > span > span,
input.pinkRadio[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 10px; /*0.5em;*/
  height           : 10px; /*0.5em;*/
  margin           : 2px; /*0.125em;*/
  border           : 1px solid gray;/*0.0625em solid rgb(115,153,77);*/
  border-radius    : 1em; /*0.125em;*/
  background       : #b90141; /*rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));*/
}

.divSearch input.pinkRadio[type=checkbox]:not(old):checked +  label > span > span,
.divSearch input.pinkRadio[type=radio]:not(old):checked +  label > span > span{
  background       : #82002e;
}

div.pagination{
  padding-bottom: 20px;
}

.pagination li a{
  color: #b90141;
}

.pagination .active a,.pagination .active a:hover{
  background-color: #b90141;
  border-color: #b90141;
}

.topPadSmall{
  padding-top: 20px;
}

div.circle-avatar{
  /* make it responsive */
  max-width: 100%;
  width:100%;
  height:auto;
  display:block;
  /* div height to be the same as width*/
  padding-top:100%;

  /* make it a circle */
  border-radius:50%;

  /* Centering on image`s center*/
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;

  /* it makes the clue thing, takes smaller dimension to fill div */
  background-size: cover;

  /* it is optional, for making this div centered in parent*/
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.online, .offline, .absent, .reponds{
  border-radius: 50%;
  width: 9px; /*GG 6/12/17 16px;*/
  height: 9px; /*GG 6/12/17 16px;*/
  float: left;  
  margin-right: 14px;
  margin-left: 14px;
  margin-top: 4px;
}

.profileHeaderSearch .online,
.profileHeaderSearch .offline,
.profileHeaderSearch .absent,
.profileHeaderSearch .reponds{
  margin-top: 22px;
}

.online{
  background-color: #009900;
}

.offline{
  background-color: #bbb;
}

.absent{
  background-color: #FF9900;
}

.reponds{
  background-color: #EE0000;
}

input[type='file'] {
	cursor: pointer;
}

textarea, input[type=text], select, .form-control{
  /*border: 1px solid #b90141;
  color: #b90141;*/
  overflow: hidden;
  padding: 6px;
  outline: none;
  resize: none;
  font-size: 100%;/*GG 21/11/17 joinform 90%;*/
  width: 100%;
}

.mceToolbarTop select{
  width: unset;
}

.txtCenter{
  text-align: center;
}

.smallBSpacer{
  margin-bottom: 8px;
}

.smallTSpacer{
  margin-top: 8px;
}

#FAQ h5 a{
  top: 170px;
  padding-top:170px;
}

.alert-info{
  color: #b90141;
  background-color:unset;  
  border-color:unset;
}

.alert{
  border: unset;
  display: table;
  margin: 0px auto;
}

.alert>span{
  padding: 0px 6px;
  display: block;
  float: left;
}

.alert ul{
  margin-left: 4%;
}

.progressBar {
  color: #444444;
}

.height100{
  display: table;
  height: 100%;
  margin: 0px auto;
}

.absolute{
  position: absolute;
}

.miniProfile{
  color: black;
  font-weight: normal;
}

.miniProfile > .profImage{
  padding: 20px;
}

.infoBlockLine{
  display: block;
  overflow: hidden;
}

.infoBlockLine div{
  padding-top: 6px;
}

.text-button {
  position: absolute;
  border-bottom: 1px dotted black;
  margin-top: 40px;
}

.hover-text-button .text-button::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.hover-text-button .text-button {
  visibility: hidden;
  width: 400px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
	left: 40px;
}

.hover-text-button:hover .text-button{
	visibility: visible;
	opacity: 1;	
}

/*DD*/

.progressBloc{
    z-index: 2;
    background-color: #EEE;
    border: 1px solid silver;
    padding: 12px;
    clear: both;
    margin-bottom: 10px;
}

.progOng{
    text-align: center;
    padding: 5px 0;
    border: 3px #d99e9e;
    border-style: solid;
    background: #e08eb74f;
    margin: 7px 0;
}

.progOng p{
    padding: 0;
    font-size: 15px;
}
.progChamps{
    display: none;
}

.progChamps{
    display: none;
    grid-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
}
.progressBloc a{
    cursor: pointer;
}
.progress-circle{
    position: relative;
    box-sizing: border-box;
    font-size: 6em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: .15em solid #CDE;
    background-color: #FFF;
}
.progress-masque {
    position: absolute;
    width: 1em;
    height: 1em;
    left: -.15em;
    top: -.15em;
    clip: rect(0, 1em, 1em, .5em);
}

.progress-barre,
.progress-sup50 {
    position: absolute;
    box-sizing: border-box;
    border-width: .15em;
    border-style: solid;
    border-color: #069;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    clip: rect(0, .5em, 1em, 0);
}
.progress-sup50 {
    display: none;
    clip: rect(0, 1em, 1em, .5em);
}
.progress-circle:after {
    content: attr(data-value) "%";
    position: relative;
    left: 0.5px;
    font-size: 0.15em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 .5em rgba(0, 0, 0, .5) inset;
}

.progress-circle[data-value^='5']:not([data-value='5']):not([data-value^='5.']) .progress-sup50,
.progress-circle[data-value^='6']:not([data-value='6']):not([data-value^='6.']) .progress-sup50,
.progress-circle[data-value^='7']:not([data-value='7']):not([data-value^='7.']) .progress-sup50,
.progress-circle[data-value^='8']:not([data-value='8']):not([data-value^='8.']) .progress-sup50,
.progress-circle[data-value^='9']:not([data-value='9']):not([data-value^='9.']) .progress-sup50,
.progress-circle[data-value^='100'] .progress-sup50 {
    display:block;
}

.progress-circle[data-value^='5']:not([data-value='5']):not([data-value^='5.']) .progress-masque,
.progress-circle[data-value^='6']:not([data-value='6']):not([data-value^='6.']) .progress-masque,
.progress-circle[data-value^='7']:not([data-value='7']):not([data-value^='7.']) .progress-masque,
.progress-circle[data-value^='8']:not([data-value='8']):not([data-value^='8.']) .progress-masque,
.progress-circle[data-value^='9']:not([data-value='9']):not([data-value^='9.']) .progress-masque,
.progress-circle[data-value^='100'] .progress-masque {
    clip: rect(auto, auto, auto, auto);
}

.selectChampHide{
    /*border: 0px solid red;*/
    box-shadow: 0px 0px 2px 1px #b90141;
    border-radius: 3px;
    animation: 0.4s ease-in 2 alternate showChamp;
}

.linksOng{
    display: flex;
    width: 100%;
    padding: 5px;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-align: -webkit-center;
}

.blocLink p{
    padding: 0;
}

.linksOng:hover{
    border-radius: 5px;
    background: #d6d6d6;
}
.firstBlocProgress{
    display: flex;
    align-items: center;
}
.progressInfo{
    display: block;
    width: 75%;
    margin: auto;
}
.progressInfo p{
    padding-top: 5px;
}

.progressInfo h4{
    padding: 0;
}
@keyframes showChamp {
    from {
        box-shadow: 0px 0px 2px 1px #b90141;
    }
    to   {
        box-shadow: 0px 0px 7px 5px #b90141;
    }
}

/*DD*/
#canvasD{
    border: solid 2px;
    border-radius: 8px;
}

#qrcanvas{
    text-align: -webkit-center;
    text-align: center;
}

.msgtxtarea{
    padding-left: 120px;
    height: 70px;
}