@charset "utf-8";

@import url(ancre.min.css);

body pre {
	font-size: 1rem;
}
body.nav .ui-content {
	padding: 0;
}
body.nav .ui-header {
	z-index: 10000;
	background: 0;
	border: 0;
	width: 100%;
	box-sizing: border-box;
	height: 55px;
	max-height: 55px;
	background-color: #352b26;
	padding: 10px 20px;
	text-align: center;
}
.ui-header .head-addon {
	width: 25px;
	height: 25px;
	float: right;
	background: url(../_images/compte/incognito-white.svg);
	background-size: 25px;
	opacity: .8;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 55px;
	position: relative;
}
@media screen and (max-width: 340px){
	.ui-header .head-addon {
		right: 30px;
		margin-right: 0;
	}
}

.ui-header .head-addon::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background-color: transparent;
	position: absolute;
	border-radius: 100%;
	bottom: -5px;
	right: -5px;
}
.ui-header .head-addon-enable::after {
	background-color: #afc400;
}
.ui-header .head-addon-disable::after {
	background-color: #d83232;
}
.ui-header .head-addon-off {
	display: none;
}
.ui-header > .ui-btn-icon-notext {
	top: 10px;
}
body.nav h1 {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.nav h1 > span > a > img {
	position: relative;
	max-width: 140px;
	max-height: 40px;
}
body.nav h1 > span > img {
	position: relative;
	max-width: 32px;
	max-height: 32px;
}
body.nav h1 > span.logo.celibest > a > img {
	top: 2px;
	max-width: 124px;
}
body.nav h1 > span.logo.celibest > img {
	top: -8px !important;
}
body.nav h1 > span.logo.celiblyon > a > img {
	top: 2px;
	max-height: 38px;
}
body.nav h1 > span.logo.celiblyon > img {
	top: -6px !important;
}
body.nav h1 > span.logo.celibnord > a > img {
	top: 3px;
	max-height: 38px;
}
body.nav h1 > span.logo.celibnord > img {
	top: -6px !important;
}
body.nav h1 > span.logo.celibnormandie > a > img {
	top: -3px;
	max-height: 21px;
}
body.nav h1 > span.logo.celibnormandie > img {
	top: -1px !important;
}
body.nav h1 > span.logo.celibouest > a > img {
	top: 4px;
	max-height: 31px;
}
body.nav h1 > span.logo.celibouest > img {
	top: -2px !important;
}
body.nav h1 > span.logo.celibparis > a > img {
	top: 4px;
	max-height: 34px;
}
body.nav h1 > span.logo.celibparis > img {
	top: -3px !important;
}
body.nav h1 > span.logo.celibpicardie > a > img {
	top: 0;
	max-height: 26px;
}
body.nav h1 > span.logo.celibpicardie > img {
	top: 0 !important;
}
body.nav h1 > span.logo.celibrhonealpes > a > img {
	top: -2px;
	max-height: 21px;
}
body.nav h1 > span.logo.celibrhonealpes > img {
	top: 0 !important;
}
body.nav h1 > span.logo.celibsud > a > img {
	top: 2px;
	max-height: 39px;
}
body.nav h1 > span.logo.celibsud > img {
	top: -8px !important;
}
body.nav h1 > span.logo.celibsudouest > a > img {
	top: -1px;
	max-height: 23px;
}
body.nav h1 > span.logo.celibsudouest > img {
	top: 0 !important;
}
body.nav h1 > span.logo.celiblux > a > img {
	top: 0;
	max-width: 133px;
}
body.nav h1 > span.logo.celiblux > img {
	top: -8px !important;
}
body.nav .ui-content .ui-btn {
	margin-right: .4em;
}
body.nav .ui-content form .ui-btn {
	margin-right: 0;
}
.ui-header .ui-btn-active {
	background: none;
	background-image: none;
}
body.nav h2 {
	display: inline-block;
	width: -moz-calc(100% - 100px) !important;  
	width: -webkit-calc(100% - 100px) !important;
	width: calc(100% - 100px) !important;
	height: 50px;
	max-height: 50px;
	font-size: 1.4em;
	line-height: 2.9em;
	text-indent: .7em;
	color: #f28b06;
	margin: 0;
	font-family: Ramblabold, Trebuchet MS, sans-serif;
	text-shadow: 0 0 0 #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.nav #matching h2{
	width: auto !important;
}
body.nav h2 span.sepa {
	padding: 0 .3em 0 .3em;
	font-weight: normal;
	font-size: .8em;
	filter: Alpha(Opacity=40);
	opacity: .4;
}
body.nav h2 small {
	font-weight: normal;
	font-size: .8em;
}
body.nav h3 {
	text-align: left;
}
.ui-panel-content-wrap {
	border: 0 !important;
}
.ui-panel {
	z-index: 10001;
	width: 100%;
	color: #fff;
	border: 0;
	background-color: #222;
	zoom: 1;
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.ui-panel-position-right {
	right: -100%;
}
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
	left: 100%;
	right: -100%;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
	left: -100%;
	right: 100%;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.ui-panel-animate {
	-webkit-transition: -webkit-transform 250ms ease;
	-moz-transition: -moz-transform 250ms ease;
	transition: transform 250ms ease;
}
a.teaser {
	position: relative;
	display: block;
	top: 30px;
	left: -15px;
	width: 300px;
	height: 135px;
	padding-bottom: 16px;
	border-top: 4px solid #e8e8e8;
}
a.teaser h6 {
	display: block;
	position: absolute;
	top: -14px;
	left: 0;
	width: 117px;
	height: 18px;
	font-family: Rambla;
	font-weight: normal;
	font-size: .85em;
	text-align: center;
	color: #fff;
	padding: 3px 5px 0 5px;
	margin: 0;
	text-transform: uppercase;
	background-color: #212121;
}
a.teaser h6 strong {
	color: #ef8906;
	font-size: 1em;
	padding: 0;
	font-family: Ramblabold;
}
a.teaser span {
	display: inline-block;
	position: absolute;
	font-size: .85em;
	top: 0;
	right: 0;
	height: 120px;
	margin: 0;
	color: #000;
	vertical-align: middle;
	border-bottom: 4px solid #fff;
}
a.teaser span h5 {
	font-size: 1.7em;
	font-family: Ramblabold;
	font-weight: normal;
	color: #fff;
	line-height: 1.1em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	margin: 22px 0 4px 0;
}
a.teaser-match-h {
	background: url(../_images/teaser-matching-h.jpg) top left no-repeat;
	background-position: -60px 0;
}
a.teaser-match-f {
	background: url(../_images/teaser-matching-f.jpg) top left no-repeat;
	background-position: -60px 0;
}
a.teaser-match-h span,
a.teaser-match-f span {
	width: 145px;
	padding-right: 10px;
}
a.teaser-anniv-h {
	background: url(../_images/teaser-anniversaires-h.jpg) top left no-repeat;
	background-position: -30px 0;
}
a.teaser-anniv-f {
	background: url(../_images/teaser-anniversaires-f.jpg) top left no-repeat;
	background-position: -30px 0;
}
a.teaser-anniv-h span {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
a.teaser-anniv-h span,
a.teaser-anniv-f span {
	width: 170px;
	padding-right: 10px;
}
a.teaser-zapping-h {
	background: url(../_images/teaser-zapping-h.jpg) top left no-repeat;
	background-position: -50px 0;
}
a.teaser-zapping-f {
	background: url(../_images/teaser-zapping-f.jpg) top left no-repeat;
	background-position: -50px 0;
}
a.teaser-zapping-h span,
a.teaser-zapping-f span {
	width: 145px;
	padding-right: 10px;
}
a.teaser-inscrits-h {
	background: url(../_images/teaser-inscrits-h.jpg) top left no-repeat;
	background-position: -5px 0;
}
a.teaser-inscrits-f {
	background: url(../_images/teaser-inscrits-f.jpg) top left no-repeat;
	background-position: -5px 0;
}
a.teaser-inscrits-h span,
a.teaser-inscrits-f span {
	width: 160px;
}
a.teaser-selection-h {
	background: url(../_images/teaser-selection-h.jpg) top left no-repeat;
	background-position: -45px 0;
}
a.teaser-selection-f {
	background: url(../_images/teaser-selection-f.jpg) top left no-repeat;
	background-position: -45px 0;
}
a.teaser-selection-h span,
a.teaser-selection-f span {
	width: 190px;
	padding-right: 10px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
#popup-1h-popup,
#popup-1f-popup,
#popup-2h-popup,
#popup-2f-popup,
#popup-3h-popup,
#popup-3f-popup,
#popup-4h-popup,
#popup-4f-popup,
#popup-5h-popup,
#popup-5f-popup {
	max-width: 300px !important;
}
#gallery {
	background-color: #fff !important;
}
#gallery div[data-role="page"] {
	height: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
	overflow: hidden;
}
#gallery section {
	height: 100%;
	min-height: 100%;
	padding: 0;
	overflow: hidden;
	margin: 0;
}
#gallery div[data-role="page"] #mySwipe,
#sliderMatching #slider{
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}
#gallery div[data-role="page"] #mySwipe .swipe-wrap,
#fiche #myGallery .swipe-wrap {
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	position: relative;
}
#gallery div[data-role="page"] #mySwipe .swipe-wrap > div,
#fiche #myGallery .swipe-wrap > div {
	display: block;
	float: left;
	position: relative;
	height: 100%;
	min-height: 100%;
	background-color: transparent;
	background: url(../_images/loading-white.gif) center center no-repeat;
	-moz-background-size: 23px 23px;
	-o-background-size: 23px 23px;
	-webkit-background-size: 23px 23px;
	background-size: 23px 23px;
}
#gallery div[data-role="page"] #mySwipe .swipe-wrap span.img,
#fiche #myGallery .swipe-wrap span.img {
	display: block;
	min-height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
#gallery div[data-role="page"] .swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
#gallery div[data-role="page"] a.delete {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -65px;
}
#gallery div[data-role="page"] a.removeln {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -108px;
}
#gallery div[data-role="page"] #btnback,
#sliderMatching #btnback {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	width: 2.3em;
	height: 2.3em;
	z-index: 100;
}
#gallery div[data-role="page"] #btnprev,
#gallery div[data-role="page"] #btnnext,
#fiche #myGallery #btnprev,
#fiche #myGallery #btnnext,
#sliderMatching #arrowPrevSlider,
#sliderMatching #arrowNextSlider {
	position: absolute;
	top: 50%;
	margin-top: -1.2em;
	margin-right: 0;
	width: 2.5em;
	height: 2.5em;
		-ms-transform: scaleY(1.7);
	-webkit-transform: scaleY(1.7);
			transform: scaleY(1.7);
}
#gallery div[data-role="page"] #btnprev,
#fiche #myGallery #btnprev,
#sliderMatching #arrowPrevSlider {
	left: 0;
}
#gallery div[data-role="page"] #btnnext,
#fiche #myGallery #btnnext,
#sliderMatching #arrowNextSlider {
	right: 0;
}
#fiche #myGallery {
	display: inline-block;
	position: relative;
	width: 100%;
	min-height: 100%;
}
#fiche #myGallery .swipe-wrap {
	height: 400px;
}
#fiche #myGallery .swipe-wrap::after {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,.6) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,.6) 100%);
}
#fiche #myGallery .swipe-wrap > div {
	background: url(../_images/loading-black.gif) center center no-repeat;
	-moz-background-size: 23px 23px;
	-o-background-size: 23px 23px;
	-webkit-background-size: 23px 23px;
	background-size: 23px 23px;
}
#fiche #myGallery .swipe-wrap span.img {
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#fiche #myGallery #count {
	display: block;
	position: absolute;
	width: 100px;
	height: 20px;
	bottom: 15px;
	right: 15px;
	text-align: right;
	color: #999;
}
#fiche #myGallery.one-photo #count,
#fiche #myGallery.no-photo #count {
	display: none;
}
#fiche #myGallery #count strong {
	color: #ccc;
	font-weight: normal;
}
#fiche #myGallery #btngall {
	position: absolute;
	bottom: 42px;
	right: 10px;
	margin: 0;
}
#fiche #myGallery.one-photo #btngall,
#fiche #myGallery.no-photo #btngall {
	bottom: 15px;
}
#fiche #myGallery #btngall.ui-btn-active {
	background-color: unset !important;
	background: none !important;
}
#fiche li.behind {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: -6px 0 20px 0;
}
#fiche li.behind a {
	display: table-cell;
	width: 2%;
	height: 60px;
	padding: 2.5px 0 0 0;
}
.mainpage .toolsbar {
	height: 50px;
}
ul.colsmod {
	display: inline-block;
	float: right;
	padding: 0;
	margin: 0 6px 0 0 !important;
	list-style: none;
	height: 100%;
}
ul.colsmod li {
	display: inline-block;
	width: 40px;
	height: 40px;
}
ul.colsmod li a {
	display: block;
	width: 100%;
	height: 100%;
}
ul.colsmod li a .ui-btn-inner {
	opacity: .4;
	background-color: transparent;
}
.list ul.colsmod li a.list .ui-btn-inner,
.grid ul.colsmod li a.grid .ui-btn-inner {
	opacity: 1;
	background-color: #f28b06;
}
.behind > a {
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: -1000em;
	margin: 0;
	border: none;
	color: #fff;
	overflow: hidden;
}
.behind > a.fadeOut::before {
	animation-name: fadeOut;
	-webkit-animation-name: fadeOut;

	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
@keyframes fadeOut {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		opacity: .25;
	}
	100% {
		transform: scale(2);
		opacity: .7;
	}
}
@-webkit-keyframes fadeOut {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	50% {
		opacity: .25;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: .7;
	}
}
.grid .behind > a.fadeOut::before {
	animation-name: fadeOutGrid;
	-webkit-animation-name: fadeOutGrid; 
}
@keyframes fadeOutGrid {
	0% {
		transform: scale(.25);
		opacity: 1;
	}
	50% {
		opacity: .25;
	}
	100% {
		transform: scale(1.4);
		opacity: .5;
	}
}
@-webkit-keyframes fadeOutGrid {
	0% {
		-webkit-transform: scale(.25);
		opacity: 1;
	}
	50% {
		opacity: .25;
	}
	100% {
		-webkit-transform: scale(1.4);
		opacity: .5;
	}
}
.behind > a.fadeIn::before {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;

	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
@keyframes fadeIn {
	0% {
		transform: scale(3.5);
		opacity: .25;
	}
	50% {
		opacity: .4;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(3.5);
		opacity: .25;
	}
	50% {
		opacity: .4;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
.behind > a::before {
	display: block;
	position: absolute;
	content: '';
	width: 46px;
	height: 46px;
	top: 50%;
	left: 50%;
	margin-top: -23px;
	margin-left: -23px;
	background-image: url(../_images/icons-sommaire_200-white_2017.svg);
	-moz-background-size: auto 140px;
	-o-background-size: auto 140px;
	-webkit-background-size: auto 140px;
	background-size: auto 140px;
	background-repeat: no-repeat;
}
.behind > a.carnet::before,
.behind > a.album.al_cl_0::before,
.behind > a.album.al_op_0::before,
.behind > a.album.al_cl_k::before,
.behind > a.album.al_op_k::before {
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-60-white.1_2016-2.png);
	-moz-background-size: auto 40px;
	-o-background-size: auto 40px;
	-webkit-background-size: auto 40px;
	background-size: auto 40px;
}
.no-svg .behind > a::before {
	background-image: url(../_images/icons-sommaire_200-white_2017.png);
	-moz-background-size: auto 140px;
	-o-background-size: auto 140px;
	-webkit-background-size: auto 140px;
	background-size: auto 140px;
}
.behind > a.contact {
	background-color: #4487d2;
} 
.behind > a.chat {
	background-color: #29b9c6;
}
.behind > a.chat.disactive {
	background-color: #8f8f8f;
}
.behind > a.flash {
	background-color: #afc400;
}
.behind > a.carnet,
.behind > a.legende {
	background-color: #f0b70a;
}
.behind > a.album.al_cl_0,
.behind > a.album.al_op_0 {
	background-color: #fac114;
}
.behind > a.album.al_cl_k,
.behind > a.album.al_op_k {
	background-color: #ffcb1e;
}
.behind > a.recadrer {
	background-color: #46b886;
}
.behind > a.delete {
	background-color: #aeaeae;
}
.behind > a.contact::before {
	background-position: -82px -7px;
}
.behind > a.chat::before {
	background-position: -152px -7px;
}
.behind > a.flash::before {
	background-position: -293px -7px;
}
.behind > a.carnet::before {
	background-position: -477px 3px;
}
.behind > a.fadeOut.carnet::before,
.behind > a.fadeIn.carnet::before,
.behind > a.carnet.active::before {
	background-position: -397px 3px;
}
.behind > a.album.al_cl_0::before {
	background-position: -77px 2px;
}
.behind > a.album.al_op_0::before {
	background-position: -156px 2px;
}
.behind > a.album.al_cl_k::before {
	background-position: -236px 1px;
}
.behind > a.album.al_op_k::before {
	background-position: -312px 3px;
}
.behind > a.delete::before {
	background-position: -500px -7px;
	background-color: #aeaeae;
}
.behind > a.recadrer::before {
	background-position: 6.5% 80%;
	background-image: url(../_images/icons-sommaire_200-white_2017.png);
}
.behind > a.legende::before {
	background-position: 18.5% 5%;
	background-image: url(../_images/icons-sommaire_200-white_2017.png);
}
#popup-infoswipe #canvas {
	position: relative;
	width: 100%;
	height: auto;
	max-width: 283px;
	max-height: 90px;
}
.list-swipe-options {
	font-size: 0;
}
.list-swipe-options ul {
	list-style-type: none;
	padding: 0;
	margin: .2em 0 0 0;
}
.list-swipe-options ul li {
	display: inline-block;
	position: relative;
	padding: 0;
	border-top: 1px solid #e8e8e8;
	overflow: hidden;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f2f2f2;
}
.list-swipe-profil ul li {
	height: 90px;
}
.list-swipe-profil ul li.selection {
	padding-left: 1rem !important;
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-size: .9rem;
	font-weight: bold;
	text-transform: uppercase;
	width: 100% !important;
	display: block;
	color: #616161;
}
.grid .list-swipe-profil ul li.selection {
	box-sizing: border-box;
	width: 100% !important;
}
.list-swipe-cvs ul li {
	height: 55px;
}
.list-swipe-profil ul li.disactive {
	display: none;
	border: 0;
}

.list-swipe-profil ul li.fadeIn {
	animation-name: fadeInProfil;
	-webkit-animation-name: fadeInProfil; 

	animation-duration: 0.5s;  
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-in-out; 
	-webkit-animation-timing-function: ease-in-out;
	
	display: inline-block;
}
@keyframes fadeInProfil {
	0% {
		opacity: .25;
	}
	50% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadeInProfil {
	0% {
		opacity: .25;
	}
	50% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.list-swipe-cvs ul li:first-of-type{
	margin-top: 3px;
	border-top: unset;
}
.grid {
	/* Fix android 4.4 */
	display: table;
	width: 100%;
}
.grid .list-swipe-profil ul .content li:not(.selection) {
	max-width: 240px;
	max-height: 240px;
	padding: 2px;
	border-left: 1px solid #e8e8e8;
	position: relative;
	height: 50%;
	width: 50%;
}
.list-swipe-options ul li.loading {
	min-width: 100%;
	display: inline-block;
	height: 52px;
	line-height: 52px !important;
	text-align: center;
	font-size: .65rem;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	float: unset;
	background: transparent;
}
.list-swipe-options ul li.loading img {
	display: inline-block;
	position: relative;
	top: 7px;
	width: 23px;
	height: 23px;
}
.list-swipe-options ul li.loading.empty {
	font-size: 1rem;
	height: 100%;
	padding-top: 10% !important;
	text-transform: unset;
	font-weight: normal;
}
.list-swipe-options ul li.loading.empty a {
	color: inherit;
	text-decoration: underline !important;
}
.list-swipe-options ul li.new a.main::after {
	display: block;
	position: absolute;
	content: '';
	z-index: 95;
	width: 0;
	height: 0;
	border-style: solid;
}
.list-swipe-profil ul li.new a.main::after {
	top: 2px;
	left: 2px;
	border-width: 18px 18px 0 0;
}
.grid .list-swipe-profil ul li.new a.main::after {
	top: 0;
	left: 0;
	border-width: 30px 30px 0 0;
}
.list-swipe-options ul li .behind {
	position: absolute;
	height: 90px;
	overflow: hidden;
	background-color: #aeaeae;
	bottom: 0;
	top: 0px;
	right: 0;
	left: unset;
}
.list-swipe-cvs ul li .behind {
	height: 100%;
}
.grid .list-swipe-profil ul li .behind {
	top: 2px;
	height: -moz-calc(100% - 4px);
	height: -webkit-calc(100% - 4px);
	height: calc(100% - 4px);
	right: 2px;
	width: 60px !important;
}
.list-swipe-profil ul li .behind.swiper-right {
	height: 86px;
	top: 2px;
	left: 2px;
	right: unset;
}
.grid .list-swipe-profil ul li .behind.swiper-right {
	height: -moz-calc(100% - 4px);
	height: -webkit-calc(100% - 4px);
	height: calc(100% - 4px);
}
.list-swipe-options ul li .behind.last-chat {
	background-color: #4487d2;
}
.list-swipe-options ul li .behind.last-carnet {
	background-color: #f0b70a;
}
.list-swipe-options ul li .behind.last-flash {
	background-color: #afc400;
}
.list-swipe-options ul li .behind > a {
	float: left;
}
.grid .list-swipe-profil ul li .behind > a {
	position: relative;
	width: 100%;
}
.list-swipe-options ul li a.main {
	display: inline-block;
	position: relative;
	font-weight: normal !important;
	text-decoration: none;
	z-index: 51;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #000 !important;
	background-color: #fff;
	font-size: 0;
	
	-webkit-transition: left .2s ease;
	-moz-transition: left .2s ease;
	-ms-transition: left .2s ease;
	-o-transition: left .2s ease;
	transition: left .2s ease;
}
.list-swipe-options ul li:nth-child(odd) a.main {
	background-color: #f9f9f9;
}
.grid .list-swipe-profil ul li a.main {
	font-size: 0;
	text-align: center;
}
.grid .list-swipe-profil ul li:nth-child(odd) a.main {
	background-color: #fff;
}
.list-swipe-options ul li a.main .img {
	display: inline-block;
	position: relative;
	height: 86px;
	width: 86px;
	margin: 2px 0 2px 2px;
	float: left;
}
.list-swipe-photos ul li a.main .img {
	margin: 0;
	height: 90px;
	width: 90px;
	border-right: 1px solid #e8e8e8;
}
.list-swipe-profil ul li a.main.opened-swiperight .img {
	margin-left: 0;
}
.grid .list-swipe-profil ul li a.main .img {
	z-index: 72;
	width: 100%;
	height: 100%;
	margin: 0;
}
.list-swipe-options ul li a.main .img img {
	width: 100%;
	height: 100%;
}
.list-swipe-options ul li a.main .img img.webmaster {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 80% auto;
	background-color: /*#302722*/#4487d2;
}
.list-swipe-profil ul li a.main .img .count,
.grid .list-swipe-profil ul li a.main .img::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.list-swipe-profil ul li a.main .img .count {
	background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.4) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.4) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.4) 100%);
}
.grid .list-swipe-profil ul li a.main .img::before {
	content: '';
	z-index: 90;
	background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,.5) 100%);
	background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,.5) 100%);
}
.grid .list-swipe-profil ul li a.main .img .count-album {
	background: none;
	width: 100%;
	height: 100%;
	left: unset;
	background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,.2) 100%);
}
.list-swipe-profil ul li a.main .img .count span {
	display: block;
	position: absolute;
	z-index: 71;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	background-color: #f28b06;
	border-radius: 50%;
}
.list-swipe-profil ul li a.main .img .count span {
	right: 4px;
	bottom: 9px;
}
.list-swipe-profil ul li a.main .img .count-album span {
	right: unset;
	left: 12px;
	bottom: 12px;
	background-color: #f0b70a !important;
}
.grid .list-swipe-profil ul li a.main .img .count span {
	top: 12px;
	right: 11px;
	bottom: unset;
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.grid .list-swipe-profil ul li a.main .img .count-album span {
	right: unset;
	left: 23px;
	top: 12px;
}
.list-swipe-options ul li a.main .img .count::before {
	display: block;
	position: absolute;
	content: '';
	z-index: 70;
	width: 16px;
	height: 16px;
	background-image: url(../_images/icons-sommaire_200-white_2017.png);
	background-repeat: no-repeat;
	background-size: auto 80px;
	background-position: -892px -9px;
}
.list-swipe-profil ul li a.main .img .count::before {
	bottom: 2px;
	right: 16px;
}
.list-swipe-profil ul li a.main .img .count-album::before {
	right: unset;
	left: 3px;
	bottom: 4px;
	background-position: -1092px -8px;
}
.grid .list-swipe-profil ul li a.main .img .count::before {
	top: 19px;
	right: 26px;
	bottom: unset;
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.grid .list-swipe-profil ul li a.main .img .count-album::before {
	top: 18px;
	left: 10px;
}
.list-swipe-options ul li a.main .descr {
	line-height: 1rem;
	display: inline-block;
	box-sizing: border-box;
	font-size: 0;
	vertical-align: top;
}
.list-swipe-profil ul li a.main .descr {
	height: 100%;
	width: -moz-calc(100% - 92px);
	width: -webkit-calc(100% - 92px);
	width: calc(100% - 92px);
	padding: .6rem 0 0 .8rem;
}
.list-swipe-action ul li a.main .descr {
	width: -moz-calc(100% - 152px);
	width: -webkit-calc(100% - 152px);
	width: calc(100% - 152px);
}
.list-swipe-photos ul li a.main .descr {
	width: -moz-calc(100% - 155px);
	width: -webkit-calc(100% - 155px);
	width: calc(100% - 155px);
}
.grid .list-swipe-profil ul li a.main .descr {
	position: absolute;
	z-index: 72;
	bottom: 0;
	left: 0;
	padding: 0;
	color: #e2e2e2;
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
}
.list-swipe-photos ul li a.main .descr {
	line-height: 1.45rem;
	padding: 0;
}
.list-swipe-cvs ul li a.main .descr {
	padding: .5rem 0 0 .8rem;
	width: -moz-calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
	width: calc(100% - 64px);
}
.list-swipe-profil ul li a.main .descr blockquote,
.list-swipe-profil ul li a.main .descr strong,
.list-swipe-profil ul li a.main .descr small,
.list-swipe-cvs ul li a.main .descr strong,
.list-swipe-cvs ul li a.main .descr small {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 95%;
}
.list-swipe-profil ul li a.main .descr strong {
	text-decoration: none;
	font-size: 1.2rem;
	line-height: 1.2rem;
	height: 20px;
	color: #212121;
}
.list-swipe-cvs ul li a.main .descr strong {
	font-weight: normal;
}
.list-swipe-profil ul li a.main .descr[data-icon="1"] strong {
	max-width: -moz-calc(100% - 20px);
	max-width: -webkit-calc(100% - 20px);
	max-width: calc(100% - 20px);
}
.list-swipe-profil ul li a.main .descr[data-icon="2"] strong {
	max-width: -moz-calc(100% - 40px);
	max-width: -webkit-calc(100% - 40px);
	max-width: calc(100% - 40px);
}
.list-swipe-profil ul li a.main .descr[data-icon="3"] strong {
	max-width: -moz-calc(100% - 60px);
	max-width: -webkit-calc(100% - 60px);
	max-width: calc(100% - 60px);
}
.grid .list-swipe-profil ul li a.main .descr strong {
	max-width: 95%;
	height: auto;
	line-height: 1rem;
	font-size: 1rem;
	margin-top: 0;
	color: #fff;
}
.grid .list-swipe-profil ul li a.main .descr[data-icon="1"] strong {
	max-width: -moz-calc(95% - 20px);
	max-width: -webkit-calc(95% - 20px);
	max-width: calc(95% - 20px);
}
.grid .list-swipe-profil ul li a.main .descr[data-icon="2"] strong {
	max-width: -moz-calc(95% - 40px);
	max-width: -webkit-calc(95% - 40px);
	max-width: calc(95% - 40px);
}
.grid .list-swipe-profil ul li a.main .descr[data-icon="3"] strong {
	max-width: -moz-calc(95% - 60px);
	max-width: -webkit-calc(95% - 60px);
	max-width: calc(95% - 60px);
}
.list-swipe-cvs ul li a.main .descr strong {
	font-size: 1.2rem;
	max-width: 95%;
	line-height: 1.3rem
}
.list-swipe-options ul li a.main .descr .sepa {
	color: #cbcbcb;
}
.grid .list-swipe-options ul li a.main .descr .sepa {
	color: #aaa;
}
.list-swipe-profil ul li a.main .descr small {
	color: #505050;
	margin-top: -7px;
	font-size: .9rem;
	line-height: 1rem;
	max-width: 95%;
}
.list-swipe-profil ul li a.main .descr small.add {
	color: #717171;
	font-size: .85rem;
	height: auto;
	line-height: unset;
	margin-top: 5px;
}
.grid .list-swipe-profil ul li a.main .descr small.add {
	margin-top: 0;
}
.list-swipe-profil ul li a.main .descr small.add span {
	display: block;
}
.grid .list-swipe-profil ul li a.main .descr small.add span {
	display: inline-block;
	padding-right: 5px;
}
.grid .list-swipe-profil ul li a.main .descr small {
	font-size: 0.75rem;
	line-height: 0.85rem;
	color: #e2e2e2;
	max-width: 85%;
}
.list-swipe-cvs ul li a.main .descr small {
	font-size: .9rem;
	display: block;
	margin-top: -5px;
}
.list-swipe-profil ul li a.main blockquote {
	position: relative;
	padding: 0;
	font-size: .75rem;
	line-height: 2rem;
	color: #969696;
	width: 100%;
}
.grid .list-swipe-profil ul li a.main blockquote {
	display: none;
}
.list-swipe-photos ul li a.main .descr .center-item {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 90px;
	width: 100%;
}
.list-swipe-photos ul li a.main .descr .item::after {
	content: '';
	display: block;
	clear: both;
}
.list-swipe-photos ul li a.main .descr .item .tri {
	display: inline-block;
	margin-bottom: .4rem;
	font-size: 1rem;
	color: #bfbfbf;
	font-weight: bold;
	width: 100%;
	text-align: right;
}
.list-swipe-photos ul li a.main .descr .item .tri strong {
	font-size: 2rem;
	color: #cfcfcf;
}
.list-swipe-photos ul li a.main .descr .item .status {
	display: inline-block;
	font-weight: bold;
	color: #fff;
	float: right;
}
.list-swipe-photos ul li a.main .descr .item .status small {
	text-transform: uppercase;
	padding: 0 8px;
	background-color: #ef8906;
	margin-left: 1rem;
	position: relative;
	font-size: 0.8rem;
	display: block;
	line-height: 1.1rem;
}
.list-swipe-photos ul li a.main .descr .item .status small::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: -6px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 6px solid #3bc616;
}
.list-swipe-photos ul li a.main .descr .item .status.val small {
	background-color: #3bc616;
}
.list-swipe-photos ul li a.main .descr .item .status.ref small {
	background-color: #dc1616;
}
.list-swipe-photos ul li a.main .descr .item .status.att small::before {
	border-right: 6px solid #ef8906;
}
.list-swipe-photos ul li a.main .descr .item .status.val small::before {
	border-right: 6px solid #3bc616;
}
.list-swipe-photos ul li a.main .descr .item .status.ref small::before {
	border-right: 6px solid #dc1616;
}
.list-swipe-profil ul li a.main .descr span.online,
.list-swipe-profil ul li a.main .descr span.fav,
.list-swipe-profil ul li a.main .descr span.duo {
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.list-swipe-profil ul li a.main .descr span.online {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #29b9c6;
	margin-left: 8px;
	margin-top: 4px;
}
.list-swipe-profil ul li a.main .descr span.online.disactive {
	background-color: #8f8f8f;
}
.grid .list-swipe-profil ul li a.main .descr span.online {
	margin-left: 4px;
}
.list-swipe-profil ul li a.main .descr span.fav {
	width: 15px;
	height: 15px;
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-60-color.1_2016-2.png);
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-30-color.1_2016-2.png)\9;
	background-size: auto 19px !important;
	background-position: -192px -2px !important;
	margin-left: 5px;
	margin-top: 1px;
}
.grid .list-swipe-profil ul li a.main .descr span.fav {
	margin-left: 4px;
}
.list-swipe-profil ul li a.main .descr span.duo {
	width: 15px;
	height: 15px;
	margin-left: 6px;
	background-color: #afc400;
	border-radius: 50%;
	margin-top: 2px;
}
.grid .list-swipe-profil ul li a.main .descr span.duo {
	margin-top: 9px;
}
.list-swipe-profil ul li a.main .descr span.duo::before {
	position: absolute;
	content: 'd';
	left: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	top: -1px;
}
.grid .list-swipe-profil ul li a.main .descr span.duo::before {
	top: 3px;
}
.list-swipe-options ul li a.main .action {
	display: inline-block;
	width: 64px;
	height: 100%;
	overflow: hidden;
}
.grid .list-swipe-profil ul li a.main .action {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 75;
	width: 60px;
	height: 60px;
}
.list-swipe-cvs ul li a.main .action {
	float: left;
}
.list-swipe-options ul li a.main .action:not(.action-double)::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.list-swipe-options ul li a.main .action.scaleIn .icon {
	animation-name: scaleIn;
	-webkit-animation-name: scaleIn; 

	animation-duration: 0.5s;  
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-in-out; 
	-webkit-animation-timing-function: ease-in-out;
}
@keyframes scaleIn {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
	100% {
		transform: scale(2);
		opacity: .2;
	}
}
@-webkit-keyframes scaleIn {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: .2;
	}
}
.list-swipe-options ul li a.main .action.scaleInBtn .icon {
	animation-name: scaleInBtn;
	-webkit-animation-name: scaleInBtn; 

	animation-duration: 0.3s;  
	-webkit-animation-duration: 0.3s;

	animation-timing-function: ease-in; 
	-webkit-animation-timing-function: ease-in;
}
@keyframes scaleInBtn {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		opacity: .7;
	}
	100% {
		transform: scale(1.5);
		opacity: .5;
	}
}
@-webkit-keyframes scaleInBtn {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	50% {
		opacity: .7;
	}
	100% {
		-webkit-transform: scale(1.7);
		opacity: .5;
	}
}
.list-swipe-options ul li a.main .action .icon {
	display: inline-block;
	vertical-align: middle;
	width: 37px;
	height: 37px;
	position: relative;
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-60-color-2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 0 0, 0 0;
	-moz-background-size: cover, auto;
	-o-background-size: cover, auto;
	-webkit-background-size: cover, auto;
	background-size: cover, auto;
	left: 14px;
}
.list-swipe-options[data-rubrique='messagerie'] ul li a.main .action .icon,
.list-swipe-options[data-act='enligne'] ul li a.main .action .icon {
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-60-color-2.png), url("data:image/svg+xml;charset=utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmaWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDI0IDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3QgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE1Ii8+PC9zdmc+");
}
.list-swipe-options ul li a.main .action-double .icon {
	height: 45px;
	width: 100%;
}
.grid .list-swipe-profil ul li a.main .action .icon {
	left: 0;
}
.list-swipe-photos ul li:first-child a.main .action.action-double .icon:first-child,
.list-swipe-photos ul li:nth-last-child(1) a.main .action.action-double .icon:last-child {
	visibility: hidden;
}
.list-swipe-options ul li a.main .action .icon-disactive {
	opacity: 0.3;
}
.list-swipe-options[data-act='enligne'] ul li a.main .action .icon {
	background-position: -222px 0px, 7px 10px;
}
.list-swipe-options[data-act='enligne'] ul li a.main .action .icon.icon-disactive {
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-60-color.1_2016-2.png), url("data:image/svg+xml;charset=utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmaWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDI0IDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3QgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE1Ii8+PC9zdmc+");
	opacity: 1;
	background-position: -517px 1px, 7px 10px;
}
.list-swipe-options[data-act*='anniversaires'] ul li a.main .action .icon {
	background-position: -295px 1px;
}
.list-swipe-options[data-rubrique='messagerie'] ul li a.main .action .icon {
	background-position: -75px 1px, 6px 11px;
}
.list-swipe-options[data-act='mon_carnet'] ul li a.main .action .icon,
.list-swipe-options[data-act='listenoire'] ul li a.main .action .icon,
.list-swipe-options[data-act^='filtres'] ul li a.main .action .icon {
	background-color: #f0b70a;
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-60-white_2016-2.png);
	background-position: -148px 0px;
}
.list-swipe-options[data-act='filtres_attentes'] ul li a.main .action .icon {
	background-position: -590px 0px, 0 0;
}
.list-swipe-profil[data-act^='album'] ul li a.main .action .icon {
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-60-color.1_2016-2.png);
}
.list-swipe-options[data-act='album_gestion'] ul li a.main .action .icon {
	background-position: -292px -1px;
}
.list-swipe-options[data-act='album_autorisation'] ul li a.main .action .icon {
	background-position: -148px -1px;	
}
.list-swipe-options ul li a.main .action .icon-arrowdown,
.list-swipe-options ul li a.main .action .icon-arrowup {
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-60-black_2016-2.png);
	filter: brightness(6);
	-webkit-filter: brightness(6);
}
.list-swipe-options ul li a.main .action .icon-arrowdown {
	background-position: -540px 0px;
}
.list-swipe-options ul li a.main .action .icon-arrowup {
	background-position: -450px 0px;
}
.list-swipe-options ul li a.main .action .icon .num {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	color: white;
	content: '';
	top: -3px;
	left: 25px;
	font-family: Ramblabold, Trebuchet MS, sans-serif;
	text-align: center;
	font-size: .8rem;
	line-height: 1.35rem;
	border-radius: 50%;
	background-color: #212121;
}
.profil li#infos span.online,
.profil li#infos span.fav {
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.profil li#infos span.online {
	width: 13px;
	height: 13px;
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 50%;
	background-color: #29b9c6;
}
.profil li#infos span.fav {
	width: 18px;
	height: 18px;
	margin-left: 6px;
	margin-top: 6px;
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-60-color.1_2016-2.png);
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-pack2-30-color.1_2016-2.png)\9;
	background-size: auto 23px !important;
	background-position: -233px -2px !important;
}
div.detail-search h3 {
	text-decoration: none;
	font-weight: normal !important;
	font-size: 1em;
	color: #717171 !important;
}
div.detail-search #infos {
	margin-top: .8em;
}
div.detail-search #infos a img {
	float: left;
	margin-right: .8em;
}
div.detail-search #infos {
	padding: 0 !important;
	margin: 0 !important;
}
div.detail-search h3 strong {
	display: inline-block;
	color: #212121;
	font-size: 1.3em;
	margin-top: .6em;
}
div.detail-search h3 span.sepa {
	color: #cbcbcb;
}
div.detail-search h3 {
	display: block;
	position: absolute;
	left: 10px;
	line-height: .9em;
	font-size: 1.1em;
}
div.detail-search h3 strong {
	font-size: 1.4em;
}
div.detail-search h3,
div.detail-search h3 strong,
div.detail-search h3 span.sepa {
	color: #fff !important;
}

@media screen and (orientation: landscape) {
	.list .list-swipe-profil ul li {
		width: 50%;
	}
	.list-swipe-profil ul li:nth-child(4n+3) a.main,
	.list-swipe-profil ul li:nth-child(4n+4) a.main {
		background-color: #fff !important;
	}
	.list-swipe-profil ul li a.main {
		background-color: #f9f9f9 !important;
	}
	.grid .list-swipe-profil ul li a.main {
		background-color: #fff !important;
	}
	#fiche #myGallery {
		overflow: hidden;
		width: 30%;
		float: left;
		margin-right: 20px;
	}
	#fiche:not(.monprofil) #myGallery {
		margin-bottom: 60px;
	}
	#fiche #myGallery .swipe-wrap {
		width: 100%;
		height: 200px;
	}
	#fiche #myGallery #btngall {
		left: 10px;
		bottom: 10px;
	}
	#fiche li.behind {
		position: absolute;
		left: 0;
	}
	div.detail-search h3 {
		display: inline-block;
		position: relative;
		float: left;
		width: 100%;
		left: 0;
		padding-top: 40px;
		color: #717171 !important;
	}
	div.detail-search ul.profil li h3 strong,
	div.detail-search ul.profil li h3 small {
		max-width: -moz-calc(100% - 50px) !important;  
		max-width: -webkit-calc(100% - 50px) !important;
		max-width: calc(100% - 50px) !important;
	}
	div.detail-search h3 strong {
		color: #212121 !important;
	}
	div.detail-search ul.profil > li:not(#myGallery):not(.behind) {
		display: inline-block;
		float: left;
		width: 100%;
	}
	div.detail-search blockquote {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	div.detail-search blockquote::before {
		left: -30px !important;
	}
}
@media screen and (orientation: landscape) and (max-width: 640px) {
	#enligne #fiche .behind,
	#enligne #fiche .behind a {
		height: 32px !important;
	}
	#fiche .behind > a::before {
		-moz-background-size: auto 105px;
		-o-background-size: auto 105px;
		-webkit-background-size: auto 105px;
		background-size: auto 105px;
	}
	#fiche .behind > a.carnet::before,
	#fiche .behind > a.carnet.active::before,
	#fiche .behind > a.album.al_cl_0::before,
	#fiche .behind > a.album.al_op_0::before,
	#fiche .behind > a.album.al_cl_k::before,
	#fiche .behind > a.album.al_op_k::before {
		-moz-background-size: auto 31px;
		-o-background-size: auto 31px;
		-webkit-background-size: auto 31px;
		background-size: auto 31px;
	}
	.behind > a.contact::before {
		background-position: -56px 0;
	}
	.behind > a.chat::before {
		background-position: -108px 0;
	}
	.behind > a.flash::before {
		background-position: -214px 1px;
	}
	.behind > a.carnet::before {
		background-position: -365px 7px;
	}
	.behind > a.carnet.active::before {
		background-position: -303px 7px;
	}
	.behind > a.album.al_cl_0::before {
		background-position: -55px 6px;
	}
	.behind > a.album.al_op_0::before {
		background-position: -116px 6px;
	}
	.behind > a.album.al_cl_k::before {
		background-position: -178px 7px;
	}
	.behind > a.album.al_op_k::before {
		background-position: -238px 7px;
	}
}
@media screen and (min-width: 500px) {
	.grid .list-swipe-options ul li {
		width: 33.3% !important;
	}
}
@media screen and (min-width: 730px) {
	.grid .list-swipe-options ul li {
		width: 25% !important;
	}
}
@media screen and (min-width: 980px) {
	.grid .list-swipe-options ul li {
		width: 20% !important;
	}
}
@media screen and (min-width: 1200px) {
	.grid .list-swipe-options ul li {
		width: 16.66% !important;
	}
}
@media screen and (min-width: 1450px) {
	.grid .list-swipe-options ul li {
		width: 14.28% !important;
	}
}
@media screen and (min-width: 1700px) {
	.grid .list-swipe-options ul li {
		width: 12.5% !important;
	}
}
div.detail-search h3,
div.detail-search h3 strong {
	margin: 0;
}
div.detail-search h3 strong,
div.list-messages h3 strong {
	line-height: 1.4em;
}
div.detail-search h4,
div.list-messages h4,
div.list-swipe-cvs h4,
div.list-abo h4 {
	border-bottom: 1px dotted #cecece;
	margin: .8em .8em 0 .8em;
}
div.detail-search h4 span,
div.list-messages h4 span,
div.list-swipe-cvs h4 span,
div.list-abo h4 span {
	display: inline-block;
	background-color: #8f8f8f;
	color: #fff;
	font-size: 1em;
	height: 1.8em;
	padding: .6em 1.2em 0 1em;
}
#btnphoto.ui-btn-icon-right .ui-btn-inner,
#btnalbum.ui-btn-icon-right .ui-btn-inner,
#btncontact.ui-btn-icon-right .ui-btn-inner,
#btnflash.ui-btn-icon-right .ui-btn-inner,
#btnchat.ui-btn-icon-right .ui-btn-inner {
	font-size: 1.2rem;
	padding-left: .7em !important;
	padding-right: 2em !important;
}
#btnphoto.ui-btn-icon-left .ui-btn-inner,
#btnalbum.ui-btn-icon-left .ui-btn-inner,
#btncontact.ui-btn-icon-left .ui-btn-inner,
#btnflash.ui-btn-icon-left .ui-btn-inner,
#btnchat.ui-btn-icon-left .ui-btn-inner {
	padding-left: 2.3em !important;
	padding-right: .6em !important;
}
.list-swipe-options blockquote,
div.detail-search blockquote,
div.list-messages blockquote {
	padding: 1em 1.2em 0;
	font-style: italic;
	margin: 0;
	position: relative;
	color: rgba(0, 0, 0, .5) !important;
}
div.detail-search ul.profil {
	list-style-type: none;
	padding: 0 0 .6em 0;
	margin-top: 0;
	overflow: hidden;
}
div.detail-search ul.profil ul {
	list-style-type: none;
	padding-left: 3.2em;
	padding-bottom: .5em;
}
div.detail-search blockquote {
	margin-left: 2em;
}
div.detail-search ul.profil ul li {
	padding-top: .2em;
	line-height: 1.2em;
}
div.detail-search ul.profil li#myGallery {
	padding: 0;
}
div.detail-search ul.profil li strong {
	color: #929292;
}
div.detail-search ul.profil li h3 {
	width: 90%;
}
@media (orientation: portrait) {
	div.detail-search ul.profil li h3 {
		width: -moz-calc(100% - 65px);  
		width: -webkit-calc(100% - 65px);
		width: calc(100% - 65px);
	}
}
div.detail-search ul.profil li h3 strong {
	display: inline-block;
	max-width: -moz-calc(100% - 70px);  
	max-width: -webkit-calc(100% - 70px);
	max-width: calc(100% - 70px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.detail-search ul.profil li h3 small {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 95%;
	font-size: .8em;
}
div.detail-search ul.profil li h3 strong {
	height: 32px;
}
div.detail-search ul.profil li h3 small {
	height: 18px;
}
div.detail-search h4 {
	margin-bottom: 6px;
}
div.detail-search h4.title-profil {
	position: relative;
}
div.detail-search h4 span {
	background: none;
	color: #777;
	font-size: 1.05em;
	padding-left: .3em !important;
}
div.detail-search .icon-pencil {
	position: absolute;
	display: inline-block;
	width: 50px;
	height: 45px;
	padding: 0 !important;
	right: 0;
	cursor: pointer;
}
div.detail-search #infos .icon-pencil {
	position: relative;
	right: unset;
}
div.detail-search .icon-pencil::after {
	content: '';
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	background-image: url(/desktop/_images/nav/listresults-icons_2016.png);
	background-position: -330px 0px !important;
	transform: scale(1.5);
	background-size: cover;
	right: 9px;
	top: 6px;
}
div.detail-search #infos .icon-pencil::after {
	background-position: -330px 4px !important;
}
div.detail-search h4.annonce .icon-pencil {
	right: 0px;
}
div.detail-search h4.title-profil.annonce a#sc_histo {
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	background-size: auto;
	background-repeat: no-repeat;
}
div.detail-search h4.title-profil.annonce a#sc_histo {
	width: 30px;
	height: 30px;
	background-image: url(/desktop/_images/nav/listresults-icons-color.png);
	background-position: -349px -1px;
	filter: grayscale(1);
	opacity: 0.6;
}
html:not(.no-svg) div.detail-search li#historique h4.title-profil::before,
html.no-svg div.detail-search li#historique h4.title-profil::before {
	background-image: url(/desktop/_images/nav/listresults-icons-color.png);
	background-position: -349px 0;
	background-size: auto auto;
	width: 30px;
	filter: grayscale(1);
	opacity: 0.6;
}
div.detail-search li#historique div.ctn {
	padding: 0 3.2em;
	position: relative;
	height: 60px;
}
div.detail-search li#historique div.contact,
div.detail-search li#historique div.chat {
	width: 60px;;
	height: 60px;
	text-align: center;
	cursor: pointer;
	position: absolute;
}
div.detail-search li#historique div.contact {
	left: calc(33% - 30px);
} 
div.detail-search li#historique div.chat {
	right: calc(33% - 30px);
} 
div.detail-search li#historique div.contact.full,
div.detail-search li#historique div.chat.full {
	left: calc(50% - 30px);
	right: unset;
} 
div.detail-search li#historique div.contact span,
div.detail-search li#historique div.chat span {
	display: inline-block;
	height: 60px;
	width: 46px;
	background-image: url(../_images/icons-sommaire_200-color_2017.svg);
	background-repeat: no-repeat;
	background-size: auto 140px;
} 
div.detail-search li#historique div.contact span {
	background-position: -82px 0px;
} 
div.detail-search li#historique div.chat span {
	background-position: -152px 0px;
}
div.detail-search h4.title-profil::before {
	display: block;
	float: left;
	content: '';
	width: 0;
	height: 30px;
	opacity: .8;
}
div.detail-search h4.title-profil::after {
	display: block;
	clear: both;
	content: '';
}
html:not(.no-svg) div.detail-search h4.title-profil::before {
	background-image: url(../_images/icons-compte_200-grey_2017.svg);
}
html.no-svg div.detail-search h4.title-profil::before {
	background-image: url(../_images/icons-compte_200-grey_2017.png);
}
div.detail-search h4.title-profil.annonce::before,
div.detail-search h4.title-profil.photos::before,
div.detail-search h4.title-profil.description::before,
div.detail-search h4.title-profil.vieperso::before,
div.detail-search h4.title-profil.viepro::before,
div.detail-search h4.title-profil.stylevie::before,
div.detail-search h4.title-profil.personnalite::before,
div.detail-search h4.title-profil.originerel::before,
div.detail-search h4.title-profil.passion::before,
div.detail-search h4.title-profil.sport::before,
div.detail-search h4.title-profil.cinema::before,
div.detail-search h4.title-profil.lecture::before,
div.detail-search h4.title-profil.musique::before,
div.detail-search h4.title-profil.sortie::before,
div.detail-search h4.title-profil.vacances::before,
div.detail-search h4.title-profil.quizz::before {
	width: 30px;
	background-size: auto 200%;
	background-position: 1.5% 15%;
}
div.detail-search h4.title-profil.photos::before {background-position: 8% 22%;}
div.detail-search h4.title-profil.description::before {background-position: 14.5% 20%;}
div.detail-search h4.title-profil.vieperso::before {background-position: 21% 20%;}
div.detail-search h4.title-profil.viepro::before {background-position: 27.4% 22%;}
div.detail-search h4.title-profil.stylevie::before {background-position: 33.9% 20%;}
div.detail-search h4.title-profil.personnalite::before {background-position: 40.2% 18%;}
div.detail-search h4.title-profil.originerel::before {background-position: 46.8% 20%;}
div.detail-search h4.title-profil.passion::before {background-position: 53.2% 22%;}
div.detail-search h4.title-profil.sport::before {background-position: 59.6% 20%;}
div.detail-search h4.title-profil.cinema::before {background-position: 66% 22%;}
div.detail-search h4.title-profil.lecture::before {background-position: 72.6% 22%;}
div.detail-search h4.title-profil.musique::before {background-position: 78.9% 22%;}
div.detail-search h4.title-profil.sortie::before {background-position: 85.4% 22%;}
div.detail-search h4.title-profil.vacances::before {background-position: 91.9% 22%;}
div.detail-search h4.title-profil.quizz::before {background-position: 98.4% 20%;}
div.detail-search h5 {
	color: #929292;
	font-size: .95em;
	margin: .8em .5em 0 1.6em;
}
div.detail-search div.celibcompat-bar.new{
	margin-left: 2.8em;
}
div.detail-search div.celibcompat-bar {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 155px;
	height: 9px;
	margin: .4em 1em 0 1.5em;
	background-color: #fff;
	border-radius: 5px;
}
div.detail-search h5.new{
	margin-left: 3.2em;
}
div.detail-search div.celibcompat-bar span.fill {
	position: absolute;
	width: 149px;
	height: 9px;
	top: 0;
	left: 0;
	background: url(../_images/celibcompat-bar-fill_2016-2.png) center left no-repeat;
	-moz-background-size: 149px 9px;
	-o-background-size: 149px 9px;
	-webkit-background-size: 149px 9px;
	background-size: 149px 9px;
}
div.detail-search div.celibquizz h6 a {
	margin: .5em;
}
div.detail-search div.celibquizz ol {
	width: 100%;
	font-size: 1em;
	padding-left: 1.8em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.detail-search div.celibquizz ul {
	list-style-type: none;
	padding: 0 1.6em 0 0;
}
div.detail-search div.celibquizz ul lh {
	display: block;
	width: 98%;
	clear: both;
	padding: .4em .8em .4em .8em;
	font-weight: bold;
	color: #fff;
	background-color: #bababa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#d0d0d0));
	background-image: -webkit-linear-gradient(#bababa, #d0d0d0);
	background-image: -moz-linear-gradient(#bababa, #d0d0d0);
	background-image: -ms-linear-gradient(#bababa, #d0d0d0);
	background-image: -o-linear-gradient(#bababa, #d0d0d0);
	background-image: linear-gradient(#bababa, #d0d0d0);
	background-repeat: no-repeat;
	background-position: bottom;
	-moz-background-size: 100% 16px;
	-o-background-size: 100% 16px;
	-webkit-background-size: 100% 16px;
	background-size: 100% 16px;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-top-left-radius: .4em;
	-webkit-top-left-left-radius: .4em;
	border-top-left-radius: .4em;
	-moz-border-top-right-radius: .4em;
	-webkit-top-right-left-radius: .4em;
	border-top-right-radius: .4em;
}
div.detail-search div.celibquizz ul li {
	display: block;
	float: left;
	text-align: center;
	width: 49%;
	height: 100%;
	min-height: 3em;
	line-height: 1.2em;
	margin: .1em 0 .5em 0;
	padding: .6em .8em .8em .8em;
	font-size: .9em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.detail-search div.celibquizz ul li:nth-child(2) {
	-moz-border-bottom-left-radius: .4em;
	-webkit-border-bottom-left-radius: .4em;
	border-bottom-left-radius: .4em;
}
div.detail-search div.celibquizz ul li:nth-child(3) {
	-moz-border-bottom-right-radius: .4em;
	-webkit-border-bottom-right-radius: .4em;
	border-bottom-right-radius: .4em;
}
div.detail-search div.celibquizz ul li.red {
	color: #8c3535;
	background-color: #ee7979;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee7979), to(#ff9d9d));
	background-image: -webkit-linear-gradient(#ee7979, #ff9d9d);
	background-image: -moz-linear-gradient(#ee7979, #ff9d9d);
	background-image: -ms-linear-gradient(#ee7979, #ff9d9d);
	background-image: -o-linear-gradient(#ee7979, #ff9d9d);
	background-image: linear-gradient(#ee7979, #ff9d9d);
}
div.detail-search div.celibquizz ul li.blue {
	color: #253d6a;
	background-color: #7497d9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7497d9), to(#98b6ef));
	background-image: -webkit-linear-gradient(#7497d9, #98b6ef);
	background-image: -moz-linear-gradient(#7497d9, #98b6ef);
	background-image: -ms-linear-gradient(#7497d9, #98b6ef);
	background-image: -o-linear-gradient(#7497d9, #98b6ef);
	background-image: linear-gradient(#7497d9, #98b6ef);
}
div.detail-search div.celibquizz ul li.green {
	color: #27711b;
	font-weight: bold;
	background-color: #6fe15c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6fe15c), to(#8df17d));
	background-image: -webkit-linear-gradient(#6fe15c, #8df17d);
	background-image: -moz-linear-gradient(#6fe15c, #8df17d);
	background-image: -ms-linear-gradient(#6fe15c, #8df17d);
	background-image: -o-linear-gradient(#6fe15c, #8df17d);
	background-image: linear-gradient(#6fe15c, #8df17d);
}
div#alert {
	position: relative;
	display: none;
	z-index: 9999;
	/*top: 0.5em;*/
	left: 0;
	width: 100%;
	height: auto;
	padding: .8em .2em .6em 0;
	line-height: 1.2em;
	color: white;
	overflow: hidden;
	background-color: #625e5c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4948), to(#625e5c));
	background-image: -webkit-linear-gradient(#4c4948, #625e5c);
	background-image: -moz-linear-gradient(#4c4948, #625e5c);
	background-image: -ms-linear-gradient(#4c4948, #625e5c);
	background-image: -o-linear-gradient(#4c4948, #625e5c);
	background-image: linear-gradient(#4c4948, #625e5c);
	background-repeat: no-repeat;
	background-position: top;
	-moz-background-size: 100% 12px;
	-o-background-size: 100% 12px;
	-webkit-background-size: 100% 12px;
	background-size: 100% 12px;
	text-align:  left;
}
#compte .recadrage.ui-page div#alert{
	display: none !important;
}
div#alert a {
	color: white !important;
	text-decoration: none;
	font-weight: normal !important;
	background-color: transparent;
}
div#alert a.ui-link:hover,
div#alert a.ui-link:hover strong {
	color: white !important;
}
div#alert span.sepa {
	color: #827e7b;
}
div#alert img {
	border: .2em solid #827e7b;
}
div#alert #closealert {
	position: absolute;
	top: 0px;
	right: 10px;
}
div#alert div.ui-icon,
div#alert-marker div.ui-icon {
	width: 26px;
	height: 30px;
	background-color: #8d8b8a;
	top: 0 !important;
	margin: 0 .6em 0 .6em !important;
	padding: 0 !important;
}
div#alert div.icone-visite,
div#alert div.icone-flash,
div#alert div.icone-message,
div#alert div.icone-chat,
div#alert div.icone-carnet,
div#alert-marker div.icone-visite,
div#alert-marker div.icone-flash,
div#alert-marker div.icone-message,
div#alert-marker div.icone-chat,
div#alert-marker div.icone-carnet {
	width: 45px;
	height: 55px;
	margin-top: -6px !important;
	background-color: transparent;
	background-image: url(../_images/icons-sommaire_200-white_2017.png);
	background-repeat: no-repeat;
	-moz-background-size: auto 220%;
	-o-background-size: auto 220%;
	-webkit-background-size: auto 220%;
	background-size: auto 220%;
}
div#alert-marker div.icone-visite,
div#alert-marker div.icone-flash,
div#alert-marker div.icone-message,
div#alert-marker div.icone-chat,
div#alert-marker div.icone-carnet {
	height: 45px;
}
div#alert div.icone-visite,
div#alert-marker div.icone-visite {
	background-position: 9.4% -2%;
}
div#alert div.icone-flash,
div#alert-marker div.icone-flash {
	background-position: 12.4% -2%;
}
div#alert div.icone-message,
div#alert-marker div.icone-message {
	background-position: 3.3% -2%;
}
div#alert div.icone-chat,
div#alert-marker div.icone-chat {
	background-position: 6.4% -2%;
}
div#alert div.icone-carnet,
div#alert-marker div.icone-carnet {
	background-position: 75.4% -3%;
}
div#alert div.photo {
	float: left;
	width: 50px;
}
div#alert a.default div.text {
	width: 75%;
	font-size: .9em;
}
div#alert div.text {
	float: left;
	width: 55%;
	margin-top: 3px;
}
div#alert.visite {
	background-color: #ad2551;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#841d3f), to(#ad2551));
	background-image: -webkit-linear-gradient(#841d3f, #ad2551);
	background-image: -moz-linear-gradient(#841d3f, #ad2551);
	background-image: -ms-linear-gradient(#841d3f, #ad2551);
	background-image: -o-linear-gradient(#841d3f, #ad2551);
	background-image: linear-gradient(#841d3f, #ad2551);
}
div#alert.visite img {
	border: .2em solid #b3355c;
}
div#alert.visite span.sepa {
	color: #d2416f;
}
div#alert.flash {
	background-color: #bbd107;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#94a600), to(#bbd107));
	background-image: -webkit-linear-gradient(#94a600, #bbd107);
	background-image: -moz-linear-gradient(#94a600, #bbd107);
	background-image: -ms-linear-gradient(#94a600, #bbd107);
	background-image: -o-linear-gradient(#94a600, #bbd107);
	background-image: linear-gradient(#94a600, #bbd107);
}
div#alert.flash img {
	border: .2em solid #c9df15;
}
div#alert.flash span.sepa {
	color: #e3f92f;
}
div#alert.chat {
	background-color: #27accd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#20829a), to(#27accd));
	background-image: -webkit-linear-gradient(#20829a, #27accd);
	background-image: -moz-linear-gradient(#20829a, #27accd);
	background-image: -ms-linear-gradient(#20829a, #27accd);
	background-image: -o-linear-gradient(#20829a, #27accd);
	background-image: linear-gradient(#20829a, #27accd);
}
div#alert.chat img {
	border: .2em solid #44bddc;
}
div#alert.chat span.sepa {
	color: #3ec2e3;
}
div#alert.message {
	background-color: #4487d2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#346297), to(#4487d2));
	background-image: -webkit-linear-gradient(#346297, #4487d2);
	background-image: -moz-linear-gradient(#346297, #4487d2);
	background-image: -ms-linear-gradient(#346297, #4487d2);
	background-image: -o-linear-gradient(#346297, #4487d2);
	background-image: linear-gradient(#346297, #4487d2);
}
div#alert.message img {
	border: .2em solid #548bcb;
}
div#alert.message span.sepa {
	color: #659ad6;
}
div#alert.carnet {
	background-color: #f0b70a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efb730), to(#f0b70a));
	background-image: -webkit-linear-gradient(#efb730, #f0b70a);
	background-image: -moz-linear-gradient(#efb730, #f0b70a);
	background-image: -ms-linear-gradient(#efb730, #f0b70a);
	background-image: -o-linear-gradient(#efb730, #f0b70a);
	background-image: linear-gradient(#efb730, #f0b70a);
}
div#alert.carnet img {
	border: .2em solid #f5cd20;
}
div#alert.carnet span.sepa {
	color: #fff780;
}
div#alert-marker {
	position: absolute;
	display: none;
	overflow: hidden;
	filter: Alpha(Opacity=80);
	opacity: .8;
	z-index: 1;
	width: 35px;
	height: 35px;
	background-color: #625e5c;
	top: 0;
	right: 0;
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5) !important;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5) !important;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.5) !important;
}
div#alert-marker.visite,
div#alert-marker.chat,
div#alert-marker.message {
	background-color: transparent !important;
}
div#alert-marker div,
div#alert-marker div.icone-visite,
div#alert-marker div.icone-chat,
div#alert-marker div.icone-message,
div#alert-marker div.icone-carnet {
	position: relative;
	top: 4px;
	left: -3px;
}
div#alert-marker div {
	background-color: transparent !important;
}
div#alert-marker div.icone-visite {
	background-color: #ad2551 !important;
}
div#alert-marker div.icone-chat {
	background-color: #27accd !important;
}
div#alert-marker div.icone-message {
	background-color: #4487d2 !important;
}
div#alert-marker div.icone-carnet {
	background-color: #f0b70a !important;
}

li .icon-badge {
	background: #fff;
	color: #333;
	display: inline-block;
	padding: 3px 6px;
	margin: 2px;
	font-size: 0.9em;
	box-shadow: 0 2px 0 rgba(0, 0, 0, .08);
}
li .icon-badge.active {
	background: #dedede;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
}

#compte ul.profil li h4 span{color : #46b886;}
#recherche ul.profil li h4 span{color : #f28b06;}
#flashs ul.profil li h4 span{color : #afc400;}
#visites ul.profil li h4 span{color : #ba2556;}
#celibplus ul.profil li h4 span{color : #f0b70a;}
#enligne ul.profil li h4 span{color : #29b9c6;}

ul.profil > li:nth-child(n+4) {
	/*margin: 0 5px;*/
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);*/
}

/* Points communs le retour... */
#fiche li.behind {
	margin: -6px 0 0 0;
}
#fiche #communs {
	font-size: 1em;
}
#fiche #communs div {
	display: flex;
	align-items: center;
	border-bottom: 1px dotted #cecece;
	padding: 10px;
}
#fiche #communs div p {
	flex: 1 0 auto;
	margin: 0 0 0 5px;
	font-size: 1em;
}
#fiche #communs a#circles {
	width: 32px;
	height: 32px;
	opacity: .5;
	background-image: url(/desktop/_images/circles-black-32.png);
	transform: scale(0.7);
}
#fiche #communs a#infoCircles {
	width: 32px;
	height: 32px;
	background: url(/mobile/_js_2016/jquery.mobile-1.3.0/images/icons-60-black_2016-2.png);
	background-position: -1810px 50%;
	transform: scale(0.5);
	display: none;
}
#fiche #communs div img {
	position: relative;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	border: 1px solid #FFF;
	filter: brightness(1.1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
#fiche #communs div img:first-child {
	z-index: 20;
	left: 7px;
	opacity: .9;
	position: relative;
}
#fiche #communs div img:nth-child(2) {
	right: 7px;
}
/* footer */
#footer-full {
	background-color: #f2f2f2 !important;
}
#footer-full > a {
	position: relative;
	display: block;
	width: 50% !important;
	padding: 7px 0 3px 0;
	margin: 0 !important;
	text-align: center !important;
	float: left;
	-moz-box-shadow: 0 2px 0 rgba(255, 255, 255, .15) inset;
	-webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, .15) inset;
	box-shadow: 0 2px 0 rgba(255, 255, 255, .15) inset;
}
#footer-full.one > a {
	width: 100% !important;
}
#footer-full.monprofil .ui-btn-up-g,
#footer-full.monprofil .ui-btn-hover-g,
#footer-full.monprofil .ui-btn-up-g.ui-btn-active {
	background-color: #e5e5e5;
	text-shadow: unset;
}
#footer-full.monprofil .ui-btn {
	color: #31966a !important;
}
#fiche #footer-full .ui-btn-up-g .ui-btn-inner {
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
}
#footer-full > a .ui-btn-inner,
.footer-search > a .ui-btn-inner {
	/*padding-left: 2em !important;*/
	padding-right: 2em !important;
	display: inline-block !important;
	width: auto !important;
}
#footer-full.monprofil > a .ui-btn-inner {
	padding-left: 1em !important;
	padding-right: 1em !important;
}
#footer-full > a.ui-btn-icon-right .ui-btn-inner {
	/*padding-left: 50px !important;*/
}
#footer-full > a.ui-btn-icon-left .ui-btn-inner {
	padding-right: 0em !important;
}
#footer-full > a.inactive {
	opacity: .6;
	background-color: #555;
	text-shadow: none;
}
#footer-full > a.inactive > span {
	opacity: .4;
}
/* #footer-full:not(#footer-full.one) > a::after {
	display: block;
	position: absolute;
	content: '';
	top: 8px;
	right: 0;
	width: 1px;
	height: 34px;
	background-color: rgba(255, 255, 255, .2);
} */
#footer-full > a:last-child::before {
	display: none;
}
#footer-full > a .ui-icon {
	border: 0 !important;
}
#footer-full > a.off {
	text-shadow: none;
}
#footer-full > a.off::before {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.08) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.08) 100%) !important;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.08) 100%) !important;
}
#footer-full > a.off .ui-icon {
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-60-black_2016-2.png);
	background-image: url(../_js_2016/jquery.mobile-1.3.0/images/icons-30-black_2016-2.png)\9;
	opacity: .2;
}