/* Scrollbar */

/* Turn on custom 8px wide scrollbar */
::-webkit-scrollbar {
  width: 10px; /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
 
/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
  /* This is the EXACT color of Mac OS scrollbars. 
     Yes, I pulled out digital color meter */
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0);
  min-height: 10px; /*Prevent it from getting too small */
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i
{
	color: #969fa3;
}

/* Page de connexion */

.login .content
{
	background-image: none;
	background-color: #FFFFFF;
}
.login .content label, .login .content p, .login .content h3, .login .content h4
{
	color: #333333;
}

/* Général */

.afficher-app
{
}

.page-content
{
	padding: 0px 0px 20px;
}
img.logo-default
{
	height: 45px;
}
.page-header .page-header-top .page-logo .logo-default
{
	margin: 15px 0 0;
}
.rose
{
	color: #FFFFFF !important;
	border-color: #E06195 !important;
	background-color: #E06195 !important;
}
.rose:hover
{
	color: #FFFFFF !important;
	border-color: #D83A7A !important;
	background-color: #D83A7A !important;
}
.rose-o
{
	color: #D83A7A !important;
	border-color: #D83A7A !important;
	background: 0 0 !important;
}
.rose-o:hover
{
	color: #FFFFFF !important;
	border-color: #D83A7A !important;
	background-color: #D83A7A !important;
}
.bleu
{
	color: #FFFFFF !important;
	border-color: #6CB5FF !important;
	background-color: #6CB5FF !important;
}
.bleu:hover
{
	color: #FFFFFF !important;
	border-color: #47A3FF !important;
	background-color: #47A3FF !important;
}
.bleu-o
{
	color: #47A3FF !important;
	border-color: #47A3FF !important;
	background: 0 0 !important;
}
.bleu-o:hover
{
	color: #FFFFFF !important;
	border-color: #47A3FF !important;
	background-color: #47A3FF !important;
}
.noir
{
	color: #FFFFFF !important;
	border-color: #444d58 !important;
	background-color: #444d58 !important;
}
.noir:hover
{
	color: #FFFFFF !important;
	border-color: #2F353B !important;
	background-color: #2F353B !important;
}
.noir-o
{
	color: #2F353B !important;
	border-color: #2F353B !important;
	background: 0 0 !important;
}
.noir-o:hover
{
	color: #FFFFFF !important;
	border-color: #2F353B !important;
	background-color: #2F353B !important;
}
.clear
{
	clear: both;
}
.margin-bottom-0
{
	margin-bottom: 0px !important;
}
.inline-block
{
	display: inline-block !important;
}
.table-responsive
{
	overflow-x: unset;
}
.fileinput .uneditable-input
{
	min-width: 0px;
}
.fileinput .input-medium
{
	width: 100% !important;
}
.fileinput .fileinput-filename
{
	width: 100px;
}
.date-liste
{
	display: inline-block;
	width: 32.45%;
}
#naissance-jour-error, #naissance-mois-error
{
	display: none !important;
}
#naissance-annee-error
{
	color: #e73d4a;
}

/* Notifications */

.alert-flash
{
	background-color: rgba(217, 59, 122, 0.80);
	border-color: rgba(217, 59, 122, 0.80);
	color: #FFFFFF;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a
{
	padding: 10px 15px !important;
}
.notif-image
{
	float: left;
	margin-right: 10px;
}
.notif-texte
{
	float: left;
}
#header_notification_message li div.badge
{
	float: right;
	clear: both;
	border-radius: 0px;
	background-color: transparent;
	color: #aaafb7;
}
#header_notification_message li.nouveau div.badge
{
	color: #47A3FF;
}
.notif-texte
{
	float: none;
	max-height: 42px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child
{
	padding-right: 10px;
}

/* Listes de membres */

.mini-fiche
{
	width: 100%;
	//background-color: #FFFFFF;
	border-radius: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	//min-height: 380px;
}
.mini-fiche:hover
{
	//box-shadow: 0px 0px 4px #CCCCCC;
}
.mini-fiche .photo img
{
	width: 100%;
	border-radius: 10px;
}
.mini-fiche .pseudo
{
	text-align: center;
	font-weight: 900;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	margin: -50px 0 0 15px;
}
.mini-fiche .pseudo a, .mini-fiche .pseudo a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
.mini-fiche .age
{
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;
	font-size: 12px;
	position: absolute;
	bottom: 40px;
	right: 30px;
}
.mini-fiche .ville
{
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;
	font-size: 12px;
	position: absolute;
	margin: -30px 0 0 15px;
}
.mini-fiche .enligne
{
	text-align: center;
	color: #FFFFFF;
	line-height: 20px;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 23px;
	background-color: #24c000;
	padding: 0px 5px;
	border-radius: 5px;
}
.mini-fiche .boutons
{
	padding: 10px 0 0 0;
	text-align: center;
	display: none;
}
.fa.fa-circle.enligne
{
	font-size: 10px;
	color: #26C281;
}
.fa.fa-circle-o.horsligne
{
	font-size: 10px;
	color: #C1CCD1;
}

/* Profil */

#profil .photo-principale img
{
	width: 100%;
	border-radius: 4px;
}
#profil .page-head .page-title div
{
	display: inline-block;
	margin-right: 20px;
}
#profil .page-head .page-title .boutons
{
	display: inline-block;
	margin-right: 0px;
}
#profil .page-head .page-title
{
	width: 100%;
}
#profil .boutons
{
	float: right;
}
#profil .infos .pseudo
{
	font-size: 20px;
	font-weight: 900;
}
#profil .infos .age, #profil .infos .ville
{
	font-size: 16px;
}
#profil .question, #profil .reponse
{
	line-height: 28px;
}
#profil .question
{
	font-weight: 600;
}
#profil .photo-secondaire
{
	text-align: center;
	padding: 5px !important;
}
#profil .photo-secondaire img
{
	border-radius: 4px;
	max-width: 100%;
}
#profil .photos-liste .row
{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/* Formulaires */

.form-horizontal .control-label
{
	text-align: left;
}
.bootstrap-tagsinput
{
	display: block !important;
}
.bootstrap-tagsinput input
{
	width: 100% !important;
}
.help-block
{
	font-size: 12px;
}
#form-photos .photo-secondaire
{
	text-align: center;
	padding: 5px !important;
}
#form-photos .photo-secondaire img
{
	border-radius: 4px;
	max-width: 100%;
}
#form-photos .photos-liste .row
{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#form-photos .photo-secondaire img.principale
{
	border: solid 4px #47A3FF;
}
#form-photos .photo-secondaire img.secondaire
{
	border: solid 4px #E1E5EC;
}
.login .form-wizard .steps>li.active>a.step .number
{
	background-color: #47A3FF !important;
}
.login .form-wizard .steps>li.done>a.step .number
{
	background-color: #D83A7A !important;
}
.login .datepicker.dropdown-menu
{
	margin-top: 65px;
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label
{
	color: #26C281;
}
.has-success .form-control
{
	border-color: #26C281;
}
#verifpseudo
{
	font-size: 12px;
}
.erreur
{
	color: #e73d4a !important;
}
.correct
{
	color: #26C281 !important;
}
input.erreur
{
	border-color: #e73d4a !important;
}
input.correct
{
	border-color: #26C281 !important;
}

/* Chat */

#messagerie .page-content
{
	padding-bottom: 0px;
}
#messagerie ul.liste-chat
{
	padding: 0px;
	margin: 0px;
	height: calc(100vh - 260px);
	overflow: auto;
}
#messagerie ul.liste-chat li
{
	padding: 10px;
	margin: 0px;
	list-style-type: none;
	border-radius: 4px;
}
#messagerie ul.liste-chat li:hover
{
	background-color: rgba(192, 204, 209, 0.15);
}
#messagerie ul.liste-chat a li
{
	color: #2f353b;
}
#messagerie ul.liste-chat a:hover li
{
	color: #2f353b;
	text-decoration: none;
}
#messagerie ul.liste-chat li .photo
{
	float: left;
}
#messagerie ul.liste-chat li .infos
{
}
#messagerie ul.liste-chat li .pseudo
{
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	line-height: 20px;
	font-weight: 400;
}
#messagerie ul.liste-chat li.nouveau .pseudo
{
	font-weight: 700;
}
#messagerie ul.liste-chat li .texte
{
	clear: both;
	color: #94A0B2;
	font-weight: 100;
	font-size: 12px;
	float: left;
	margin-left: 60px;
	margin-top: -22px;
	height: 20px;
	width: 60%;
	overflow: hidden;
}
#messagerie ul.liste-chat li:after
{
    content: '';
    display: block;
    clear: both;
}
#messagerie ul.liste-chat hr
{
	border: none;
	border-bottom: dotted 1px rgba(192, 204, 209, 0.3);
	margin: 5px 0;
}
#messagerie ul.liste-chat li .badge
{
	float: right;
	color: rgba(192, 204, 209, 0.5);
	background-color: transparent;
	font-size: 12px;
	margin-top: -18px;
}
#messagerie ul.liste-chat li.nouveau .badge
{
	color: #47A3FF;
}
#messagerie ul.liste-chat li .date
{
	float: right;
	font-size: 12px;
	background-color: rgba(192, 204, 209, 0.3);
	color: #666666;
	border-radius: 4px;
	padding: 2.5px 5px;
}
#messagerie .photo-principale img
{
	max-width: 100%;
	border-radius: 4px;
}

#messagerie .fenetre-chat
{
	height: calc(100vh - 295px);
	overflow: auto;
}

#messagerie .fenetre-chat .bulle-gauche
{
	float: left;
	margin-bottom: 3px;
	margin-left: 50px;
}
#messagerie .fenetre-chat .bulle-gauche .photo
{
	float: left;
}
#messagerie .fenetre-chat .bulle-gauche .photo img
{
	width: 40px;
}
#messagerie .fenetre-chat .bulle-gauche .texte
{
	background-color: rgba(192, 204, 209, 0.3);
	padding: 10px 15px;
	margin-left: 10px;
	border-radius: 10px 10px 10px 10px;
	max-width: 80%;
	font-size: 13px;
	display: table-cell;
}
#messagerie .fenetre-chat .bulle-gauche .date
{
	width: 80%;
	margin-left: 50px;
	font-size: 11px;
	color: #999999;
	text-align: left;
	float: left;
}

#messagerie .fenetre-chat .bulle-gauche.avec-photo
{
	float: none;
	display: table;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: left;
	width: 100%;
}
#messagerie .fenetre-chat .bulle-gauche.avec-photo .photo
{
	float: none;
	display: inline-block;
}
#messagerie .fenetre-chat .bulle-gauche.avec-photo .texte
{
	float: none;
	display: inline-block;
	border-radius: 10px 10px 10px 0px;
	text-align: left;
}
#messagerie .fenetre-chat .bulle-gauche.avec-photo .date
{
	float: none;
	width: 80%;
	margin-left: 50px;
	font-size: 11px;
	color: #999999;
	text-align: left;
	display: inline-block;
	margin-top: 3px;
}

#messagerie .fenetre-chat .bulle-droite
{
	float: right;
	margin-bottom: 3px;
	margin-right: 50px;
}
#messagerie .fenetre-chat .bulle-droite .photo
{
	float: right;
}
#messagerie .fenetre-chat .bulle-droite .photo img
{
	width: 40px;
}
#messagerie .fenetre-chat .bulle-droite .texte
{
	background-color: #47A3FF;
	padding: 10px 15px;
	margin-right: 10px;
	border-radius: 10px 10px 10px 10px;
	color: #FFFFFF;
	max-width: 80%;
	font-size: 13px;
	display: table-cell;
}
#messagerie .fenetre-chat .bulle-droite .date
{
	width: 80%;
	margin-right: 50px;
	font-size: 11px;
	color: #999999;
	text-align: right;
	float: right;
}
#messagerie .fenetre-chat .bulle-droite.avec-photo
{
	float: none;
	display: table;
	margin-bottom: 20px;
	margin-right: 0px;
	text-align: right;
	width: 100%;
}
#messagerie .fenetre-chat .bulle-droite.avec-photo .texte
{
	float: none;
	display: inline-block;
	border-radius: 10px 10px 0px 10px;
	text-align: left;
}
#messagerie .fenetre-chat .bulle-droite.avec-photo .date
{
	width: 100%;
	margin-right: 50px;
	font-size: 11px;
	color: #999999;
	text-align: right;
	display: inline-block;
	margin-top: 3px;
}
#messagerie .fenetre-chat .bulle-droite.avec-photo .date .fa-eye
{
	color: #47A3FF;
}
#messagerie .form-chat #chatbox
{
	height: 35px;
	width: calc(100% - 50px);
	display: inline-block;
}
#messagerie .form-chat #valider div
{
	width: 45px;
	text-align: center;
	display: inline-block;
	color: #47A3FF;
	font-size: 20px;
	line-height: 20px;
}

#messagerie .question, #profil .reponse
{
	line-height: 28px;
	max-width: 100%;
	overflow-x: auto;
}
#messagerie .reponse
{
	margin-bottom: 10px;
}
#messagerie .question
{
	font-weight: 600;
}
#messagerie .portlet.light
{
	margin-bottom: 0px;
}
#messagerie a#titre-membre
{
	color: #47A3FF !important;
}


/* Flashs */

.liste-membre-simple .portlet.light.simple, .liste-membre-simple .portlet.light.simple .portlet-body
{
	padding: 0px;
}
.liste-membre-simple .portlet-body ul
{
	padding: 0px;
	margin: 0px;
}
.liste-membre-simple .portlet-body li
{
	padding: 20px 0px;
	margin: 0px 20px;
	border-bottom: 1px solid #EEEEEE;
	list-style-type: none;
}
.liste-membre-simple .portlet-body li:last-child
{
	border-bottom: none;
}
.liste-membre-simple .portlet-body li a
{
	color: #2F353B;
}
.liste-membre-simple .portlet-body li:after
{
    content: '';
    display: block;
    clear: both;
}
.liste-membre-simple .portlet-body li .time
{
	float: right;
	color: #697882;
	font-size: 12px;
	margin-top: 20px;
}
.liste-membre-simple .portlet-body li .details, .liste-membre-simple .portlet-body li .details .notif-image, .liste-membre-simple .portlet-body li .details .notif-texte
{
	float: left;
}
.liste-membre-simple .portlet-body li .details .notif-texte
{
	line-height: 30px;
}
.liste-membre-simple .portlet-body li .details .notif-image img.img-circle
{
	width: 60px;
}

/* Administration */

.max-overflow-200
{
	height: 200px;
	overflow: auto;
}
.max-overflow-300
{
	height: 300px;
	overflow: auto;
}
.max-overflow-400
{
	height: 400px;
	overflow: auto;
}
.admin-photo
{
	width: 20%;
	display: inline-block;
	text-align: center;
	padding: 10px;
}

/* CGU */

#cgu h4
{
	font-weight: 600;
}

/* Recherche */

#recherche .form-control
{
	width: auto;
	margin: 0 10px;
	display: inline-block;
}
#recherche .page-head .page-title
{
	float: none;
	display: block;
}
#recherche > div.page-wrapper > div.page-wrapper-row.full-height > div > div > div > div.page-head > div > div > div
{
	font-size: 12px;
}
#recherche > div.page-wrapper > div.page-wrapper-row.full-height > div > div > div > div.page-head > div > div > div > label
{
	font-size: 14px;
	font-weight: 600;
	margin-right: 10px;
}
#recherche input#ville
{
	width: 250px;
}
#recherche .col
{
	display: inline-block;
}

/* Responsive */

.cacher-desk
{
	display: none !important;
}
.cacher-desk:before
{
	display: none !important;
}
.afficher-desk
{
	display: block;
}

@media (max-width: 480px)
{
	
	/* Barre de navigation */
	
	.page-wrapper .page-wrapper-middle
	{
		background-color: #FFFFFF;
	}
	.page-header
	{
		position: fixed;
		bottom: 0px;
		z-index: 9999;
		padding-bottom: env(safe-area-inset-bottom);
	}
	.page-header .page-header-top .top-menu
	{
		clear: none;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.page-header .page-header-top .page-logo
	{
		display: none;
	}
	.page-header .page-header-menu
	{
		padding: 0px;
	}
	.page-header .page-header-menu .container
	{
		padding: 0px;
	}
	.page-header .page-header-menu .hor-menu, .page-header .page-header-menu .hor-menu .navbar-nav, .page-header .page-header-menu .hor-menu .navbar-nav>li:first-child>a
	{
		border-radius: 0px;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.open>a:hover
	{
		background: #47A3FF !important;
	}
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-notification>.dropdown-menu
	{
		display: none;
	}
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle
	{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.page-header .page-header-top .menu-toggler
	{
		margin: 20px 25px 0 15px;
	}
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator
	{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator
	{
		margin-left: 0px !important;
	}
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown
	{
		padding: 0px !important;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav>li:first-child
	{
		border-top: 1px solid #F0F0F0;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a>i
	{
		color: #47A3FF !important;
	}
	
	
	/* Général */
	
	body
	{
		background-color: #eff3f8;
	}
	.cacher-app
	{
		display: none !important;
	}
	.afficher-app
	{
		display: block !important;
	}
	.afficher-app:before
	{
		display: block !important;
	}
	#iphonex
	{
		position: fixed;
		height: env(safe-area-inset-top);
		width: 100%;
		background-color: #47A3FF;
		z-index: 9999999;
	}
	.login .logo
	{
		margin-top: 0px;
	}
	#connexion .logo, #inscription .logo
	{
		padding-top: calc(env(safe-area-inset-top)*1.5);
	}
	.page-content
	{
		padding: 0px 0px 70px;
	}
	.page-content>.container, div.page-head > div
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	.page-container
	{
		padding-top: 20px;
		//padding-top: env(safe-area-inset-top);
		padding-bottom: 25px;
	}
	#profil .page-container
	{
		padding-top: 0px;
	}
	#recherche .page-head .page-title
	{
		padding-top: calc(env(safe-area-inset-top)*1.5);
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	.row
	{
		margin-left: 0px;
		margin-right: 0px;
	}
	.margin-bottom-app-0
	{
		margin-bottom: 0px !important;
	}
	.margin-bottom-app-10
	{
		margin-bottom: 10px !important;
	}
	.h1, .h2, .h3, h1, h2, h3
	{
		margin-top: 10px;
	}
	h3
	{
		font-size: 18px;
	}
	.scroll-to-top
	{
		display: none !important;
	}
	.tooltip
	{
		display: none !important;
	}
	.page-header .page-header-top .container
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i
	{
		font-size: 25px;
	}
	#recherche .page-head
	{
		position: fixed;
	    z-index: 99;
	    width: 100%;
	    top: 0;
	    padding-top: 20px;
	}
	#recherche .page-container
	{
		padding-top: 70px;
	}
	#enligne h3
	{
		font-size: 26px;
	    font-weight: 600;
	    padding-bottom: 10px;
	}
	#enligne #effectuer-recherche
	{
		margin: 10px auto;
	}
	
	/* Mini-fiches */
	
	.mini-fiche
	{
		margin-bottom: 0px;
		min-height: 0px;
	}
	.mini-fiche .boutons
	{
		margin-top: -30px;
	}
	.mini-fiche .boutons .bleu-o, .mini-fiche .boutons .rose-o
	{
		background: #FFFFFF !important;
		border: none !important;
	}
	.mini-fiche .boutons .bleu-o
	{
		color: #47A3FF !important;
	}
	.mini-fiche .boutons .rose-o
	{
		color: #D83A7A !important;
	}
	.mini-fiche .pseudo
	{
		padding: 0px;
		font-size: 14px;
	}
	.mini-fiche .age
	{
		float: left;
		padding-left: 10px;
		font-size: 12px;
		bottom: 20px;
		right: 20px;
	}
	.mini-fiche .ville
	{
		display: block;
		padding-right: 10px;
		height: 20px;
		overflow: hidden;
		font-size: 12px;
	}
	.mini-fiche .fa-map-marker:before
	{
		//content: "/";
	}
	.owl-dots
	{
		margin-top: -50px !important;
	    z-index: 99;
	    position: fixed;
	    width: 100%;
    }
	
	/* Footer */
	
	.page-footer
	{
		display: none;
	}
	
	/* Messagerie */
	
	#messagerie
	{
		height: 100vh;
	}
	#messagerie .page-content
	{
		padding-bottom: 0px;
	}
	#messagerie .row
	{
		margin: 0 -5px;
	}
	#messagerie .portlet.light
	{
		padding: 10px;
	}
	#messagerie .portlet.light>.portlet-title
	{
		margin-bottom: 0px;
		min-height: 0px;
		height: 30px;
		border: none;
		text-align: center;
	}
	#messagerie .portlet.light>.portlet-title>.caption
	{
		padding: 0px;
		float: none;
	}
	#messagerie .portlet.light .portlet-body
	{
		padding: 0px;
	}
	#messagerie ul.liste-chat
	{
		height: calc(100vh - 120px);
	}
	#messagerie #fenetre-messagerie-2 .actions
	{
		display: none;
	}
	#messagerie .fenetre-chat
	{
		height: calc(100vh - 220px);
	}
	#messagerie .col-lg-1, #messagerie .col-lg-10, #messagerie .col-lg-11, #messagerie .col-lg-12, #messagerie .col-lg-2, #messagerie .col-lg-3, #messagerie .col-lg-4, #messagerie .col-lg-5, #messagerie .col-lg-6, #messagerie .col-lg-7, #messagerie .col-lg-8, #messagerie .col-lg-9, #messagerie .col-md-1, #messagerie .col-md-10, #messagerie .col-md-11, #messagerie .col-md-12, #messagerie .col-md-2, #messagerie .col-md-3, #messagerie .col-md-4, #messagerie .col-md-5, #messagerie .col-md-6, #messagerie .col-md-7, #messagerie .col-md-8, #messagerie .col-md-9, #messagerie .col-sm-1, #messagerie .col-sm-10, #messagerie .col-sm-11, #messagerie .col-sm-12, #messagerie .col-sm-2, #messagerie .col-sm-3, #messagerie .col-sm-4, #messagerie .col-sm-5, #messagerie .col-sm-6, #messagerie .col-sm-7, #messagerie .col-sm-8, #messagerie .col-sm-9, #messagerie .col-xs-1, #messagerie .col-xs-10, #messagerie .col-xs-11, #messagerie .col-xs-12, #messagerie .col-xs-2, #messagerie .col-xs-3, #messagerie .col-xs-4, #messagerie .col-xs-5, #messagerie .col-xs-6, #messagerie .col-xs-7, #messagerie .col-xs-8, #messagerie .col-xs-9
	{
		padding: 0px;
	}
	#messagerie #retour-messagerie-liste
	{
		padding-right: 20px;
	}
	#messagerie .fenetre-chat .bulle-droite, #messagerie .fenetre-chat .bulle-droite .texte, #messagerie .fenetre-chat .bulle-droite.avec-photo .date
	{
		margin-right: 0px;
	}
	#messagerie .fenetre-chat .bulle-droite .photo
	{
		display: none;
	}
	#messagerie a#retour-messagerie-liste:hover, #messagerie a#titre-membre:hover
	{
		text-decoration: none;
	}
	#messagerie a#retour-messagerie-liste, #messagerie a#titre-membre
	{
		color: #47A3FF !important;
	}
	#messagerie #retour-messagerie-liste > i
	{
		display: inline-block !important;
	}
	
	/* Profil */
	
	#profil .photo-principale.desktop
	{
		display: none;
	}
	#profil .photo-principale.mobile
	{
		display: block;
	}
	#profil .photo-principale
	{
		margin: 0 -10px;
		position: fixed;
		max-width: 100vw;
	}
	#profil .photo-principale img
	{
		border-radius: 0px;
	}
	
	#profil .page-title
	{
		padding: 20px 0;
		margin: 480px -10px 0px;
		position: relative;
		z-index: 9;
		background-color: #FFFFFF;
		border-radius: 20px 20px 0 0;
	}
	#profil .page-title div
	{
		margin-right: 0px;
		text-align: left;
		display: block;
		padding-left: 15px;
	}
	#profil > div > div.page-wrapper-row.full-height > div > div > div > div.page-content > div > div > div.row > div.page-title.afficher-app > div.infos .fa.fa-angle-right
	{
		display: none;
	}
	#profil .page-title .boutons
	{
		display: block;
		text-align: center;
		position: fixed;
	    z-index: 99;
	    width: 100%;
	    bottom: 80px;
   		bottom: calc(100px + env(safe-area-inset-top));
	}
	#profil .page-title .boutons a
	{
		background-color: #FFFFFF !important;
		border: none;
		border-radius: 100px;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important;
		font-size: 0px !important;
		width: 50px;
		height: 50px;
		margin: 0 10px;
	}
	#profil .page-title .boutons a i
	{
		font-size: 20px !important;
		margin-top: 13px;
	}
	#profil .profil-contenu
	{
		background-color: #FFFFFF;
		margin: 0 -10px;
	}
	#profil .profil-contenu .portlet.light
	{
		padding: 12px 30px 15px;
	}
	#signaler-bloquer
	{
		display: none;
	}
	#profil .boutons
	{
		float: none;
		margin-top: 10px;
	}
	#profil .infos .pseudo
	{
		font-size: 18px;
	}
	#profil .infos .age, #profil .infos .ville
	{
		font-size: 14px;
	}
	#profil .page-content
	{
		padding-bottom: 70px;
	}
	#profil .page-content>.container
	{
		padding: 0 10px;
	}
	#profil .col-lg-1, #profil .col-lg-10, #profil .col-lg-11, #profil .col-lg-12, #profil .col-lg-2, #profil .col-lg-3, #profil .col-lg-4, #profil .col-lg-5, #profil .col-lg-6, #profil .col-lg-7, #profil .col-lg-8, #profil .col-lg-9, #profil .col-md-1, #profil .col-md-10, #profil .col-md-11, #profil .col-md-12, #profil .col-md-2, #profil .col-md-3, #profil .col-md-4, #profil .col-md-5, #profil .col-md-6, #profil .col-md-7, #profil .col-md-8, #profil .col-md-9, #profil .col-sm-1, #profil .col-sm-10, #profil .col-sm-11, #profil .col-sm-12, #profil .col-sm-2, #profil .col-sm-3, #profil .col-sm-4, #profil .col-sm-5, #profil .col-sm-6, #profil .col-sm-7, #profil .col-sm-8, #profil .col-sm-9, #profil .col-xs-1, #profil .col-xs-10, #profil .col-xs-11, #profil .col-xs-12, #profil .col-xs-2, #profil .col-xs-3, #profil .col-xs-4, #profil .col-xs-5, #profil .col-xs-6, #profil .col-xs-7, #profil .col-xs-8, #profil .col-xs-9
	{
		padding: 0px;
	}
	#profil .portlet
	{
		margin-bottom: 10px;
	}
	.mini-fiche .enligne
	{
		text-align: center;
		color: #FFFFFF;
		line-height: 20px;
		font-size: 12px;
		position: absolute;
		top: 7px;
		right: 13px;
		background-color: #24c000;
		padding: 0px 5px;
		border-radius: 5px;
	}
	
	/* Connexion */
	
	#connexion > div.logo > a > img
	{
		max-width: 80%;
	}
	#connexion > div.logo
	{
		margin-bottom: 10px !important;
	}
	#connexion > div.content
	{
		padding: 20px;
		width: calc(100% - 20px);
	}
	
	/* Inscription */
	
	#inscription > div.logo > a > img
	{
		max-width: 80%;
	}
	#inscription .portlet
	{
		margin-bottom: 0px !important;
	}
	#inscription > div.logo
	{
		margin-bottom: 10px !important;
	}
	#inscription > div.content
	{
		padding: 20px;
		width: calc(100% - 20px);
	}
	#inscription .container, .container-fluid
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	
	/* Recherche */
	
	#recherche .col
	{
		display: block;
		margin-bottom: 10px;
		text-align: center;
	}
	#recherche .col:last-child
	{
		margin-bottom: 0px;
	}
	#recherche input#ville
	{
		width: auto;
	}
	#recherche .page-head
	{
		background: #FFFFFF;
	}
	
	
	/* Administration */
	
	.admin-photo
	{
		width: 50%;
		display: inline-block;
		text-align: center;
		padding: 10px;
	}


	
	/* Scrollbar */
	
	/* Turn on custom 8px wide scrollbar */
	::-webkit-scrollbar {
	  width: 0px; /* 1px wider than Lion. */
	  /* This is more usable for users trying to click it. */
	  background-color: transparent;
	  -webkit-border-radius: 100px;
	}
	/* hover effect for both scrollbar area, and scrollbar 'thumb' */
	::-webkit-scrollbar:hover {
	  background-color: rgba(0, 0, 0, 0.09);
	}
	 
	/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
	::-webkit-scrollbar-thumb:vertical {
	  /* This is the EXACT color of Mac OS scrollbars. 
	     Yes, I pulled out digital color meter */
	  background: rgba(0,0,0,0.5);
	  -webkit-border-radius: 100px;
	  background-clip: padding-box;
	  border: 2px solid rgba(0, 0, 0, 0);
	  min-height: 10px; /*Prevent it from getting too small */
	}
	::-webkit-scrollbar-thumb:vertical:active {
	  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
	  -webkit-border-radius: 100px;
	}
	
}

@media (max-height: 454px)
{
	#messagerie .fenetre-chat
	{
	    height: calc(100vh - 230px);
	}
}

/* à voir */

#header_notification_vue
{
	display: none;
}