/* Fonts */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../v5_fonts/Roboto/roboto-regular/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('../v5_fonts/Roboto/roboto-regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../v5_fonts/Roboto/roboto-regular/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../v5_fonts/Roboto/roboto-regular/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
         url('../v5_fonts/Roboto/roboto-regular/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../v5_fonts/Roboto/roboto-regular/Roboto-Regular.svg#roboto') format('svg'); /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../v5_fonts/Roboto/roboto-medium/Roboto-Medium.eot'); /* IE9 Compat Modes */
    src: url('../v5_fonts/Roboto/roboto-medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../v5_fonts/Roboto/roboto-medium/Roboto-Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('../v5_fonts/Roboto/roboto-medium/Roboto-Medium.woff') format('woff'), /* Modern Browsers */
         url('../v5_fonts/Roboto/roboto-medium/Roboto-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../v5_fonts/Roboto/roboto-medium/Roboto-Medium.svg#roboto') format('svg'); /* Legacy iOS */
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../v5_fonts/Roboto/roboto-bold/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('../v5_fonts/Roboto/roboto-bold/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../v5_fonts/Roboto/roboto-bold/Roboto-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('../v5_fonts/Roboto/roboto-bold/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
         url('../v5_fonts/Roboto/roboto-bold/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../v5_fonts/Roboto/roboto-bold/Roboto-Bold.svg#roboto') format('svg'); /* Legacy iOS */
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'icons';
  src: url('../v5_fonts/icons/icons.eot?85307789');
  src: url('../v5_fonts/icons/icons.eot?85307789#iefix') format('embedded-opentype'),
       url('../v5_fonts/icons/icons.woff2?85307789') format('woff2'),
       url('../v5_fonts/icons/icons.woff?85307789') format('woff'),
       url('../v5_fonts/icons/icons.ttf?85307789') format('truetype'),
       url('../v5_fonts/icons/icons.svg?85307789#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('../font/icons.svg?85307789#icons') format('svg');
  }
}
*/
/* /Fonts */
/* Main */
html[data-code-site='2bg'] {
  --main-color: #26A6D7;
  --code-site: '2bg';
}
html[data-code-site='bs'] {
  --main-color: #A5000C;
  --code-site: 'bs';
}
html[data-code-site='cd'] {
  --main-color: #2D5480;
  --code-site: 'cd';
}
html[data-code-site='cl'] {
  --main-color: #650074;
  --code-site: 'cl';
}
html[data-code-site='eg'] {
  --main-color: #942750;
  --code-site: 'eg';
}
html[data-code-site='etn'] {
  --main-color: #604E42;
  --code-site: 'etn';
}
html[data-code-site='g'] {
  --main-color: #CC0022;
  --code-site: 'g';
}
html[data-code-site='gb'] {
  --main-color: #EB9602;
  --code-site: 'gb';
}
html[data-code-site='gs'] {
  --main-color: #0593C4;
  --code-site: 'gs';
}
html[data-code-site='l'] {
  --main-color: #9A0454;
  --code-site: 'l';
}
html[data-code-site='pt'] {
  --main-color: #02687A;
  --code-site: 'pt';
}
html[data-code-site='r'] {
  --main-color: #DE8500;
  --code-site: 'r';
}
html[data-code-site='sl'] {
  --main-color: #970160;
  --code-site: 'sl';
}
html[data-code-site='tc'] {
  --main-color: #4D0078;
  --code-site: 'tc';
}
* {
	/* Prevent any object from being highlighted upon touch event*/
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
	-webkit-tap-highlight-color: transparent; /* For some Androids */
	outline: 0;
    font-family: "Roboto-Regular", sans-serif;
}
html * {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}
body {
	margin: 0;
	padding: 0;
	font-family: "Roboto-Regular", sans-serif;
}
body.noScroll {
	height: 100vh;
	width: 100vw;
	overflow-y: hidden;
	position: fixed;
	top:0;
	left:0;
}
body.noScroll .mm-page { position: unset; }
body.noScroll .content-fixed { opacity: 0; }
#overlay {
    display:none;
    position: fixed;
    left:0;
    bottom:0;
    right:0;
    top:50px;
    
    z-index: 700;
    overflow-x: hidden;
    overflow-y: auto;
    
    -webkit-overflow-scrolling: auto;
}
#overlay-container {
	min-height: calc(100vh - 50px);
	background-color: #FFFFFF;
}
input,
select,
textarea {
	border: none;
	border-radius: 0;
	color: #333;
	width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
b {
	font-family: 'Roboto-Bold';	
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #d5d4d4;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #d5d4d4;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #d5d4d4;
}

.body-fixed {
	position: fixed;
	overflow: hidden;
}

/**** ICONS ****/
[class^="icon-"], [class*=" icon-"] {
  font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  min-width: 1em;
  /*margin-right: .2em;*/
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /*margin-left: .2em;*/
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-padlock-lock-outline:before { content: '\e800'; } /* '' */
.icon-padlock-unlock-outline:before { content: '\e801'; } /* '' */
.icon-panel-direction:before { content: '\e802'; } /* '' */
.icon-panel-warning:before { content: '\e803'; } /* '' */
.icon-panel-warning-outline:before { content: '\e804'; } /* '' */
.icon-pen:before { content: '\e805'; } /* '' */
.icon-picto-notif:before { content: '\e806'; } /* '' */
.icon-plus:before { content: '\e807'; } /* '' */
.icon-plus-bold:before { content: '\e808'; } /* '' */
.icon-points:before { content: '\e809'; } /* '' */
.icon-points-vertical:before { content: '\e80a'; } /* '' */
.icon-round-check:before { content: '\e80b'; } /* '' */
.icon-round-plus:before { content: '\e80c'; } /* '' */
.icon-save:before { content: '\e80d'; } /* '' */
.icon-sound-off:before { content: '\e80e'; } /* '' */
.icon-star-fill:before { content: '\e80f'; } /* '' */
.icon-star-off-outline:before { content: '\e810'; } /* '' */
.icon-star-outline:before { content: '\e811'; } /* '' */
.icon-trash:before { content: '\e812'; } /* '' */
.icon-triangle-bottom:before { content: '\e813'; } /* '' */
.icon-user:before { content: '\e814'; } /* '' */
.icon-user-bold:before { content: '\e815'; } /* '' */
.icon-user-couple:before { content: '\e816'; } /* '' */
.icon-user-outline:before { content: '\e817'; } /* '' */
.icon-user-plus:before { content: '\e818'; } /* '' */
.icon-user-user:before { content: '\e819'; } /* '' */
.icon-video-play:before { content: '\e81a'; } /* '' */
.icon-webcam:before { content: '\e81b'; } /* '' */
.icon-arrow-bottom:before { content: '\e81c'; } /* '' */
.icon-arrow-point-bottom:before { content: '\e81d'; } /* '' */
.icon-arrow-point-bottom-bold:before { content: '\e81e'; } /* '' */
.icon-arrow-point-left:before { content: '\e81f'; } /* '' */
.icon-arrow-point-left-bold:before { content: '\e820'; } /* '' */
.icon-arrow-point-right:before { content: '\e821'; } /* '' */
.icon-arrow-point-right-bold:before { content: '\e822'; } /* '' */
.icon-arrows-expand:before { content: '\e823'; } /* '' */
.icon-arrows-minimize:before { content: '\e824'; } /* '' */
.icon-arrow-top:before { content: '\e825'; } /* '' */
.icon-blog:before { content: '\e826'; } /* '' */
.icon-bubble-chat:before { content: '\e827'; } /* '' */
.icon-bubble-fill:before { content: '\e828'; } /* '' */
.icon-camera-bold:before { content: '\e829'; } /* '' */
.icon-camera-video:before { content: '\e82a'; } /* '' */
.icon-card-plus:before { content: '\e82b'; } /* '' */
.icon-check:before { content: '\e82c'; } /* '' */
.icon-check-bold:before { content: '\e82d'; } /* '' */
.icon-clapper-board:before { content: '\e82e'; } /* '' */
.icon-comment:before { content: '\e82f'; } /* '' */
.icon-comment-outline:before { content: '\e830'; } /* '' */
.icon-comment-rounded:before { content: '\e831'; } /* '' */
.icon-cross:before { content: '\e832'; } /* '' */
.icon-cross-bold:before { content: '\e833'; } /* '' */
.icon-dislike:before { content: '\e834'; } /* '' */
.icon-download-arrow:before { content: '\e835'; } /* '' */
.icon-download-triangle:before { content: '\e836'; } /* '' */
.icon-eye:before { content: '\e837'; } /* '' */
.icon-floppy-disk:before { content: '\e838'; } /* '' */
.icon-geoloc:before { content: '\e839'; } /* '' */
.icon-letter-send:before { content: '\e83a'; } /* '' */
.icon-like:before { content: '\e83b'; } /* '' */
.icon-location-bold:before { content: '\e83c'; } /* '' */
.icon-logo-facebook:before { content: '\e83d'; } /* '' */
.icon-logo-twitter:before { content: '\e83e'; } /* '' */
.icon-note-off:before { content: '\e83f'; } /* '' */
.icon-note-on:before { content: '\e840'; } /* '' */
.icon-padlock-lock:before { content: '\e841'; } /* '' */
.icon-people-dance:before { content: '\e842'; } /* '' */
.icon-people-sex:before { content: '\e843'; } /* '' */
.icon-photo-gallery:before { content: '\e844'; } /* '' */
.icon-photo-gallery-bold:before { content: '\e845'; } /* '' */
.icon-points-outline:before { content: '\e846'; } /* '' */
.icon-sound-on:before { content: '\e847'; } /* '' */
.icon-eye-off:before { content: '\e848'; } /* '' */
.icon-eye-on:before { content: '\e849'; } /* '' */
.icon-flame:before { content: '\e84a'; } /* '' */
.icon-hand-swipe:before { content: '\e84b'; } /* '' */
.icon-infos:before { content: '\e84c'; } /* '' */
.icon-location:before { content: '\e84d'; } /* '' */
.icon-like-outline:before { content: '\e84e'; } /* '' */
.icon-multiple-bubbles:before { content: '\e84f'; } /* '' */
.icon-multiple-bubbles-bold:before { content: '\e850'; } /* '' */
.icon-bubble-arrow-right:before { content: '\e851'; } /* '' */
.icon-bubble:before { content: '\e852'; } /* '' */
.icon-bubbles:before { content: '\e853'; } /* '' */
.icon-camera:before { content: '\e854'; } /* '' */
.icon-logo-pinterest:before { content: '\e855'; } /* '' */
.icon-deconnexion:before { content: '\e856'; } /* '' */
.icon-drink:before { content: '\e857'; } /* '' */
.icon-user-burger:before { content: '\e858'; } /* '' */
.icon-user-cross:before { content: '\e859'; } /* '' */
.icon-user-doc:before { content: '\e85a'; } /* '' */
.icon-users:before { content: '\e85b'; } /* '' */
.icon-wen:before { content: '\e85c'; } /* '' */
.icon-world:before { content: '\e85d'; } /* '' */
.icon-blacklist:before { content: '\e85e'; } /* '' */
.icon-flag:before { content: '\e85f'; } /* '' */
.icon-star-on-fill:before { content: '\e860'; } /* '' */
.icon-star-half-outline:before { content: '\e861'; } /* '' */
.icon-user-l:before { content: '\e862'; } /* '' */
.icon-user-r:before { content: '\e863'; } /* '' */
.icon-user-groupe:before { content: '\e864'; } /* '' */
.icon-alerte-off:before { content: '\e865'; } /* '' */
.icon-alerte-on:before { content: '\e866'; } /* '' */
.icon-users-thin:before { content: '\e867'; } /* '' */
.icon-square-chat:before { content: '\e868'; } /* '' */
.icon-comment-text:before { content: '\e869'; } /* '' */
.icon-eye-bold:before { content: '\e86a'; } /* '' */
.icon-arrow-share:before { content: '\e86b'; } /* '' */
.icon-logo-instagram:before { content: '\e86c'; } /* '' */
.icon-warning-18:before { content: '\e86d'; } /* '' */
.icon-calendar-check:before { content: '\e86e'; } /* '' */
.icon-credit-card:before { content: '\e86f'; } /* '' */
.icon-paysafe-card:before { content: '\e870'; } /* '' */
.icon-apple-pay:before { content: '\e871'; } /* '' */
.icon-cheque:before { content: '\e872'; } /* '' */
.icon-plus-square:before { content: '\e873'; } /* '' */
.icon-flag2:before { content: '\e874'; } /* '' */
.icon-home-bg-2:before { content: '\e875'; } /* '' */
.icon-home-lieux:before { content: '\e876'; } /* '' */
.icon-home-webcam:before { content: '\e877'; } /* '' */
.icon-home-bg-6:before { content: '\e878'; } /* '' */
.icon-home-bg-1:before { content: '\e879'; } /* '' */
.icon-home-groupe:before { content: '\e87a'; } /* '' */
.icon-home-forum:before { content: '\e87b'; } /* '' */
.icon-home-videos:before { content: '\e87c'; } /* '' */
.icon-home-bg-4:before { content: '\e87d'; } /* '' */
.icon-home-chat:before { content: '\e87e'; } /* '' */
.icon-home-bg-5:before { content: '\e87f'; } /* '' */
.icon-home-bg-3:before { content: '\e880'; } /* '' */
.icon-home-bg-2:before { content: '\e875'; } /* '' */
.icon-home-lieux:before { content: '\e876'; } /* '' */
.icon-home-webcam:before { content: '\e877'; } /* '' */
.icon-home-bg-6:before { content: '\e878'; } /* '' */
.icon-home-bg-1:before { content: '\e879'; } /* '' */
.icon-home-groupe:before { content: '\e87a'; } /* '' */
.icon-home-forum:before { content: '\e87b'; } /* '' */
.icon-home-videos:before { content: '\e87c'; } /* '' */
.icon-home-bg-4:before { content: '\e87d'; } /* '' */
.icon-home-chat:before { content: '\e87e'; } /* '' */
.icon-home-bg-5:before { content: '\e87f'; } /* '' */
.icon-home-bg-3:before { content: '\e880'; } /* '' */
.icon-home-bg-2:before { content: '\e875'; } /* '' */
.icon-home-lieux:before { content: '\e876'; } /* '' */
.icon-home-webcam:before { content: '\e877'; } /* '' */
.icon-home-bg-6:before { content: '\e878'; } /* '' */
.icon-home-bg-1:before { content: '\e879'; } /* '' */
.icon-home-groupe:before { content: '\e87a'; } /* '' */
.icon-home-forum:before { content: '\e87b'; } /* '' */
.icon-home-videos:before { content: '\e87c'; } /* '' */
.icon-home-bg-4:before { content: '\e87d'; } /* '' */
.icon-home-chat:before { content: '\e87e'; } /* '' */
.icon-home-bg-5:before { content: '\e87f'; } /* '' */
.icon-home-bg-3:before { content: '\e880'; } /* '' */
.icon-home-bg-2:before { content: '\e875'; } /* '' */
.icon-home-lieux:before { content: '\e876'; } /* '' */
.icon-home-webcam:before { content: '\e877'; } /* '' */
.icon-home-bg-6:before { content: '\e878'; } /* '' */
.icon-home-bg-1:before { content: '\e879'; } /* '' */
.icon-home-groupe:before { content: '\e87a'; } /* '' */
.icon-home-forum:before { content: '\e87b'; } /* '' */
.icon-home-videos:before { content: '\e87c'; } /* '' */
.icon-home-bg-4:before { content: '\e87d'; } /* '' */
.icon-home-chat:before { content: '\e87e'; } /* '' */
.icon-home-bg-5:before { content: '\e87f'; } /* '' */
.icon-home-bg-3:before { content: '\e880'; } /* '' */
.icon-home-bg-2:before { content: '\e875'; } /* '' */
.icon-home-lieux:before { content: '\e876'; } /* '' */
.icon-home-webcam:before { content: '\e877'; } /* '' */
.icon-home-bg-6:before { content: '\e878'; } /* '' */
.icon-home-bg-1:before { content: '\e879'; } /* '' */
.icon-home-groupe:before { content: '\e87a'; } /* '' */
.icon-home-forum:before { content: '\e87b'; } /* '' */
.icon-home-videos:before { content: '\e87c'; } /* '' */
.icon-home-bg-4:before { content: '\e87d'; } /* '' */
.icon-home-chat:before { content: '\e87e'; } /* '' */
.icon-home-bg-5:before { content: '\e87f'; } /* '' */
.icon-home-bg-3:before { content: '\e880'; } /* '' */
.icon-epingle-off:before { content: '\e881'; } /* '' */
.icon-epingle-on:before { content: '\e882'; } /* '' */
.icon-pen-write:before { content: '\e883'; } /* '' */
.icon-cheque2:before { content: '\e884'; } /* '' */
.icon-clock:before { content: '\e885'; } /* '' */
.icon-paysafe:before { content: '\e886'; } /* '' */
.icon-sms:before { content: '\e887'; } /* '' */
.icon-tel:before { content: '\e888'; } /* '' */
.icon-virement:before { content: '\e889'; } /* '' */
.icon-sms-plus:before { content: '\e88a'; } /* '' */
.icon-copy:before { content: '\e88b'; } /* '' */
.icon-megaphone:before { content: '\e88c'; } /* '' */
.icon-filter:before { content: '\e88d'; } /* '' */
.icon-logo-google:before { content: '\f1a0'; } /* 'ï† ' */

i.icon-video-play:before { margin-left: 15%; }
/**** /ICONS ****/

/** RACCOURCIE **/
.d-flex { display: flex; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.pos-absolute { position: absolute; }
.pos-relative { position: relative; }
.pos-unset { position: unset; }
.flex-wrap { flex-wrap: wrap; }
.blur-elem { filter: blur(16px); }
.blur-elem1 { filter: blur(12px); }
.blur-elem2 { filter: blur(45px); }
.blur-0 { -webkit-filter: blur(0px); filter: blur(0px); backdrop-filter: blur(0px); }
.blur-1 { -webkit-filter: blur(1px); filter: blur(1px); backdrop-filter: blur(1px); }
.blur-2 { -webkit-filter: blur(2px); filter: blur(2px); backdrop-filter: blur(2px); }
.blur-3 { -webkit-filter: blur(3px); filter: blur(3px); backdrop-filter: blur(3px); }
.blur-4 { -webkit-filter: blur(4px); filter: blur(4px); backdrop-filter: blur(4px); }
.blur-5 { -webkit-filter: blur(5px); filter: blur(5px); backdrop-filter: blur(5px); }
.blur-8 { -webkit-filter: blur(8px); filter: blur(8px); backdrop-filter: blur(8px); }
.blur-10 { -webkit-filter: blur(10px); filter: blur(10px); backdrop-filter: blur(10px); }
.blur-15 { -webkit-filter: blur(15px); filter: blur(15px); backdrop-filter: blur(15px); }
.blur-20 { -webkit-filter: blur(20px); filter: blur(20px); backdrop-filter: blur(20px); }
.blur-25 { -webkit-filter: blur(25px); filter: blur(25px); backdrop-filter: blur(25px); }
.blur-30 { -webkit-filter: blur(30px); filter: blur(30px); backdrop-filter: blur(30px); }
.blur-35 { -webkit-filter: blur(35px); filter: blur(35px); backdrop-filter: blur(35px); }
.blur-40 { -webkit-filter: blur(40px); filter: blur(40px); backdrop-filter: blur(40px); }
.blur-45 { -webkit-filter: blur(45px); filter: blur(45px); backdrop-filter: blur(45px); }
.blur-50 { -webkit-filter: blur(50px); filter: blur(50px); backdrop-filter: blur(50px); }
.flex-column { flex-direction: column; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between; }
.justify-content-around { justify-content: space-around; }
.align-items-center { align-items: center; }
.align-items-baseline { align-items: baseline; }
.align-self-end { align-self: flex-end; }
.align-self-start { align-self: flex-start; }
.align-self-center { align-self: center; }
.v-align-middle { vertical-align: middle; }
.v-align-top { vertical-align: top; }
.v-align-bottom { vertical-align: bottom; }
.o-hidden { overflow: hidden; }
.z-1 { z-index: 1; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.d-none { display: none; }
.d-none-important { display: none!important; }
.opacity-0 { opacity: 0; }
.opacity-05 { opacity: 0.5; }
.opacity-06 { opacity: 0.6; }
.opacity-07 { opacity: 0.7; }
.opacity-1 { opacity: 1!important; }
.center { text-align: center; }
.pointer-events-none { pointer-events: none; }
.mt5 { margin-top: 5px!important; }
.mt6 { margin-top: 6px!important; }
.pt0 { padding-top: 0px!important; }
.b0 { bottom: 0px!important; }
.max-width-300 { max-width: 300px; margin-right: auto; margin-left: auto; }
.container { margin: 0 10px; }
.clearfix { clear: both; }
.rotate90 { transform: rotate(90deg); }
.rotate180 { transform: rotate(180deg); }
.rotate-90 { transform: rotate(-90deg); }
.rotate-180 { transform: rotate(-180deg); }
.img-fluid {
	max-width: 100%;
	height: auto;
}
.img-cover {
	object-fit: cover;
}

.rounded-0 { border-radius: 0px!important; }
.rounded-1 { border-radius: 5px!important; }
.rounded-2 { border-radius: 10px!important; }
.rounded-3 { border-radius: 15px!important; }
.rounded-4 { border-radius: 20px!important; }
.rounded-5 { border-radius: 25px!important; }

.border-r-3 { border-radius: 3px; }

.border { border: 1px solid; }
.border-b { border-bottom: 1px solid #eeecec; }
.border-t { border-top: 1px solid #eeecec; }
.border-none { border: none!important; }

.rbto-bold { font-family: "Roboto-Bold"; }
.rbto-medium { font-family: "Roboto-Medium"; }
.rbto-regular { font-family: "Roboto-Regular"; }
.rbto-italic { font-style: italic; }

.fs-3 { font-size: 3px!important; }
.fs-4 { font-size: 4px!important; }
.fs-5 { font-size: 5px!important; }
.fs-6 { font-size: 6px!important; }
.fs-7 { font-size: 7px!important; }
.fs-8 { font-size: 8px!important; }
.fs-9 { font-size: 9px!important; }
.fs-10 { font-size: 10px!important; }
.fs-11 { font-size: 11px!important; }
.fs-12 { font-size: 12px!important; }
.fs-13 { font-size: 13px!important; }
.fs-14 { font-size: 14px!important; }
.fs-15 { font-size: 15px!important; }
.fs-16 { font-size: 16px!important; }
.fs-17 { font-size: 17px!important; }
.fs-18 { font-size: 18px!important; }
.fs-19 { font-size: 19px!important; }
.fs-20 { font-size: 20px!important; }
.fs-21 { font-size: 21px!important; }
.fs-22 { font-size: 22px!important; }
.fs-23 { font-size: 23px!important; }
.fs-24 { font-size: 24px!important; }
.fs-25 { font-size: 25px!important; }
.fs-26 { font-size: 26px!important; }
.fs-27 { font-size: 27px!important; }
.fs-28 { font-size: 28px!important; }
.fs-29 { font-size: 29px!important; }
.fs-30 { font-size: 30px!important; }

.color-white { color: #ffffff; }
.color-black { color: #000000; }
.color-grey { color: #404040; }
.color-light-grey { color: #757575; }
.color-red { color: #b80120; }

.border-white { border-color: #ffffff; }
.border-black { border-color: #000000; }
.border-grey { border-color: #404040; }
.border-red { border-color: #b80120; }

.bg-color-grey { background-color: #ededed; }
.bg-color-white { background-color: #ffffff; }
.bg-color-black { background-color: #000000; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }
.text-barre { text-decoration: line-through; }
.text-exposant { font-size: 68%; vertical-align: top; }

.box-shadow { -webkit-box-shadow: 0px 0px 14px -2px #AAAAAA; box-shadow: 0px 0px 14px -2px #AAAAAA; }

.px-5 { padding-right: 5px;padding-left: 5px; }
.px-10 { padding-right: 10px;padding-left: 10px; }
.px-12 { padding-right: 12px;padding-left: 12px; }
.px-15 { padding-right: 15px;padding-left: 15px; }
.px-20 { padding-right: 20px;padding-left: 20px; }
.px-25 { padding-right: 25px;padding-left: 25px; }

.py-5 { padding-top: 5px;padding-bottom: 5px; }
.py-10 { padding-top: 10px;padding-bottom: 10px; }
.py-12 { padding-top: 12px;padding-bottom: 12px; }
.py-15 { padding-top: 15px;padding-bottom: 15px; }
.py-20 { padding-top: 20px;padding-bottom: 20px; }
.py-25 { padding-top: 25px;padding-bottom: 25px; }

.pb-0 { padding-bottom: 0px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-12 { padding-bottom: 12px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-40 { padding-bottom: 40px; }
.pb-55 { padding-bottom: 55px; }

.pt-0 { padding-top: 0px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-12 { padding-top: 12px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-55 { padding-top: 55px; }

.pl-0 { padding-left: 0px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-12 { padding-left: 12px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }

.pr-0 { padding-right: 0px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-12 { padding-right: 12px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }

.mx-5 { margin-right: 5px;margin-left: 5px; }
.mx-10 { margin-right: 10px;margin-left: 10px; }
.mx-12 { margin-right: 12px;margin-left: 12px; }
.mx-15 { margin-right: 15px;margin-left: 15px; }
.mx-20 { margin-right: 20px;margin-left: 20px; }
.mx-25 { margin-right: 25px;margin-left: 25px; }
.mx-30 { margin-right: 30px;margin-left: 30px; }

.my-5 { margin-top: 5px;margin-bottom: 5px; }
.my-10 { margin-top: 10px;margin-bottom: 10px; }
.my-12 { margin-top: 12px;margin-bottom: 12px; }
.my-15 { margin-top: 15px;margin-bottom: 15px; }
.my-20 { margin-top: 20px;margin-bottom: 20px; }
.my-25 { margin-top: 25px;margin-bottom: 25px; }
.my-30 { margin-top: 30px;margin-bottom: 30px; }

.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-12 { margin-bottom: 12px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-55 { margin-bottom: 55px; }

.mt-0 { margin-top: 0px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-12 { margin-top: 12px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-55 { margin-top: 55px; }
.mt-60 { margin-top: 60px; }

.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-12 { margin-right: 12px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-55 { margin-right: 55px; }

.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-12 { margin-left: 12px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-55 { margin-left: 55px; }

.align-self-start { align-self: flex-start; }

/** /RACCOURCIE **/
.display-b { display: block !important; }

.cursor-p { cursor: pointer; }

.popup_v5 .title.no-cursor { cursor: auto; }

.no-cursor { cursor: auto; }

span h5 {
	display: inline;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
}

.btn {
	padding: 12px 0;
	position: relative;
	overflow: hidden;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	font-family: 'Roboto-Medium';
	line-height: 1;
	transition-duration: 0.3s;
	color: #000;
	font-size: 15px;
}

.btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	padding-top: 0;
	border-radius: 100%;
	background-color: rgba(236, 240, 241, .08);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.btn-grey:before,
.btn-grey-light:before { background-color: rgba(50, 50, 50, 0.1); }

.btn-grey {	background-color: #cac9c9; }

.btn-grey-light { background-color: #e9e9e9; }

.btn-white {
	background-color: #fff;
	color: #000000;
}

.btn.btn-hover:hover:before {
	width: 120%;
	padding-top: 120%;
	transition: width .3s ease-out, padding-top .3s ease-out;
}

.btn-main {
	color: #fff;
	font-size: 17px;
	padding: 15px 0;
}
.btn-small {
	padding: 12px 15px;
    font-size: 12px;
}

.btn-download img {
	margin-right: 10px;
	width: 16px;
}

.btn-grey-loader {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-grey-loader .spinner {
	width: 30px;
	height: 30px;
	margin: 0;
	margin-right: 10px;
}

.btn-grey-loader .double-bounce1,
.btn-grey-loader .double-bounce2 {
	background-color: #000;
}
.btn.disabled, .btn-text.disabled {
	opacity: 0.5;
	cursor: default;
}
i.btn-play {
  font-size: 24px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.6);
}
i.btn-play.btn-play-sm {
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.btn-twitter {
	background-color: #4ba0ec!important;
	color: #FFFFFF;
}
.btn-twitter i {
	font-size: 20px;
    margin: -10px 0;
    display: inline-block;
    margin-right: 10px;
}
.btn-google {
	background-color: #e3e9f4!important;
	color: #4285f4;
}
.btn-google i {
	font-size: 20px;
    margin: -10px 0;
    display: inline-block;
    margin-right: 10px;
}
.stop {
	display: block;
	clear: both;
}
.text-entoure-trait {
	display: flex;
	color: #8e8e8e;
	font-size: 18px;
	margin: 15px 0px;
	align-items: center;
}
.text-entoure-trait {
	display: flex;
	margin: 15px 0px;
}
.text-entoure-trait span {
	color: #8e8e8e;
    font-size: 18px;
	white-space: nowrap;
	margin: 0 20px;
}
.text-entoure-trait div {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #8e8e8e;
}
.mbsc-sc-whl-l {
    width: 64px;
    margin-left: auto;
    margin-right: auto;
}
.mbsc-sc-whl {
    padding: 24px 0px;
}
.mbsc-sc-whl:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+2,eeeeee+98&1+0,0+20,0+80,1+100 */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,0.9) 2%, rgba(238,238,238,0) 20%, rgba(238,238,238,0) 80%, rgba(238,238,238,0.9) 98%, rgba(238,238,238,1) 100%); 
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,0.9) 2%,rgba(238,238,238,0) 20%,rgba(238,238,238,0) 80%,rgba(238,238,238,0.9) 98%,rgba(238,238,238,1) 100%); 
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,0.9) 2%,rgba(238,238,238,0) 20%,rgba(238,238,238,0) 80%,rgba(238,238,238,0.9) 98%,rgba(238,238,238,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );


    
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    pointer-events: none;
}


.mb0 { margin-bottom: 0 !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.pb20 { padding-bottom: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt75 { margin-top: 75px; }
.m0-9 { margin: 0 9px; }

.xs-hidden { display: none; }

.font-bold { font-family: 'Roboto-Bold'; }
.bold-color { font-family: 'Roboto-Bold'; }

.content-fixed { background-color: #fff; }
.easy-autocomplete input {
	color: #333333;
}
#header_fixe,
#footer_fixe {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 4;
}

#header_fixe { top: 0; }

#footer_fixe { bottom: 0; }

.js-header-fixed-mobile {
	position: fixed;
	top: 50px;
	right: 0;
	left: 0;
}

.js-footer-fixed-mobile {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
}

.isc_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	background-color: #fff;
	overflow: hidden;
}
		
.isc_scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.iScrollIndicator { border:none !important;	}

.iScrollVerticalScrollbar{
	right: 3px !important;
	width: 6px !important;
}
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0,0,0,.2);
}

.info-bulle {
	position: absolute;
	font-size: 16px;
	text-align: center;
	padding: 15px 0;
	border-radius: 4px;
	color: #9a9a9a;
	background-color: #fff;
	box-shadow: 0 2px 22px rgba(0, 0, 0, .75);
	line-height: 1;
	text-align: center;
}

.info-bulle-discussion {
	width: 215px;
	top: 35px;
	right: -5px;
}

.info-bulle-discussion::after {
	content: "";
	position: absolute;
	right: 11px;
	top: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #fff transparent;
	box-shadow: 0 2px 22px rgba(0, 0, 0, .75);
}
[class^="icon-genre-"], [class*=" icon-genre-"] {
    font-size: 12px;
    display: inline-flex;
    vertical-align: middle;
}
.icon-genre-h { color: #2f6086; }
.icon-genre-f { color: #983072; }
.icon-genre-t { color: #d17e06; }
.icon-genre-hf, .icon-genre-hh, .icon-genre-ff {
  color: #983072;
  /*text-shadow: 1px 1px 0 #ffffff, 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 2px 0px 0 #ffffff, 0px 1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -1px 0 #ffffff, 1px 1px 1px rgb(206 89 55 / 0%);*/
  display: inline-flex;
  margin-right: -0.65em;
}
.icon-genre-hf > i, .icon-genre-hh > i, .icon-genre-ff > i {
  color: #2f6086;
  margin-left: -22%;
  display: inline-flex;
}
.icon-genre-hh, .icon-genre-hh > i { color: #2f6086; }
.icon-genre-ff, .icon-genre-ff > i { color: #983072; }
/* /Main */

/* Header */
.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding: 0 10px;
	z-index: 2!important;
}

.menu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
}

.menu-left,
.menu-right {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.menu-left__hamburger {
	position: relative;
	width: 18px;
	height: 12px;
	margin-right: 10px;
	transition: all 0.1s ease-in-out;
}

.menu-left__hamburger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	left: 0;
	transition: all 0.5s ease-in-out;
}

.menu-left__hamburger span:nth-child(1) { top: 0px; }

.menu-left__hamburger span:nth-child(2) { top: 5px; }

.menu-left__hamburger span:nth-child(3) { top: 10px; }

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-page__blocker {
	background-color: #0b0b0b;
	opacity: .8;
	-webkit-box-shadow: -7px 0px 20px 0px rgba(30,30,31,0.4);
	-moz-box-shadow: -7px 0px 20px 0px rgba(30,30,31,0.4);
	box-shadow: -7px 0px 20px 0px rgba(30,30,31,0.4);
}

.mm-wrapper_opened .menu-left__hamburger { width: 11px; }

.mm-wrapper_opening .menu-left__hamburger span:nth-child(1) {
    -webkit-transform: rotate(-45deg) translateX(-2px);
    -ms-transform: rotate(-45deg) translateX(-2px);
    -o-transform: rotate(-45deg) translateX(-2px);
    transform: rotate(-45deg) translateX(-2px);
}

.mm-wrapper_opening .menu-left__hamburger span:nth-child(3) {
	-webkit-transform: rotate(45deg) translateX(-2px);
	-ms-transform: rotate(45deg) translateX(-2px);
	-o-transform: rotate(45deg) translateX(-2px);
	transform: rotate(45deg) translateX(-2px);
}

/* .mm-wrapper_opening .menu-left__hamburger span:nth-child(1) {
	-webkit-transform: rotate(-45deg) translateX(1px);
	-ms-transform: rotate(-45deg) translateX(1px);
	-o-transform: rotate(-45deg) translateX(1px);
	transform: rotate(-45deg) translateX(1px);
}
 */
.mm-wrapper_opening .menu-left__hamburger span:nth-child(2) { opacity: 0; }

/* .mm-wrapper_opening .menu-left__hamburger span:nth-child(3) {
	-webkit-transform: rotate(45deg) translateX(1px);
	-ms-transform: rotate(45deg) translateX(1px);
	-o-transform: rotate(45deg) translateX(1px);
	transform: rotate(45deg) translateX(1px);
} */

.menu-left__logo {
	display: block;
}

.menu-left__logo img { display: block; width: 110px; }

.menu-right__item {
	position: relative;
	padding: 0 13px;
}

.menu-right__item img {
	height: 23px;
	opacity: .7;
}

.menu-right__item.current img { opacity: 1;}

.menu-right__item i {
	color: #FFFFFF;
	opacity: .7;
	font-size: 23px;
}
.menu-right__item.current i { opacity: 1;}

.menu-right__item span {
	display: inline-block;
	min-width: 12px;
	height: 12px;
	line-height: 12px;
	position: absolute;
	top: -8px;
	right: 2px;
	border-radius: 13px;
	background-color: #fff;
	font-size: 12px;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	padding: 3px;
}

.menu-right__item--last { padding-right: 9px; }

.menu-right__item--last span { right: -2px; }

.mm-menu > .mm-list { padding-top: 26px; }
/* /Header */

/* Mmenu */
#sub-menu:not( .mm-menu ) {
	display: none;
}
.mm-panel {
	padding: 0;
	background-color: #fff;
}

.mm-menu_offcanvas {
	width: 256px;
	min-width: 256px;
	max-width: 256px;
}

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
	-webkit-transform: translate(256px,0);
	-ms-transform: translate(256px,0);
	transform: translate(256px,0);
	-webkit-transform: translate3d(256px,0,0);
	transform: translate3d(256px,0,0);
	z-index: 2;
}
.mm-slideout {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
}
.mm-panels>.mm-panel>.mm-listview { margin: 0; }

.sub-menu__header { margin-bottom: 10px; }

.sub-menu__header--info {
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;
	align-items: center;
	padding: 15px !important;
}

.sub-menu__header--picture {
	min-width: 60px;
	width: 60px;
	height: 60px;
	border-radius: 3px;
	border: 1px solid #d6d6d6;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.sub-menu__header--profil {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	color: #fff;
	font-family: "Roboto-Regular";
	width: 100%;
}

.sub-menu__header--profil--first {
	font-size: 18px;
}

.sub-menu__header--profil--second {
	font-size: 15px;
	opacity: .8;
	margin-top:5px;
}

.sub-menu__header--info--menu.menu-visible { display: block !important; }

.sub-menu__header--info--menu {
	padding: 0 0 0 95px !important;
	/*margin-top: -15px;*/
}

.sub-menu__header--info--menu div {
	font-size: 16px;
	font-family: "Roboto-Regular";
	opacity: 0.8;
	color: #8c8b90;
	line-height: 1;
	padding: 10px 0;
}

.sub-menu__header--info--menu div img { width: 10px; }

.mm-listitem:after { display: none; }

.sub-menu__item img {
	width: 40px;
	margin-right: 18px;
}

.mm-menu .mm-listview a:not(.mm-btn_next) {
	-webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

.sub-menu__item-current { background-color: #eaeaea; }

.mm-menu .sub-menu__item a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding: 7px 14px;
	font-family: "Roboto-Regular";
	font-size: 16px;
	color: #505050;
}

.sub-menu__item a i {
    width: 40px;
    height: 40px;
    margin-right: 18px;
    background-color: #8e8c92;
    border-radius: 40px;
    color: #ffffff;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub-menu__item a i.icon-user-doc:before {
  margin-top: 2px;
  margin-left: 2px;
}
.sub-menu__item a i.icon-location-bold:before {
  margin-top: 1px;
}
.sub-menu__item a i.icon-camera-video:before {
  margin-top: 1px;
  margin-left: 2px;
}
.sub-menu__item a i.icon-infos:before {
  margin-top: 1px;
}
.sub-menu__item a i.icon-like-outline:before {
  margin-bottom: 2px;
}
.sub-menu__item a i.icon-deconnexion:before {
  margin-left: 4px;
}


.sub-menu__footer-title {
	margin: 5px 15px 0 15px;
	border-top: 1px solid #D6D6D6;
	text-align: center;
	padding: 16px 0 20px 0;
	line-height: 1;
	font-size: 14px;
	font-family: "Roboto-Regular";
	color: #505050;
}

.sub-menu__footer-reseaux {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	margin: 0 15px;
	align-items: center;
}

.sub-menu__footer-reseaux img {	height: 28px; }

img.sub-menu__footer-reseaux-twitter { height: 21px; }

img.sub-menu__footer-reseaux-google { height: 25px; }

.sub-menu__footer-reseaux i {
    font-size: 28px;
    color: #8c8b90;
}

.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) { display: none; }

.triangle-down {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #757575 transparent transparent transparent;
	margin-left: 20px;
	transition: .3s transform;
	margin-bottom: -1px;
}

.mm-listitem_opened .triangle-down {
	transform: rotate(180deg);
}

.triangle-down-header {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	margin-left: 12px;
	opacity: .7;
	transition: .3s transform;
	margin-bottom: 2px;
}

.triangle-down-header.rotate {
	transform: rotate(180deg);
}

.sub-menu-accordeon li { margin-left: 95px; }

.sub-menu-accordeon { margin: -10px 0 -10px -10px; }

.mm-menu .sub-menu-accordeon li a {
	font-size: 16px;
	color: #8c8b90;
	padding: 10px 0;
	line-height: 1;
}

.mm-menu .mm-listitem_opened>.mm-btn_next, .mm-menu .mm-listitem_opened>.mm-panel { background-color: #fff; }

.sub-menu__footer-cgu a {
	text-overflow: initial;
	overflow :initial;
	font-size: 12px;
	padding: 0;
}
.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-page__blocker {
    transition: opacity 0.2s ease 0.4s;
}
/* Mmenu */

/* Popup v5 */
.popup_v5 {
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	box-sizing: border-box;
}

.popup_v5 .content {
	padding: 0 20px 15px 20px;
	background-color: #fff;
}

.popup_v5 .title {
	padding: 20px;
	cursor: pointer;
	margin: 0 -20px;
	display: flex;
	align-items: baseline;
}

.popup_v5 .title img {
	width: 8px;
	margin-right: 30px;
}
.popup_v5 .title i {
  padding: 1px 0px;
  padding-right: 30px;
  font-size: 14px;
  align-self: center;
}

.popup_v5 .title span {
	font-size: 19px;
	font-family: 'Roboto-Medium';
	color: #fff;
}

.popup_v5 .date {
	font-size: 12px;
	font-style: italic;
	color: #a3a3a3;
}

.popup_v5 .corps {
	font-family: 'Roboto-Regular';
    font-size: 15px;
    color: #424242;
}

#popup_post_inscription .title span { color: #000; }

.popup_v5-generique .content {
	border-radius: 3px;
}

.popup_v5-generique .title span {
	color: #000;
}

.popup_v5-generique p { margin: 0; }

.text-popup {
	font-size: 15px;
	font-family: "Roboto-Regular";
	color: #757575;
}
/* /Popup v5 */

/* Popup inscription */

#popup_inscription .popup_inscription_background,
#popup_contact .popup_contact_background { position: relative; }

#popup_inscription .popup_inscription_form,
#popup_contact .popup_contact_form,
#popup_connexion .popup_inscription_form { margin-top: 25px; }

.popup_v5 fieldset input,
.popup_v5 fieldset textarea {
	width: 100%;
	font-family: 'Roboto-Regular';
	font-size: 16px;
	border-bottom: 1px solid #9e9e9e;
	padding: 5px 25px 5px 0;
	box-sizing: border-box;
}

.popup_v5 fieldset textarea { 
	resize: none;
	padding: 5px 0;
}
input:required {
    box-shadow:none;
}

.popup_v5 input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset; 
	box-shadow: 0 0 0 1000px #fff inset;
}

.popup_v5 .error input,
.popup_v5 .error textarea { border-color:  #d50000; }

#popup_inscription .text-cgu {
	margin: 20px 0;
	text-align: center;
	line-height: 1;
	font-family: 'Roboto-Regular';
	font-size: 13px;
	color: #424242;
}

#popup_inscription .text-cgu a { color: #424242; }

#popup_inscription .link-bottom {
	line-height: 1;
	margin: 20px 0 0 0;
}

#popup_inscription .link-bottom a {
	text-decoration: none;
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #424242;
}
#popup_inscription .easy-autocomplete {
	width: 100%!important;
}

#popup_inscription .link-bottom a:last-child { float: right; }

.popup_v5 .error .text-error,
.popup_v5 .error .icon-error,
.fieldset_v5.error .text-error { display: block; }

#popup_contact .link-bottom {
	font-size: 14px;
	text-align: center;
	font-family: "Roboto-Regular";
	color: #424242;
	margin-top: 25px;
	cursor: pointer;
}
.fieldset_v5.error input, .fieldset_v5.error textarea {
	border-color: #d50000;
}


#popup_inscription .icon-geoloc {
	position: absolute;
	top: 6px;
	right: 0;
	width: 16px;
}
#popup_inscription .icon-croix {
	position: absolute;
	/*top: 2px;*/
	right: -6px;
	/*width: 26px;*/
	top: 10px;
	width: 20px;
	display: none;
}

.popup_v5 .text-error, .fieldset_v5 .text-error {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 35px;
	font-size: 12px;
	color: #d50000;
	/*line-height: 1.2;*/
	line-height: 1;
	padding-right: 25px;
}

.popup_v5 .fieldset-textarea  .text-error {
	top: auto;
	margin-top: 5px;
}

.popup_v5 .fieldset-textarea.error { margin-bottom: 30px !important; }

.popup_v5 .icon-error {
	display: none;
	position: absolute;
	right: 0;
	top: 4px;
	width: 21px;
}
.popup_v5 .icon-error.icon-remove {
    top: 2px;
    right: -6px;
    width: 26px;
    cursor: pointer;
}
input:invalid ~ .icon-error.icon-remove {
	display: none!important;
}

#popup_inscription .valid .icon-valid,
#popup_connexion .valid .icon-valid { display: block; }

#popup_inscription .icon-valid,
#popup_contact .icon-valid,
#popup_mdp_oublie .icon-valid,
#popup_connexion .icon-valid {
	display: none;
	position: absolute;
	right: 0;
	top: 6px;
	width: 21px;
}

.popup_v5 .text-error img {
	position: absolute;
	right: 0;
	top: 0;
	width: 17px;
}

#popup_inscription .form-select {
	position: relative;
	text-align: left;
}

#popup_inscription #date, #popup_inscription #date2 { cursor: pointer; }

#popup_inscription .form-select-1 {	
	width: 31%;
	float: left;
}

#popup_inscription .form-select-2 {	
	width: 62%;
	float: right;
}

#popup_inscription .form-select-double-l { width: 48%; float: left;}
#popup_inscription .form-select-double-r { width: 48%; float: right;}
#popup_inscription .form-select-triple { width: 32%; float: left;}
#popup_inscription .form-select-triple.form-select-middle { width: 28%; margin: 0 4%;}


.select-img-arrow {
	position: absolute;
	top: 13px;
	right: 0;
	width: 10px;
	pointer-events: none;
}
i.select-img-arrow {
  color: #9e9e9e;
  font-size: 5px;
  top: 12px;
}
/* /Popup inscription */

/* Spinner */
.background-loader {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
}

.spinner {
	width: 40px;
	height: 40px;

	position: relative;
	margin: 200px auto;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
		} 50% { 
			transform: scale(1.0);
			-webkit-transform: scale(1.0);
		}
	}
	/* /Spinner */

	/* Popup post inscription */
	#popup_post_inscription .popup_post_inscription_background,
	#popup_mdp_oublie .popup_mdp_oublie_background {
		max-width: 310px;
		margin: 15px auto;
		width: 100%;
		border-radius: 2px;
		box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
	}

	#popup_post_inscription .content,
	#popup_mdp_oublie .content { border-radius: 2px; }

	#popup_mdp_oublie .content { padding-bottom: 20px; }

	#popup_post_inscription p {
		margin: 0 0 20px 0;
		text-align: left;
		font-family: "Roboto-Regular";
		font-size: 15px;
		color: #424242;
	}

	#popup_post_inscription .btn { margin-bottom: 10px; }

	#popup_post_inscription .btn.btn-grey,
	#popup_post_inscription .btn.btn-grey-light {
		margin-right: 0px;
		margin-left: 0px;
	}

	#popup_post_inscription .link-bottom {
		font-size: 14px;
		text-align: center;
		font-family: "Roboto-Regular";
		color: #424242;
		margin-top: 25px;
	}

	#popup_post_inscription .post_inscription_item { display: none; }

	#popup_post_inscription .post_inscription_item .link-bottom { cursor: pointer; }

	#popup_post_inscription .post_inscription_item .input-code { position: relative; }

	.post_inscription_item .input-code input {
		box-sizing: border-box;
		font-family: 'Roboto-Regular';
		padding: 6px 8px;
		padding-left: 22px;
		display: block;
		width: 110px;
		margin: 0 auto 25px auto;
		background-color: #f2f2f2;
		border-radius: 2px;
		letter-spacing: 11px;
		font-size: 16px;
	}

	.post_inscription_item .input-code-barre {
		position: absolute;
		height: 1px;
		width: 12px;
		background-color: #9e9e9e;
		bottom: 4px;
		left: 50%;
		margin-left: -35px;
	}

	.post_inscription_item .input-code-error {
		display: none;
		position: absolute;
		bottom: -20px;
		right: 0;
		left: 0;
		font-size: 12px;
		color: #d50000;
		text-align: center;
	}

	.post_inscription_item .input-code-barre:nth-child(2) {margin-left: -15px;}
	.post_inscription_item .input-code-barre:nth-child(3) {margin-left: 5px;}
	.post_inscription_item .input-code-barre:nth-child(4) {margin-left: 25px;}
	/* /Popup post inscription */

	/* Popup mdp oublié */
	#popup_mdp_oublie .title span { color: #000; }

	#popup_mdp_oublie p {
		font-size: 15px;
		font-family: 'Roboto-Regular';
		color: #757575;
		margin-top: 0;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	/* /Popup mdp oublié */

	/* Popin */
	#popin {
		position: fixed;
		top: 50%;
		right: 0;
		left: 0;

		display: flex;
		height: 200px;
		margin-top: -100px;
		padding: 0 15px;

		font-family: 'Roboto-Regular';
		z-index: 99999999;
	}

	#popin .popin-content {
		max-width: 420px;
		margin: auto;
		border-radius: 2px;
		background-color: #212112;
		-webkit-box-shadow: 0px 30px 50px -15px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 30px 50px -15px rgba(0,0,0,0.75);
		box-shadow: 0px 30px 50px -15px rgba(0,0,0,0.75);
	}

	#popin .popin-content p {
		margin: 0;
		padding: 20px;
		line-height: 1.5;
		font-size: 15px;
		color: #bdbdbd;
	}
	/* /Popin */

/* 
POPUP PREMIUM/CERTIFICATION
*/
#popup_premium {
	border-radius: 3px;
	max-width: 325px;
	margin: 0 auto;
	background-color: transparent;
	overflow: hidden;
}

.popup_premium-content-white {
	background-color: #fff;
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px;
}

.popup_premium-title {
	font-family: 'Roboto-Medium';
	font-size: 19px;
	padding: 25px 20px;
	line-height: 1;
}

.popup_premium-text {
	margin: 0 0 5px 0;
	padding: 0 20px;
	font-family: 'Roboto-Regular';
	font-size: 15px;
	color: #424242;
}

.popup_premium-border-top {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 35px 325px;
	border-color: transparent transparent #02687a transparent;
}

.popup_premium-content-color {
	background-color: #02687a;
	text-align: center;
	padding: 0 20px 20px 20px;
	border-bottom-left-radius: 3px; 
	border-bottom-right-radius: 3px;
}

.popup_premium-content-color .popup_premium-prix {
	font-size: 60px;
	color: #fff;
	font-family: 'Roboto-Medium';
	line-height: 1;
}

#popup_premium .btn-white {
	margin: 20px 0;
	text-transform: uppercase;
	font-size: 17px;
	padding: 17px 0;
	background-color: #fff;
}

.popup_premium-content-color a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Roboto-Regular';
}

.popup_premium-femme {
	background-color: #fff;
	border-radius: 3px;
	padding-bottom: 15px;
}

.popup_premium-femme .btn-main {
	text-transform: uppercase;
	margin: 20px;
}

.popup_premium-footer {
	text-align: center;
	justify-content: space-between;
	padding: 0 20px;
}

.popup_premium-footer a {
	text-decoration: none;
	font-size: 14px;
	font-family: 'Roboto-Regular';
	color: #424242;
	line-height: 1;
}
.certif-container-img {
	position: relative;
}
.certif-container-img div {
	font-family: 'ArchitectsDaughter-Regular';
	font-weight: 600;
    font-size: 33px;
    transform: rotate(352deg);
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}
/* /POPUP PREMIUM/CERTIFICATION */

/* POPUP VISIO */
#popup_visio {
	max-width: 325px;
	margin: 0 auto;
}

#demande-visio p {
	margin: 0 0 35px 0;
	color: #404040;
	font-size: 16px;
	font-family: "Roboto-Regular";
	line-height: 1.6;
}

#demande-visio p span { font-family: "Roboto-Bold"; }

.appel-visio {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.appel-visio-btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
}

.appel-visio-df {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.appel-visio-avatar {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	border: #d6d6d6;
	border-radius: 3px;
	margin-right: 15px;
}

.appel-visio-text {
	font-size: 16px;
	font-family: "Roboto-Regular";
	color: #9a9a9a;
}

.appel-visio-text span { font-family: "Roboto-Bold"; }

.appel-visio-text img {
	width: 17px;
	transform: rotate(180deg);
}

#appel-visio-btn-action .btn-main {	margin-bottom: 5px; }

#appel-visio-btn-action .btn-grey-light { width: 49%; }

#appel-visio-message { display: none; }

#appel-visio-message p {
	font-size: 16px;
	font-family: "Roboto-Regular";
	color: #9a9a9a;
}

#appel-visio-message textarea { height: 30px; }

.textarea-autosize { height: 30px; }

#note-visio {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	margin: 15px 0 7px 0;
}

#note-visio img {
	width: 25px;
	height: 25px;
	margin: 0 7px;
}

.legend-note-visio {
	font-size: 12px;
	font-family: "Roboto-Regular";
	color: #8e8e8e;
	margin-bottom: 25px;
	text-align: center;
}
/* /POPUP VISIO */
.jcrop-handle {
	padding: 3px;
}
/* POPUP SIGNALEMENT */
#popup_signalement,
#popup_blacklist {
	background-color: #fff;
	border-radius: 3px;
	max-width: 400px;
	margin: 0 auto;
}

#popup_blacklist { max-width: 320px; }

#popup_signalement .content,
#popup_blacklist .content { 
	border-radius: 3px;
	padding-bottom: 20px;
}

#popup_signalement .title span,
#popup_blacklist .title span,
#popup_fermer_blog .title span { color: #000; }

.popup_signalement-text {
	margin: 0 0 30px 0;
	font-size: 15px;
	font-family: 'Roboto-Regular';
	line-height: 21px;
	color: #757575;
}

.popup_signalement-text span { 
	text-decoration: underline;
	cursor: pointer;
}

.popup_signalement-text .popup_blacklist-pseudo {
	text-decoration: none;
	font-weight: bold;
}

.popup_signalement-checkbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.popup_signalement-checkbox > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	width: 50%;
	margin-bottom: 25px;
	cursor: pointer;
}

.popup_signalement-checkbox > div span {
	font-size: 16px;
	font-family: 'Roboto-Regular';
	color: #424242;
	opacity: 0.5;
}

.popup_consentement_photo-checkbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.popup_consentement_photo-checkbox > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	width: 50%;
	margin-bottom: 25px;
	cursor: pointer;
}

.popup_consentement_photo-checkbox > div span {
	font-size: 16px;
	font-family: 'Roboto-Regular';
	color: #424242;
	opacity: 0.5;
}

.fake-checkbox {
	position: relative;
	height: 20px;
	width: 20px;
	min-width: 20px;
	border-radius: 50%;
	border: 2px solid #6f6f6f;
	margin-right: 10px;
	box-sizing: border-box;
}

.fake-checkbox > div {
	display: none;
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -5px;
}

#popup_signalement textarea { height: 31px; }

.popup_signalement-checkbox > div.checked span { opacity: 1; }

.popup_signalement-checkbox > div.checked .fake-checkbox > div { display: block; }

.popup_signalement-checkbox > div.error span { color: red; }
.popup_signalement-checkbox > div.error .fake-checkbox { border-color: red; }
/* /POPUP SIGNALEMENT */

.popup_consentement_photo-checkbox > div.checked span { opacity: 1; }

.popup_consentement_photo-checkbox > div.checked .fake-checkbox > div { display: block; }

.popup_consentement_photo-checkbox > div.error span { color: red; }
.popup_consentement_photo-checkbox > div.error .fake-checkbox { border-color: red; }

/* POPUP VISITEUR */
#popup_visiteur {
	max-width: 325px;
	margin: 0 auto;
}

#popup_visiteur .content { 
	border-radius: 3px;
	padding-bottom: 20px;
}

#popup_visiteur .title span { color: #000; }

#popup_visiteur p {
	font-size: 15px;
	font-family: 'Roboto-Regular';
	color: #757575;
	margin: 0 0 20px 0;
	line-height: 21px;
}

.englob-btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.englob-btn .btn {
	width: 48%;
	padding: 12px 0;
	font-size: 16px;
	color: #fff;
}
/* /POPUP VISITEUR */

/* POPUP CONNEXION */
#popup_connexion .content { border-radius: 3px; }

#popup_connexion .title {
	margin-bottom: 15px;
}

#popup_connexion .title span { color: #fff; }

.popup_connexion-footer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Roboto-Regular';
	color: #424242;
	line-height: 1;
	cursor: pointer;
}
/* /POPUP CONNEXION */

/* POPUP INFO */
#popup_info {
	margin: 30px 15px;
}

#popup_info .content {
	padding-bottom: 0;
	border-radius: 3px;
}

#popup_info .title {
	border-bottom: 1px solid #e0e0e0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#popup_info .title span { color: #000; }

.text-info {
	font-family: "Roboto-Regular";
	font-size: 15px;
	color: #404040;
	line-height: 1.4;
}

.text-info-intro {
	margin-top: 0;
	margin-bottom: 19px;
	padding-top: 20px;
}

.text-info-light { color: #757575; }

.info-section {
	border-top: 1px solid #d6d6d6;
}



.info-section__title {
	position: relative;
	font-size: 15px;
	font-family: "Roboto-Regular";
	margin: 20px 0;
	padding-right: 25px;
	cursor: pointer;
}

.info-section__title::after {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #757575 transparent transparent transparent;
	transition: transform .3s;
}

.info-slide {
	display: none;
}

.info-section.active .info-slide { display: block; }

.info-section.active .info-section__title::after {
	transform: rotate(180deg);
}

.englob-btn-info {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
}

.info-footer {
	background-color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-top: 1px solid #d6d6d6;
	font-size: 14px;
	font-family: "Roboto-Medium";
	cursor: pointer;
}

.btn-info {
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	font-size: 12px;
	font-family: "Roboto-Regular";
	border-radius: 3px;
	border: 1px solid #2e2e2e;
	padding: 0 8px;
	cursor: pointer;
	min-width: 120px;
	text-align: center;
}

.btn-info img {
	width: 14px;
	vertical-align: text-top;
	margin-right: 3px;
}
.btn-info i {
  margin-right: 3px;
  font-size: 12px;
}
.btn-info.btn-info-ok img {

}
.btn-info.btn-info-ko img {
    margin-right: 6px;
    margin-top: 2px;
}
.englob-btn-info i.icon-dislike {
  display: inline-flex;
  vertical-align: -2px;
}
.btn-info-actif {
	background-color: #2e2e2e;
	color: #fff;
}

.btn-info-inactif {
	background-color: #fff;
	color: #2e2e2e;
}
.btn-info-image-rotate{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg)	
}
/* POPUP INFO */

/* POP UP DISCUSSION */
#bg-discussion-open {
	display: none;
	cursor: pointer;
	position: fixed;
	top: 55px;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(11, 11, 11, 0.5);
	z-index: 2;
}

.pl25 {
	padding-left: 25px;
}

#discussion {
	position: relative;
	background-color: #fff;
	width: auto;
}

.discussion-mobile .discussion-top {
	position: relative;
	z-index: 3;
	background-color: #fff;
	top: 0;
	border-bottom: 1px solid #b2b2b2;
	color: #000;
	height: 45px;
}

/*.discussion-web .message-item-notification-nombre img { display: none; }*/

/*.discussion-web .message-item:hover .message-item-notification-nombre img { display: block; }*/

.notifications-content .message-item-notification-nombre img { display: none; }

.notifications-content .notifications-item:hover .message-item-notification-nombre img { display: block; }

.discussion-mobile .discussion-top-search input {
	border-bottom-color: #000;
	color: #000;
	/*background-image: url(../v5_img/picto/icon_search_noir.png);*/
}

.discussion-mobile .discussion-mobile-show { display: inline; }
.discussion-mobile .discussion-mobile-hide { display: none; }
.discussion-mobile-show { display: none; }

.discussion-top {
	z-index: 3;
	display: flex;
	height: 55px;
	align-items: center;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 10px;
	justify-content: space-between;
	color: #fff;
	position: relative;
}
.discussion-top-info-mobile { display: none; }
.discussion-top-fixed-bar__chat { margin-top: 5px; }
#discussion-top-title {
	font-size: 18px;
	font-family: "Roboto-Medium";
}
.discussion-top-search {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.discussion-top-search input {
	width: 100%;
	border: none;
	border-bottom: 1px solid #a3001b;
	font-size: 18px;
	font-family: "Roboto-Regular";
	background-image: url("../v5_img/picto/icon_search_noir_op2.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 30px;
	background-size: 15px;
	background-position: 5px 7px;
	background-color: transparent;
}

#discussion.discussion-mobile .discussion-top-arrow { display: block !important; }

.discussion-top-arrow {
	display: none;
	height: 15px;
	padding-right: 20px;
}

.discussion-top-arrow img { height: 15px; }

#search {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 5px;
	margin-right: 10px;
	cursor: pointer;
	transition: opacity .3s;
}

#search:hover { opacity: .7; }

#form-search {
	display: none;
	align-items: center;
	width: 100%;
	margin: 0 10px 0 0;
}
#form-search img, #form-search i {
	height: 15px;
	margin-right: 15px;
	cursor: pointer;
}
#search img {
	width: 19px;
}
#search i {
  font-size: 18px;
}
#creer-chat-groupe {
	display: flex;
	align-items: center;
	padding: 5px;
	margin-right: 10px;
	cursor: pointer;
	transition: opacity .3s;
}
#creer-chat-groupe:hover { opacity: .7; }
#creer-chat-groupe img {
    width: 23px;
}
.discussion-top-action {
	position: relative;
	padding: 15px 9px;
	cursor: pointer;
}
.discussion-top-action .discussion-top-action-menu {
	position: relative;
	height: 4px;
	width: 4px;
	background-color: #fff;
	border-radius: 50%;
	transition: opacity .3s;
}
.discussion-top-action .discussion-top-action-menu:after,
.discussion-top-action .discussion-top-action-menu:before {
	content: '';
	position: absolute;
	height: 4px;
	width: 4px;
	background-color: #fff;
	border-radius: 50%;
	transition: opacity .3s;
}

.discussion-top-action:hover .discussion-top-action-menu
/** FIX BUG HOVER IOS13 **/
/*.discussion-top-action:hover .discussion-top-action-menu:after,
.discussion-top-action:hover .discussion-top-action-menu:before*/ {
	opacity: .7;
}

.discussion-mobile .discussion-top-action .discussion-top-action-menu,
.discussion-mobile .discussion-top-action .discussion-top-action-menu:after,
.discussion-mobile .discussion-top-action .discussion-top-action-menu:before {
	background-color: #000;
}

.discussion-top-action .discussion-top-action-menu:before {
	top: -6px;
}
.discussion-top-action .discussion-top-action-menu:after {
	top: 6px;
}
.discussion-top-action-menu-open {
	position: absolute;
	display: none;
	top: 48px;
	right: 5px;
	width: 225px;
	background-color: #fff;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
	border-radius: 3px;
	z-index: 2;
	font-family: "Roboto-Regular";
	font-size: 16px;
	color: #000;
}
.discussion-top-action-menu-open div {
	cursor: pointer;
	position: relative;
}

.discussion-top-action-menu-open div:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.discussion-top-action-menu-open div:nth-child(3) {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.discussion-top-action-menu-open div {
	padding: 12px;
	transition: background-color .3s; 
}

.discussion-top-action-menu-open div:hover {
	background-color: rgba(213, 212, 212, 0.7);
}
.discussion-top-action-menu-open div.active {
	cursor: auto;
	pointer-events: none;
	background-color: rgba(213, 212, 212, 0.7);
}

.discussion-top-action-menu-open:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.discussion-top-action-menu-open #btn-son{
	margin-bottom: 25px;
}

.discussion-top-action-menu-open #btn-trier,
.discussion-top-action-menu-open #btn-tri1,
.discussion-top-action-menu-open #btn-tri2{
	margin-bottom: 10px;
}

.discussion-mobile #discussion-search-input::placeholder {
	color: #000;
}

#discussion-search-input {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	border-bottom: none;
}

#discussion-search-input::placeholder {
	color: #fff;
	opacity: 0.6;
}

.discussion-mobile .discussion-top-search input {
	background-position: 5px 9px;
	height: auto;
	padding: 5px 0 5px 30px;
}
/*.search-input-faq {
	background-image: url(../v5_img/picto/icon_search_noir_op2.png);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	height: auto;
	padding: 5px 0 5px 30px;
	background-size: 15px;
	font-size: 18px;
	width: 100%;
	border-bottom: none;
}*/
.discussion-mobile .discussion-top { height: auto; min-height: 45px; padding: 5px 10px; }

.discussion-mobile #search { height: auto; }

.message-no-result {
	font-size: 12px;
	font-style: italic;
	text-align: center;
	color: #a1a1a1;
	margin: 20px 0;
	width: 100%;
}
.message-activate-notif {
    text-align: center;
    color: #a1a1a1;
    margin: 15px 40px;
}
.no-result {
	color: #5a5a5a;
	width: 100%;
	text-align: center;
}
.no-result__img {
	margin-top: 20px;
	margin-bottom: 25px;
}
.no-result__text-1 {
	font-family: 'Roboto-Medium';
	font-size: 15px;
	margin-bottom: 10px;
}
.no-result__text-2 {
	font-family: 'Roboto-Regular';
	font-size: 19px;
}

@media (min-width: 360px) {
	.messages .message-item-img { 
		height: 65px;
		width: 65px;
		min-width: 65px;
	}
}

@media (min-width: 412px) {
	.messages .message-item-img { 
		height: 75px;
		width: 75px;
		min-width: 75px;
	}
}

@media (min-width: 479px) {
	.messages .message-item-img { 
		height: 85px;
		width: 85px;
		min-width: 85px;
	}
}

.img-genre {
	height: 13px;
	margin-top: 1px;
	vertical-align: middle;
	margin-top: -3px;
}

#btn-tri1, #btn-tri2, #btn-tri3 {
	color: #424242;
}
.discussion-top-action-menu-open .non_selectionne{
	color: #b4b4b4 !important;
}

.div-loading{
	padding: 10px 0px;
	text-align: center;
}

.div-loading img{ width: 16px }

.messages {
	padding: 0;
	position: relative;
	width: 100%;

	-ms-touch-action: none;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.message-item { 
	display: flex; 
	padding: 0 10px;
	transition: background-color .3s; 
}

.message-item:hover {
	background-color: #e6e6e6;
}

.picto-etat-connexion {
	transition: border-color .3s;
}

.message-item:hover .picto-etat-connexion { border-color: #e6e6e6; }
.message-item:hover .picto-etat-connexion { background-color: #e6e6e6; }

.message-item-container {
	width: 100%;
	display: flex;
	height: auto;
	padding: 10px 0;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
	cursor: pointer;
}

.message-item-selectionne{
	background-color: #e6e6e6;
}

.message-item.message-checked {
	background-color: #eee;
	padding: 0 10px;
}
.discussion-picto-certif {
	width: 9px;
	vertical-align: top;
	margin-left: 2px;
}
.message-item-img {
	position: relative;
	height: 55px;
	width: 55px;
	min-width: 55px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 3px;
	border: 1px solid #d6d6d6;
	cursor: pointer;
}
.message-item-img-photo {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.message-item-img.mini {
    height: 34px;
    width: 34px;
    min-width: 34px;
}
.chat-header .message-item-img {
	height: 38px;
	width: 38px;
	min-width: 38px;
	margin-left: -1px;
}
.picto-etat-connexion {
	position: absolute;
	height: 16px!important;
	width: 16px!important;
	background-color: white;
	border-radius: 50%;
	border: none;
	top: -3px;
	left: -3px;
}
/*.picto-etat-connexion-green { background-color: #1fbc26; }

.picto-etat-connexion-orange { background-color: #ffd200; }

.picto-etat-connexion-red { background-color: #ff0303; }

.picto-etat-connexion-selectionne { border: 2px solid #e6e6e6; }

.picto-etat-connexion-orange-daltonien { background-color: #fffc00; }

.picto-etat-connexion-green-daltonien { background-color: #1fbc26; }*/


.picto-etat-connexion-green:before,
.picto-etat-connexion-orange:before,
.picto-etat-connexion-red:before,
.picto-etat-connexion-orange-daltonien:before,
.picto-etat-connexion-green-daltonien:before,
.picto-etat-connexion-red-daltonien:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.picto-etat-connexion-green:before { background-color: #1fbc26; }
.picto-etat-connexion-orange:before { background-color: #ffd200; }
.picto-etat-connexion-red:before { background-color: #ff0303; }
.picto-etat-connexion-selectionne { background-color: #e6e6e6; }
.picto-etat-connexion-orange-daltonien:before { background-color: #fffc00; }
.picto-etat-connexion-green-daltonien:before { background-color: #1fbc26; }
.picto-etat-connexion-orange-daltonien:after {
	content: '';
	display: block;
	background: #000000;
	border-radius: 50%;
	width: 30%;
	height: 30%;
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.picto-etat-filtre {
	content: "";
    width: 10px;
    height: 10px;
    position: absolute;
	top: 0;
    right: -10px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
	background-color: #1fbc26;
}

/*.picto-etat-connexion-red-daltonien {
	background-color: #ff0303;
}*/
.picto-etat-connexion-red-daltonien:before {
	background-color: #ff0303;
}
.picto-etat-connexion-red-daltonien:after {
	content: "";
	width: 4px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.mini > .picto-etat-connexion {
    height: 12px!important;
    width: 12px!important;
    top: -3px;
    left: -3px;
}
.mini > .picto-etat-connexion-green:before, .mini > .picto-etat-connexion-orange:before, .mini > .picto-etat-connexion-red:before, .mini > .picto-etat-connexion-orange-daltonien:before, .mini > .picto-etat-connexion-green-daltonien:before, .mini > .picto-etat-connexion-red-daltonien:before {
    width: 8px;
    height: 8px;
}
.mini > .picto-etat-connexion-red-daltonien:after {
    content: "";
    width: 3px;
    height: 3px;
}

.picto-etat-mini.picto-etat-connexion {
    height: 8px!important;
    width: 8px!important;
    top: -3px;
    left: -3px;
}
.picto-etat-mini.picto-etat-connexion-green:before, .picto-etat-mini.picto-etat-connexion-orange:before, .picto-etat-mini.picto-etat-connexion-red:before, .picto-etat-mini.picto-etat-connexion-orange-daltonien:before, .picto-etat-mini.picto-etat-connexion-green-daltonien:before, .picto-etat-mini.picto-etat-connexion-red-daltonien:before {
    width: 9px;
    height: 9px;
}
.picto-etat-mini.picto-etat-connexion-red-daltonien:after {
    content: "";
    width: 3px;
    height: 3px;
}

.picto-etat-connexion.picto-etat-connexion-red, .picto-etat-connexion-profil.picto-etat-connexion-red {
	display: none;
}
.picto-etat-connexion.picto-etat-connexion-orange, .picto-etat-connexion-profil.picto-etat-connexion-orange {
	display: block;
}
.picto-etat-connexion.picto-etat-connexion-red-daltonien, .picto-etat-connexion-profil.picto-etat-connexion-red-daltonien {
	display: none;
}
/*.picto-etat-connexion.picto-etat-connexion-orange-daltonien, .picto-etat-connexion-profil.picto-etat-connexion-orange-daltonien {
	display: none;
}*/
html[data-code-site='g'] .picto-etat-connexion.picto-etat-connexion-orange, .picto-etat-connexion-profil.picto-etat-connexion-orange {
	display: inline-block;
}
html[data-code-site='g'] .picto-etat-connexion.picto-etat-connexion-orange-daltonien, .picto-etat-connexion-profil.picto-etat-connexion-orange-daltonien {
	display: inline-block;
}
.message-item-content {
	display: flex;
	flex-direction: column;
	padding: 0 8px;
	width: 100%;
	margin-top: 6px;
}
.message-item-content-pseudo {
	line-height: 1;
	margin-bottom: 4px;
	font-family: 'Roboto-Medium';
	font-size: 16px;
}
.message-item-content-pseudo span.pseudo,
.message-item-content-pseudo span.nom-groupe {
    font-family: 'Roboto-Medium';
}
.nom-groupe i.icon-user-groupe {
	font-size: 12px;
    vertical-align: 2px;
    margin-right: 5px;
}
.message-item-content-pseudo span.pseudo:hover {
	background: none;
}
.message-item-content-pseudo-age { 
	display: inline-block;
	border-right: 1px solid #000;
	padding: 1px 4px 1px 0;
	margin-right: 1px;
	font-family: "Roboto-Regular";
}
.hetero .message-item-content-pseudo-age { border-right: none; }
.message-item-content-pseudo-age img {
    padding: 0px 0px!important;
    padding-right: 0px!important;
    margin-right: 0px!important;
    width: auto!important;
    box-sizing: content-box!important;
    height: 16px!important;
    margin-bottom: -2px!important;
}
.message-item-content-pseudo-age i {
  padding: 0!important;
  margin-right: -3.5px!important;
}
.message-item-content-dist {
	line-height: 1;
	margin-bottom: 6px;
	font-family: 'Roboto-Medium';
	color:#737373;
	font-size: 12px;
	margin-left: 3px;
}

.message-item-content-message {
	font-size: 14px;
	color: #7f7f7f;
	/*line-height: 1.1;*/
	/*max-height: 31px;*/
	line-height: 1.3;
	max-height: 35px;
	overflow: hidden;
}

.message-item-content-message p {
	margin: 0;
	font-size: 14px;
	font-family: "Roboto-Regular";
  word-break: break-word;
}

.ellipsis-2l img {
	width: 12px;
	margin-right: 7px;
	vertical-align: middle;
}

.ellipsis-2l img.photo-envoie {
    /*height: 30px;*/
    height: 35px;
    vertical-align: top;
    width: auto;
}

.badge-etat-msg {
	display: inline;
	background-color: #9b9b9b;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-family: "Roboto-Bold";
	padding: 2px 5px;
	border-radius: 3px;
	margin-right: 5px;
}
.message-item-notification {
	width: 46px;
	min-width: 46px;
	margin-left: auto;
	margin-top: 6px;
}
.message-item-notification-time {
	margin-bottom: 10px;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	color: #a1a1a1;
	margin-top: 2px;
	margin-right: 2px;
	position: relative;
}
.message-item-epingle {
	font-size: 14px;
	position: absolute;
	left: -12px;
	margin-top: -2px;
	color: var(--main-color);
}
.message-item-notification-nombre {
	width: 38px;
	float: right;
	text-align: right;
	margin-left: 8px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.message-item-notification-nombre span {
	display: inline-block;
    color: #fff;
    font-family: "Roboto-Regular";
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    min-width: 16px;
    text-align: center;
    border-radius: 15px;
    padding: 2px 4px;
}

.message-item-notification-nombre img { margin-right: 4px; }

#discussion-footer {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
}
.discussion-footer {
	display: flex;
	justify-content: space-between;
	height: 50px;
	align-items: center;
	border-top: 1px solid #e0e0e0;
	background-color: #fff;
	padding: 0 10px;
}
.discussion-footer label {
	font-size: 14px;
	color: #757575;
	font-family: "Roboto-Medium";
}
.discussion-footer-action {
	display: flex;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Roboto-Medium";
	cursor: pointer;
}

.discussion-footer-action div {
	height: 19px;
	line-height: 19px;
	font-family: "Roboto-Medium";
}

.discussion-footer label.checkbox-v5 { line-height: 19px; } 

.discussion-delete {
	margin-left: 25px;
}
.footer-cancel {
	color: #b6b6b6;
}
.epsace-footer-open {
	display: none;
	height: 50px;
}
.message-item-checkbox {
	display: none;
	align-items: center;
	min-width: 28px;
}
.message-item-checkbox.active {
	display: flex;
}
.message-item-checkbox label,
label.checkbox-v5 {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 28px;
	height: 18px;
}
.message-item-checkbox label input,
label.checkbox-v5 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.popup_v5  label.checkbox-v5-cgu {
	position: relative;
	height: auto;
	padding: 0 0 0 25px;
	margin-bottom: 15px;
	font-size: 12px;
	font-style: italic;
}
.message-item-checkbox label .checkmark,
label.checkbox-v5 .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 2px solid #757575;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
}
.message-item-checkbox label:hover input ~ .checkmark,
label.checkbox-v5:hover input ~ .checkmark {
	background-color: #f3f3f3;
}
.message-item-checkbox label .checkmark:after,
label.checkbox-v5 .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.message-item-checkbox label input:checked ~ .checkmark:after,
label.checkbox-v5 input:checked ~ .checkmark:after {
	display: block;
}
.message-item-checkbox label .checkmark:after,
label.checkbox-v5 .checkmark:after {
	left: 4px;
	top: 0;
	width: 5px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.message-item .message-item-checkbox label:before {
	content: '';
	display: block;
	width: calc(100% + 10px);
	height: 88px;
	position: absolute;
	left: -10px;
	top: 0;
	transform: translateY(-40%);
}
.label-relative {
	position: relative!important;
}
#discussion-reglage {
	display: block;
	position: relative;
	z-index: 1;
	background-color: #fff;
	padding-bottom: 40px;
}

#discussion-info.discussion-info-deskopt,
#discussion-reglage.discussion-reglage-deskopt { padding-top: 0; }

#discussion-info { background-color: #fff; }

.discussion-info-container { padding: 0 18px; }


.discussion-reglage-top,
.discussion-info-top {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	height: 45px;
	padding: 0 10px;
	border-bottom: 1px solid #b2b2b2;
	cursor: pointer;
}

.discussion-info-top { display: none; }

.discussion-info-top.discussion-info-top-mobile { display: flex; }

.discussion-reglage-top-mobile,
.discussion-info-top-mobile {
	background-color: #fff;
	z-index: 2;
}

.discussion-reglage__retour,
.discussion-info__retour {
	height: 20px;
	/*margin-right: 30px;*/
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.discussion-reglage__retour img,
.discussion-info__retour img {
	width: auto;
	height: 15px;
}
.discussion-reglage__retour i,
.discussion-info__retour i {
  font-size: 14px;
}

.discussion-reglage__title,
.discussion-info__title {
	font-size: 18px;
    font-family: "Roboto-Medium";
}

.reglage-tri { padding: 0 18px; }

.reglage-tri__item {
	font-size: 15px;
	color: #424242;
	margin-bottom: 15px;
	opacity: .5;
	cursor: pointer;
	font-family: "Roboto-Regular";
}

.reglage-tri__item.active { opacity: 1; }

.reglage-tri__item--first { margin-top: 15px; }

.reglage-tri__item img {
	display: none;
	width: 18px;
	float: right;
}
.reglage-tri__item i {
  display: none;
  float: right;
  font-size: 12px;
  color: #5e5e5e;
}

.reglage-tri__item.active img, .reglage-tri__item.active i { display: inline-block; }

.xs-italic {
	font-size: 12px;
	font-style: italic;
}

.reglage-tri__title {
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	font-family: "Roboto-Bold";
	border-bottom: 1px solid #d6d6d6;
}

.reglage-tri-info {
	background-color: #d6d6d6;
	text-align: center;
    padding: 11px 15px;
}

.reglage-son {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 45px;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	padding: 0 18px;
}

.reglage-acces-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.reglage-acces {
	border-bottom: 1px solid #d6d6d6;
	padding: 10px 18px;
}

.reglage-acces p {
	margin: 10px 0 0 0;
	color: #424242;
	font-family: "Roboto-Regular";
	font-size: 15px;
}

.reglage-son__legend,
.reglage-acces__legend {
	font-size: 15px;
	font-family: "Roboto-Bold";
}

.switch-container,
.switch-container-son,
#switch-container-libre {
	position: relative;
	width: 34px;
	height: 14px;
	border-radius: 14px;
	background-color: rgba(128, 128, 128, 0.7);
	cursor: pointer;
	transition: background-color .3s;
}

.switch-aff-off,
.switch-aff-on  {
    position: absolute;
    margin: 0!important;
    right: 42px;
    top: -1px;
    font-size: 13px!important;
    color: #9a9a9a!important;
    display: none;
}
.switch-container:not(.on) .switch-aff-off,
#switch-container-libre:not(.on) .switch-aff-off {
	display: block;
}
.switch-container.on .switch-aff-on,
#switch-container-libre.on .switch-aff-on {
	display: block;
}
.switch-dot {
	position: absolute;
	top: -3px;
	left: 0px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transition: left .3s, background-color .3s;
	background-color: #666666;
}

.switch-container-son.on .switch-dot,
.switch-container.on .switch-dot,
#switch-container-libre.on .switch-dot { left: 14px;  }
/* /POP UP DISCUSSION */

/* POPUP CGU */
.cgu-content { margin-top: 75px; }

.cgu-content p {
	font-size: 14px;
	font-family: "Roboto-Regular";
	color: #757575;
	line-height: 21px;
	margin: 0 0 30px 0;
}

.cgu-content p a { color: #1d62c9; }
/* POPUP CGU */

/* DOWNLOAD INFO */
#download-info .content-fixed {
	padding: 0 15px;
}
/* DOWNLOAD INFO */

/* RGPD */
.page-rgpd-title {
	font-size: 19px;
	font-family: "Roboto-Medium";
	color: #fff;
	padding: 20px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page-rgpd-content {
	padding: 0 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

.page-rgpd-content p {
	color: #757575;
	font-size: 14px;	
}

.page-rgpd-content p strong { color: #000; }

.page-rgpd-content ul {
	list-style: none;
	padding: 0;
}

.page-rgpd-content ul a {
	font-size: 14px;
	color: #757575;
}

.text-underline { text-decoration: underline; }

.table-cgu {
	border-collapse: collapse;
	margin-bottom: 1rem;
}
.table-cgu td {
	border: 1px solid #757575;
    padding: 4px 15px;
    max-width: 154px;
    color: #757575;
    font-size: 14px;
}
.table-cgu td:last-child {
	text-align: right;
}
/* RGPD */

/* NOTIF */
.notifications-title {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 35px;
	margin: 0 0px;
	padding: 0 10px;
	font-size: 14px;
	font-family: "Roboto-Regular";
	text-transform: uppercase;
	color: #7d7d7d;
	border-top: 1px solid #d6d6d6;
	/*border-bottom: 1px solid #d6d6d6;*/
    position: relative;
    /*top: 95px;*/
    z-index: 1;
    background-color: white;
}
.notifications-container .notifications-title:first-child {
	border-top: 1px solid #d6d6d6;
	margin-top: -1px;
}
.notifications-title::before {
	content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background-color: #d6d6d6;
}
.notifications-title-date {
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: 95px;
}
.v-web .notifications-title-date {
	top: 54px;
}
/*.isc_scroller .notifications-title-date {
	position: relative;
	top: 0;
}*/

.notifications-title-notif {
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 13px;
	font-family: "Roboto-Regular";
	color: #fff;
}

.notifications-item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 10px;
}

.notifications-item.message-checked { background-color: #e6e6e6; }

.notifications-item-visited .message-item-img,
.notifications-item-visited .notif-item-content,
.notifications-item-visited .notif-item-txt,
.notifications-item-visited .notif-item-bottom,
.notifications-item-visited .notifications-item-photo-video,
.notifications-item-visited .notifications-item-picto img {
	opacity: .45;
}

.notifications-item:hover { background-color: #e6e6e6; }

/*.notifications-item:hover .notifications-item-picto,*/
/*.notifications-item.message-checked .notifications-item-picto { border-color: #e6e6e6; }*/

.notifications-item:hover .picto-etat-connexion { /*border-color: #e6e6e6;*/border-color: #fff; }

.notifications-item-picto {
	position: relative;
	margin-right: 9px;
    margin-left: -1px;
    border: 2px solid transparent;
	border-radius: 50%;
	padding: 2px;
}

.notifications-item-picto-ico1 { border-color: #12b886; }
.notifications-item-picto-ico8 { border-color: #12b886; }
.notifications-item-picto-ico9 { border-color: #12b886; }
.notifications-item-picto-ico2 { border-color: #5d7cf9; }
.notifications-item-picto-ico3 { border-color: #fb8869; }
.notifications-item-picto-ico5 { border-color: #9039fb; }
.notifications-item-picto-ico10 { border-color: #9039fb; }
.notifications-item-picto-ico4 { border-color: #d65df9; }
.notifications-item-picto-ico7 { border-color: #5dc7f9; }
.notifications-item-picto-ico6 { border-color: #fb3959; }
.notifications-item-picto-ico11 { border-color: #00b984; }
.notifications-item-picto-ico12 { border-color: #00c8fb; }
.notifications-item-picto-ico13 { border-color: #e00407; }
.notifications-item-picto-ico14 { border-color: #fb3959; }
.notifications-item-picto-ico15 { border-color: #ffc700; }

.notifications-item-visited .notifications-item-picto-ico1 { border-color: rgba(18, 184, 134, 0.45); }
.notifications-item-visited .notifications-item-picto-ico8 { border-color: rgba(18, 184, 134, 0.45); }
.notifications-item-visited .notifications-item-picto-ico9 { border-color: rgba(18, 184, 134, 0.45); }
.notifications-item-visited .notifications-item-picto-ico2 { border-color: rgba(93, 124, 249, 0.45); }
.notifications-item-visited .notifications-item-picto-ico7 { border-color: rgba(93, 124, 249, 0.45); }
.notifications-item-visited .notifications-item-picto-ico3 { border-color: rgba(251, 136, 105, 0.45); }
.notifications-item-visited .notifications-item-picto-ico5 { border-color: rgba(144, 57, 251, 0.45); }
.notifications-item-visited .notifications-item-picto-ico10 { border-color: rgba(144, 57, 251, 0.45); }
.notifications-item-visited .notifications-item-picto-ico4 { border-color: rgba(214, 93, 249, 0.45); }
.notifications-item-visited .notifications-item-picto-ico6 { border-color: rgba(251, 57, 89, 0.45); }
.notifications-item-visited .notifications-item-picto-ico14 { border-color: rgba(251, 57, 89, 0.45); }
.notifications-item-visited .notifications-item-picto-ico11 { border-color: rgba(0, 185, 132, 0.45); }
.notifications-item-visited .notifications-item-picto-ico12 { border-color: rgba(0, 200, 251, 0.45); }
.notifications-item-visited .notifications-item-picto-ico13 { border-color: rgba(224, 4, 7, 0.45); }
.notifications-item-visited .notifications-item-picto-ico15 { border-color: rgba(255, 199, 0, 0.45); }

.notifications-item-picto img {
	display: block;
	width: 28px;
	height: 28px;
}

.notifications-item-picto::before,
.notifications-item-picto::after {
	content: "";
	position: absolute;
	left: 15px;
	width: 1px;
	height: 12px;
	background-color: #d6d6d6;
}

.notifications-item-picto::before { top: -18px; }

.notifications-item-picto::after { top: 38px; }

.notifications-item label.checkbox-v5 { display: none; }

.notifications-item .message-item-img {
	width: 45px;
	min-width: 45px;
	height: 45px;
	margin-right: 8px;
}

.border-grey {
	height: 1px;
	background-color: #d6d6d6;
}

.notifications-item .picto-etat-connexion {
	top: -2px;
	height: 10px;
	width: 10px;
}

.notifications-item-photo-video {
	width: 47px;
	min-width: 47px;
	height: 47px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 4px;
}

.notif-item-age {
	display: inline-block;
	position: relative;
	font-size: 14px;
	margin-right: 5px;
}

.notif-item-age::after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 14px;
	background-color: #000;
	right: -5px;
	top: 0;
}

.notif-item-pseudo {
	font-size: 14px;
	font-family: "Roboto-Medium";
	color: #000;
}

.notif-item-txt {
	font-size: 14px;
	font-family: "Roboto-Regular";
	color: #575656;
}
.notifications-item.activite .notif-item-txt {
	margin-top: 0px;
} 

.notif-item-date {
	font-size: 12px;
	font-style: italic;
	color: #999;
}

.notif-item-content-avec-photo .notif-item-date {
	position: relative;
}

.notif-item-content {
	height: 47px;
	line-height: 15px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.rond-separation-notif {
	display: none;
}

.notif-item-content-avec-photo .br {
	display: none;
}

.notif-item-content-avec-photo .rond-separation-notif {
	display: inline;
}

.notif-item-content > div { height: 49px; }

.notifications-item-picto-dot {
	position: absolute;
	top: -6px;
	right: -3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: red;
	border: 2px solid #fff;
}

.rond-separation-notif {
	color: #999;
	font-size: 12px;
}

.notifications-item-notification-nombre {
    float: right;
    text-align: right;
    margin-left: 8px;
    margin-top: -2px;
}

.notifications-nav-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 5px;
	margin-bottom: 0px;
	border-radius: 2px;
	padding: 8px 8px;
	cursor: pointer;
	position: relative;
}

.notifications-nav-item-picto {
	display: block;
    width: 28px;
    height: 28px;
    margin-right: 15px;
}

.notifications-nav-item-title {
	color: white;
}

.notifications-item-notification-nombre span {
    display: inline-block;
    min-width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 13px;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 4px;
}
.notifications-nav-croix {
	width: 15px;
	margin-right: 3px;
	display: none;
}
.notifications-nav-item.active .notifications-item-notification-nombre {
	display: none;
}
.notifications-nav-item.active .notifications-nav-croix {
	display: block;
}

.notifications-content.notifs-amis,
.notifications-content.notifs-inscrits-autour,
.notifications-content.notifs-plans-autour {
	display: none;
}
.notifications-nav-item.active {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 3;
}
.fake-bg {
	background: white;
    height: 10px;
    width: 100%;
    margin-left: -8px;
    position: absolute;
    top: -10px;
}
/* NOTIF */

/* NOTIF VERSION 2 */
.notif-nav-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 8px 8px 0px;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #d6d6d6;
}
.notif-nav-item-picto {
	display: block;
	width: 28px;
	height: 28px;
	margin-right: 10px;
}
i.notif-nav-item-picto {
  background-color: #d6d6d6;
  color: white;
  font-size: 15px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 10px;
}
i.icon-flame.notif-nav-item-picto { background-color: #ff7500; } /** icon_notif_flamme.png **/
i.icon-flame.notif-nav-item-picto:before {  }
i.icon-user-outline.notif-nav-item-picto { background-color: #fb3959; } /** icon_notif21.png **/
i.icon-user-outline.notif-nav-item-picto:before { margin-bottom: 1px; }
i.icon-world.notif-nav-item-picto { background-color: #12b886; } /** icon_notif1.png **/
i.icon-world.notif-nav-item-picto:before { margin-top: 1px; }
i.icon-user-user.notif-nav-item-picto { background-color: #5d7cf9; } /** icon_notif2.png **/
i.icon-user-doc.notif-nav-item-picto { background-color: #fb8869; } /** icon_notif3.png **/
i.icon-eye.notif-nav-item-picto { background-color: #d65df9; font-size: 11px; } /** icon_notif4.png **/
i.icon-camera-video.notif-nav-item-picto { background-color: #0048c0; font-size: 11px; } /** icon_notif22.png **/
i.icon-users.notif-nav-item-picto { background-color: #e00407; font-size: 14px; } /** icon_notif13.png **/
i.icon-note-on.notif-nav-item-picto { background-color: #ffc700; } /** icon_notif15.png **/
.notif-nav-item-title {

}
.notif-nav-item-bubble {
    display: inline-block;
    min-width: 10px;
    height: 10px;
    line-height: 9px;
    border-radius: 13px;
    color: white;
    font-size: 13px;
    text-align: center;
    padding: 6px;
}
.notif-nav-item-off {
    display: inline-block;
    min-width: 10px;
    height: 10px;
    line-height: 9px;
    border-radius: 13px;
    color: #9b9b9b;
    font-size: 13px;
    text-align: center;
    padding: 6px;
    margin-right: -6px;
}
.notif-nav-croix {
	height: 15px;
    margin-left: 20px;
    margin-right: 5px;
}
i.notif-nav-croix {
  height: auto;
  font-size: 15px;
  margin-left: 16px;
  margin-right: 1px;
  color: #b9b9b9;
}
/* NOTIF LIST */
.notif-list {
	display: none;
	margin-bottom: 51px;
}
.notif-retour {
	height: 17px;
	display: none;
	padding: 8px 20px 8px 0px;
	cursor: pointer;
}
.notif-retour img {
    width: auto;
    height: 15px;
}
.notif-retour i {
  font-size: 14px;
  height: auto;
  vertical-align: top;
}
.notif-title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    margin: 0 10px;
    font-size: 14px;
    font-family: "Roboto-Regular";
    text-transform: uppercase;
    color: #7d7d7d;
    border-bottom: 1px solid #d6d6d6;
    position: relative;
}
.notif-container .notif-title:first-child {
    border-top: none;
    margin-top: -1px;
}
.notif-title::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #d6d6d6;
}
.notif-list .notifications-item:hover {
	background-color: initial;
}
.notif-list .notifications-item {
	display: block;
    cursor: pointer;
    padding: 10px;
    position: relative;
}
.notif-list .notifications-item.message-checked {
    background-color: #e6e6e6;
}
.notif-list .notif-item-visited {
	opacity: 0.6;
}
.notif-list .notif-item-top {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    position: relative;
}
.notif-list .notif-item-content {
	height: 47px;
    line-height: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
}
.notif-list .notif-item-genre {
	height: 13px;
    margin-bottom: -1px;
}
.notif-list .notif-item-age {
    display: inline-block;
    position: relative;
    font-size: 14px;
    margin-right: 5px;
}
.notif-list .notif-item-age::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #000;
    right: -5px;
    top: 0;
}
.notif-list .notif-item-pseudo {
    font-size: 14px;
    font-family: "Roboto-Medium";
    color: #000;
    /*display: inline-block;*/
    margin-bottom: 2px;
    word-break: break-word;
}
.notif-list .notif-item-distance {
    font-size: 12px;
    font-family: "Roboto-Medium";
    color: #737373;
    margin-left: 3px;
}
.notif-list .notif-item-type {
	font-size: 12px;
    font-family: "Roboto-Regular";
    color: #575656;
}
.notif-list .notif-item-date {
    font-size: 12px;
    font-style: italic;
    color: #999;
}
.notif-list .notif-item-txt {
    font-size: 14px;
    font-family: "Roboto-Regular";
    color: #040404;
    margin: 10px 0px;
    display: block;
}
.notif-list .notif-item-bottom {
	padding: 10px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	position: relative;
	background-color: white;
	overflow: hidden;
}
.notif-list .notif-item-bottom:after {
	content: '';
    width: 100%;
    height: 1px;
    background-color: #d6d6d6;
    position: absolute;
    margin: auto;
    right: 0px;
    left: 0px;
    bottom: -12px;
}
.notif-list .notif-item-photo-video {
	height: 250px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}
.notif-list .notif-item-photo-video .notif-photo-video {
	width: 100%;
	height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
}
.notif-list .notif-picto-chat {
	width: 58px;
	position: absolute;
    right: 8px;
    bottom: 8px;
}
.notif-list i.notif-picto-chat {
  right: 8px;
  cursor: pointer;
  background-image: none;
  bottom: 8px;
  position: absolute;
  pointer-events: auto;
  font-size: 26px;
  width: 56px;
  height: 56px;
  border-radius: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.8);
}
.notif-list .notif-picto-duree {
	position: absolute;
    right: 8px;
    bottom: 8px;
    color: white;
    font-size: 15px;
    background-color: rgba(0,0,0,0.7);
    padding: 4px 6px;
    border-radius: 4px;
}
.notif-list .notif-item-note img {
	height: 10px;
	margin: 10px 0px -1px 0;
}
.notif-list .notif-item-note i {
  font-size: 11px;
  display: inline-flex;
}
.notif-list .notif-item-comment {
    font-size: 14px;
    font-family: "Roboto-Regular";
    color: #575656;
    padding-top: 6px;
}
.notif-list .notif-sous-menu-btn {
    align-self: flex-start;
}
.notif-list .notif-sous-menu-btn img {
    width: 20px;
    padding: 0px 2px 6px 6px;
}
.notif-list .notif-sous-menu-btn i {
    font-size: 5px;
    padding: 6px 2px 12px 8px;
    display: flex;
}
.notif-list .notif-sous-menu-content {
	display: none;
    position: absolute;
    right: 0;
    background-color: white;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
    border-radius: 3px;
    z-index: 2;
    font-family: "Roboto-Regular";
    font-size: 16px;
    color: #000;
}
.notif-list .notif-sous-menu-content div {
    padding: 15px;
}
.notif-list .notif-sous-menu-content div:hover {
    background-color: rgba(213, 212, 212, 0.7);
}
/* /NOTIF VERSION 2 */

/* REGLAGE NOTIF */
.item-notif-switch {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #d6d6d6;
	position: relative;
}
.item-notif-switch.hr-bottom:after {
    content: '';
    background-color: #d6d6d6;
    height: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 37px);
}

.reglage-tri-bt {
	border-top: 1px solid #d6d6d6;
	margin-bottom: 50px;
}

.item-notif-switch-picto { margin-right: 12px; }

.item-notif-switch-picto img {
	display: block;
	min-width: 25px;
	width: 25px;
}
.item-notif-switch-picto i {
  background-color: #d6d6d6;
  color: white;
  font-size: 14px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.item-notif-switch-picto i.icon-flame { background-color: #ff7500; } /** icon_notif_flamme.png **/
.item-notif-switch-picto i.icon-user-outline { background-color: #fb3959; } /** icon_notif21.png **/
.item-notif-switch-picto i.icon-world { background-color: #12b886; } /** icon_notif1.png **/
.item-notif-switch-picto i.icon-user-user { background-color: #5d7cf9; } /** icon_notif2.png **/
.item-notif-switch-picto i.icon-user-doc { background-color: #fb8869; } /** icon_notif3.png **/
.item-notif-switch-picto i.icon-eye { background-color: #d65df9; font-size: 10px; } /** icon_notif4.png **/
.item-notif-switch-picto i.icon-camera-video { background-color: #0048c0; font-size: 9px; } /** icon_notif22.png **/
.item-notif-switch-picto i.icon-users { background-color: #e00407; font-size: 12px; } /** icon_notif13.png **/
.item-notif-switch-picto i.icon-note-on { background-color: #ffc700; } /** icon_notif15.png **/

.item-notif-switch-text {
	margin-right: 15px;
	font-size: 15px;
	font-family: "Roboto-Regular";
}

.item-notif-switch-input { margin-left: auto; }

.preference-notif-checkbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.preference-notif-checkbox .checkbox-v5 {
	box-sizing: border-box;
	width: 50%;
	min-width: 50%;
	margin-top: 15px;
	padding-left: 30px;
	color: #404040;
	font-size: 14px;
}

.legend-slider {
	color: #404040;
	margin: 30px 0 20px 0;
	font-size: 15px;
	font-family: "Roboto-Regular";
}

.reglage-tri .item-notif-switch:last-child { /*border-bottom: none;*/ }
/* REGLAGE NOTIF */

/* CHAT */
#chat .js-header-fixed-mobile {
	top: 0;
	z-index: 2;
}

.chat-header {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px;
}

.chat-header:not(.chat-header-deskopt) {
	background-color: white;
	border-bottom: 1px solid #d5d5d5;
}

.chat-header:not(.chat-header-deskopt) .picto-etat-connexion {
	border-color: white;
	background-color: white;
}

.chat-header__back { margin-right: 16px; cursor: pointer; }

.chat-header__back img {
	display: block;
	width: 8px;
}

.chat-header .dot-menu-container:hover .dot-menu,
.chat-header .dot-menu-container:hover .dot-menu:after,
.chat-header .dot-menu-container:hover .dot-menu:before {
    opacity: .7;
}

.chat-header-deskopt .chat-header__back { display: none; }

.chat-header .message-item-img { margin-right: 8px; }

.chat-header-mini {	padding: 4px 10px; }

/*.chat-header__info--profil { margin-bottom: 3px; }*/


.chat-header .message-item-img,
.chat-header .picto-etat-conexion {
	
}
.v-web .chat-header .message-item-img {
	opacity: 0;
	transition-delay: 0.2s;
}
.chat-header .message-item-img.show {
	opacity: 1;
}
.chat-header-mini .message-item-img {
	width: 30px;
	min-width: 30px;
	height: 30px;
}

.chat-header-mini .picto-etat-connexion {
	width: 8px;
	height: 8px;
}

.chat-header-mini .chat-header__info--profil { margin-right: 5px; margin-bottom: 0; }

.chat-header-mini .chat-header__info {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	cursor: pointer;
}

.chat-header-mini .chat-header__info--distance span { vertical-align: middle; }

.chat-header .discussion-top-action-menu-open {
	top: 50px;
	width: auto;
	padding: 3px 0;
}

.chat-header .discussion-top-action-menu-open div {
	padding: 12px 15px;
}

.chat-header.chat-header-mini .discussion-top-action-menu-open { top: 48px; }

.chat-header-mini .chat-header__info--pratique,
.chat-header-mini .chat-header-mini-hide { display: none; }

.dot-menu-container {
	position: relative;
	margin-left: auto;
	padding: 16px 8px;
	cursor: pointer;
}

.dot-menu {
	position: relative;
	height: 4px;
	width: 4px;
	background-color: #fff;
	border-radius: 50%;
	transition: opacity .3s;
}

.dot-menu::after,
.dot-menu::before {
	content: '';
	position: absolute;
	height: 4px;
	width: 4px;
	background-color: #fff;
	border-radius: 50%;
	transition: opacity .3s;
}

.chat-header:not(.chat-header-deskopt) .dot-menu, .chat-header:not(.chat-header-deskopt) .dot-menu::after, .chat-header:not(.chat-header-deskopt) .dot-menu::before {
	background-color: #000;
}

.dot-menu::before { top: -6px; }

.dot-menu::after { top: 6px; }

.chat-header__info {
	cursor: pointer;
}

.chat-header__info--profil__age {
	position: relative;
	font-size: 16px;
	margin-right: 5px;
}

.chat-header__info--profil__age::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 1px;
	right: -5px;
	width: 1px;
	height: 17px;
	background-color: #000;
}
.chat-header__info--profil__age.genre { margin-right: 0px; }
.chat-header__info--profil__age.genre::after { display: none; }

.chat-header:not(.chat-header-deskopt) .chat-header__info--profil__age::after { background-color: #000; }
.chat-header .chat-header__info--profil__age::after { background-color: #fff; }

.chat-header__info--profil__pseudo { font-family: "Roboto-Medium"; }

.chat-header__info--profil img {
	height: 13px;
	vertical-align: top;
	margin-top: 2px;
	cursor: pointer;
}

.chat-header:not(.chat-header-deskopt) .chat-header__info--profil__age,
.chat-header:not(.chat-header-deskopt) .chat-header__info--profil__pseudo { color: #000; }

.chat-header .chat-header__info--profil__age,
.chat-header .chat-header__info--profil__pseudo { color: #fff; }

.chat-header:not(.chat-header-deskopt) .chat-header__info--distance,
.chat-header:not(.chat-header-deskopt) .chat-header__info--pratique {
	color: #000;
	opacity: .7;
}
.chat-header.chat-header-deskopt {
	height: 55px;
}

.chat-header__info--distance { font-size: 12px; margin-top: 2px; margin-bottom: 2px; }

.chat-header-mini .chat-header__info--distance { margin-bottom: 0; }

.chat-header__info--pratique {
	font-family: "Roboto-Regular";
	font-size: 12px;
	margin-top: 2px;
}

.chat-header .chat-header__info--distance,
.chat-header .chat-header__info--pratique { 
	color: #fff; 
	opacity: .7;
}

#btnEpingleConvers {
	font-size: 13px;
	padding: 10px 15px;
	cursor: pointer;
}
#btnEpingleConvers.icon-epingle-on {
	font-size: 16px;
}

.chat-container { padding: 0px 10px 0 10px; }

.chat-date {
	/*padding: 0 0 10px 0;*/
	text-align: center;
	font-size: 13px;
	color: #9b9b9b;

	/*STICKY POS*/
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
    top: 105px; 
    background-color: white;
    z-index: 1;
    padding: 10px 0 10px 0;
	margin-left: -5px;
    margin-right: -5px;
}

.chat-date-web {
	top: 0px;
}

.chat-bulle {
	position: relative;
	display: inline-block;
	background-color: #666;
	max-width: 230px;
	color: #fff;
	font-size: 16px;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 5px;
	word-break: break-word;
}

.chat-bulle a {
	color: white;
}

.englob-reponse,
.englob-msg {
	position: relative;
}

.englob-msg { text-align: right; }

.englob-msg-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.chat-bulle-reponse {
	border-bottom-left-radius: 2px;
	margin-right: 10px;
}

.chat-bulle-msg {
	text-align: left;
	border-bottom-right-radius: 2px;
	margin-left: 10px;
	cursor: pointer;
}

.chat-bulle-msg::after {
	content: "";
	display: block;
	clear: both;
}

.chat-is-typing {
	font-size: 12px;
	color: #9b9b9b;
	margin: -3px 10px 10px 10px;
	position: relative;
}

.chat-legend-date {
	font-size: 11px;
	color: #9b9b9b;
	margin: -3px 10px 10px 10px;
}
.englob-reponse-photo + .chat-legend-date,
.englob-msg-photo + .chat-legend-date {
	margin: -3px 0px 10px 0px;
}

.chat-bulle-last.chat-bulle-reponse {
	border-bottom-left-radius: 0;
}

.chat-bulle-last:not(.chat-bulle-first).chat-bulle-reponse {
	border-top-left-radius: 2px;
}

.chat-bulle-last.chat-bulle-msg {
	border-bottom-right-radius: 0;
}

.chat-bulle-last:not(.chat-bulle-first).chat-bulle-msg {
	border-top-right-radius: 2px;
}

.chat-bulle-last.chat-bulle-msg::after,
.chat-bulle-last.chat-bulle-reponse::after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	bottom: -4px;
}

.chat-bulle-last.chat-bulle-reponse::after {
	left: 0;
	border-width: 5px 10px 0 0;
}

.chat-bulle-last.chat-bulle-msg::after {
	right: 0;
	border-width: 0 10px 5px 0;
	border-color: transparent #666 transparent transparent;
}
/*.chat-emoji::after {
	display: none!important;
}*/

.chat-bulle.chat-bulle-reponse.chat-bulle-alone {
    border-top-left-radius: 5px;
}
.chat-bulle.chat-bulle-msg.chat-bulle-alone {
    border-top-right-radius: 5px;
}

.chat-bullle {
    border-top-left-radius: 2px;
}
.chat-bulle-msg.chat-bulle-middle {
    border-top-right-radius: 2px;
}
.chat-bulle-reponse.chat-bulle-middle {
    border-top-left-radius: 2px;
}

.englob-reponse-photo.chat-bulle-first {
    border-bottom-right-radius: 2px;
}
.englob-msg-photo.chat-bulle-first {
    border-bottom-right-radius: 2px;
}

.englob-reponse-photo.chat-bulle-alone {
    border-top-left-radius: 5px;
}
.englob-msg-photo.chat-bulle-alone {
    border-top-right-radius: 5px;
}

.englob-reponse-photo.chat-bulle-middle {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.englob-msg-photo.chat-bulle-middle {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.englob-reponse-photo.chat-bulle-middle.chat-bulle-last {
    border-bottom-left-radius: 5px;
}
.englob-msg-photo.chat-bulle-middle.chat-bulle-last {
    border-bottom-right-radius: 5px;
}
.chat-emoji {
	font-size: 35px!important;
    /*background-color: transparent!important;
    padding-left: 0!important;
    padding-right: 0!important;*/
}

img.delete-message {
	display: none;
	height: 18px;
	margin-top: -9px;
}
img.delete-message[data-delete-type="photo"] {
	vertical-align: top;
	margin-top: 52px;
    /*bottom: auto;
    top: calc(50% - 16px);
    right: 180px;
    margin: auto;
    position: absolute;*/
}
img.delete-message[data-delete-type="position"] {
	vertical-align: top;
	margin-top: 65px;
}

img.delete-message.visible { display: inline-block; }

i.delete-message {
  display: none;
  font-size: 18px;
  color: #bababa;
  cursor: pointer;
}
i.delete-message.visible { display: inline-block; }

#popup_chat_photo {
	max-width: 325px;
	margin: 0 auto;
}

#popup_chat_photo .title {
	padding-bottom: 24px;
} 

#popup_chat_photo .content {
	padding-left: 25px;
}

.popup_chat_photo-item {
	cursor: pointer;
	margin-bottom: 29px;
	font-size: 16px;
	color: #000;
}

.popup_chat_photo-item--last { margin-bottom: 5px; }

.footer-chat {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 10px;
	background-color: #fff;
	border-top: 1px solid #c7c7c7;
	align-items: center;
}

footer.footer-chat div:hover {
    opacity: 0.8;
}

.footer-chat.align-bottom { align-items: flex-end; }

.footer-chat-item {
	position: relative;
	padding: 0 8px;
	margin-top: 1px;
  color: #908f94;
  cursor: pointer;
}

.footer-chat-item img.footer-chat-item-message {
	width: 26px;
	height: auto;
}
.footer-chat-item i.footer-chat-item-message {
  font-size: 21px;
  vertical-align: 3px;
}

.footer-chat-item-message-picto {
    position: absolute;
    top: -9px;
    /*left: 20px;*/
    right: -6px;
    width: auto;
    min-width: 11px;
    padding: 2px 3px;
    height: 12px;
    border-radius: 50px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
    border: 2px solid #fff;
    background: none;
    cursor: pointer;
}

.footer-chat-item img { height: 22px; }

.footer-chat-form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
	position: relative;
	width: 100%;
	margin-left: 7px;
	/*margin-right: 4px;*/
	border: 1px solid #e0e0e0;
	border-radius: 22px;
	padding: 2px 2px 2px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition-duration: 0.5s;
	align-items: center;
}

.footer-chat-form textarea {
	display: block;
	width: 100%;
	height: 30px;
	min-height: 30px;
	line-height: 30px;
	padding: 0;
	font-size: 15px;
	font-family: "Roboto-Regular";
	/*color: #9b9b9b;*/
	color: black;
	resize: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition-duration: 0.5s;
	overflow: hidden!important;
}
.footer-chat-form textarea::placeholder {
	color: #9b9b9b;
}
.footer-chat-form textarea:focus {
	padding-bottom: 12px;
	line-height: 24px;
	padding-left: 4px;
}
#footer_fixe .footer-chat-form textarea:focus {
	padding-bottom: 0px;
}
.footer-chat-form textarea.not-focus {
	/*height: 30px!important;*/
}
.footer-chat-form textarea:not(:focus) {
	height: 30px!important;
	min-height: 30px!important;
	max-height: 30px!important;
}

.footer-next-message { padding-right: 2px; margin-top: 7px; }
.footer-chat-item.footer-next-message.empty { opacity: 0.4; }

.align-bottom .footer-chat-form {
	margin-right: 0;
	margin-left: 0;
}

.align-bottom .footer-chat-action { margin-right: 10px; }

#btn-send {
	display: none;
	height: 32px;
	width: 32px;
	min-width: 32px;
	border-radius: 50%;
	margin-left: 5px;
	cursor: pointer;
	transition-duration: 0.5s;
	align-self: flex-end;
}

#btn-send img {
	display: block;
	width: 18px;
	margin: 8px 0 7px 9px;
	transition-duration: 0.5s
}
#btn-send i {
  display: block;
  margin: 8px 0 7px 9px;
  font-size: 13px;
  color: #FFFFFF;
}
textarea#message:focus + #btn-send {
	height: 30px;
	width: 30px;
	min-width: 30px;
	margin-right: 2px;
	margin-bottom: 3px;
}
textarea#message:focus + #btn-send img {
	width: 17px;
	margin: 8px 0 7px 8px;
}
textarea#message:focus + #btn-send i {
  width: 17px;
  margin: 7px 0 7px 8px;
}

.footer-chat-action {
	min-width: 22px;
	width: 22px;
	height: 22px;
	text-align: center;
	border-radius: 50%;
	margin-right: 7px;
	-webkit-transition: transform 0.35s ease;
	-o-transition: transform 0.35s ease;
	transition: transform 0.35s ease;
	cursor: pointer;
}

.footer-chat-action.active {
	transform: rotate(135deg);
}

.footer-chat-action img {
	width: 14px;
	margin-top: 4px;
}
.footer-chat-action i {
  color: white;
  font-size: 13px;
  vertical-align: 0px;
}

#footer-action-back {
	display: none;
	margin-bottom: 7.5px;
	/*align-self: center;*/
}

#footer-action-back img { width: 9px; margin-left: 1px; }

.supfooter-container { display: none; }

.supfooter {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	padding: 16px 20px 10px 20px;
	border-top-left-radius: 15px; 
	border-top-right-radius: 15px;
	background-color: #EDEDED;

	padding: 0px;
	flex-direction: column;
}

.supfooter > div {
	font-size: 16px;
	text-align: center;
	cursor: pointer;

	display: flex;
	align-items: center;
    border-bottom: 1px solid #d5d5d5;
    padding: 15px 15px;
}
.supfooter > div:hover {
    /*opacity: 0.8;*/
    background-color: rgba(213, 212, 212, 0.7);
}
.supfooter > div:first-child {
    border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.supfooter .supfooter-div-img {
	width: 25px;
	height: 25px;
  margin: 0 25px 0px 10px;
  color: #8c8b90;
  font-size: 23px;
}

.supfooter img {
	display: block;
	margin: 0 auto;

    width: auto;
    height: 100%;
}

.supfooter-son { /*min-width: 42px;*/ }

.discussion-top-valid {
	width: 13px;
	margin-left: 5px;
}

.supfooter-son img,
.supfooter-cam img {
	/*height: 25px;
	margin-bottom: 10px;*/
}

.supfooter-marker img,
.supfooter-conversation img {
	/*height: 28px;
	margin-bottom: 7px;*/
}

.supfooter-son .chat-son-mute { display: none; }

.supfooter-son.mute .chat-son-mute { display: block; }

.supfooter-son.mute .chat-son { display: none; }

/* .supfooter .supfooter-blacklister { display: none; } */
@media (max-width: 359px) {
	#js-blacklister.footer-chat-item { display: none!important; }
	.supfooter .supfooter-blacklister { display: flex; }
}
.supfooter-blocnote span img {
    height: 11px;
    display: inline-block;
    margin-left: 5px;
}
.supfooter-msg-pre .supfooter-div-img img {
    width: 24px;
    height: auto;
    margin-top: 4px;
}

.pre-message {
	display: none;
	border-top-left-radius: 15px; 
	border-top-right-radius: 15px;
	background-color: #EDEDED;
	/* max-height: 353px; 
	/* overflow: hidden; */
}
.pre-message.open {
	position: relative;
}

.pre-message-title {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #666;
	padding: 10px 0;
}

.pre-message-title span {
	font-size: 15px;
	font-family: "Roboto-bold";
	color: #000;
}

.pre-message-title .btn-main {
	min-width: 95px;
	padding: 10px 0;
	font-size: 12px;
	border-radius: 0;
}

.pre-message-container { padding-bottom: 10px; }

.pre-message-mobile .pre-message-container {
	max-height: 300px; 
	overflow: scroll; 
}

.pre-message-mobile .pre-message {
	max-height: 353px; 
	overflow: hidden; 
}

.pre-message-container-content {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 7px 10px;
}

.pre-message-container-content img {
	width: 12px;
	margin-right: 20px;
	margin-top: 4px;
}
.pre-message-container-content i {
  margin-right: 20px;
  color: #bababa;
  font-size: 15px;
}

.pre-message-container-content .chat-bulle {
	margin-bottom: 0;
	max-width: inherit;
}

.englob-msg-photo,
.englob-reponse-photo {
	width: 170px;
	height: 130px;
	/*height: 100%;*/
	margin-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}

.englob-msg-photo {
	margin-left: auto;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 1px;
}
.btn-photo-ephemere {
	padding: 6px 10px;
	background: rgba(255, 255, 255, .7);
	border-radius: 50px;
	font-size: 13px;
	font-family: 'Roboto-Bold';
	color: var(--main-color);
	position: absolute;
	right: 5px;
	top: 5px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.btn-photo-ephemere i {
	font-size: 22px;
	margin-right: 4px;
}
.btn-photo-ephemere.active {
	background: var(--main-color);
	color: white;
}
.bubble-photo-ephemere {
	background: white;
	position: absolute;
	font-size: 14px;
	box-shadow: 0px 0px 10px #000000;
	text-align: left;
	padding: 10px 8px;
	top: 0;
	right: 0;
	transform: translateY(calc(-100% - 6px));
	width: 120%;
	max-width: 200px;
	box-sizing: border-box;
	border-radius: 3px;
	z-index: 1;
}
.bubble-photo-ephemere:after {
	content: '';
	bottom: -11px;
	right: 29px;
	/* box-shadow: 0px 10px 10px #000000; */
	border-style: solid;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}
.englob-reponse .bubble-photo-ephemere {
	right: initial;
	left: 0;
}
.englob-reponse .bubble-photo-ephemere:after {
	right: initial;
	left: 76px;
}
.englob-photo-ephemere {
	background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .6) 100%), var(--main-color);
	color: var(--main-color);
	font-size: 20px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	border: 3px solid var(--main-color);
	box-sizing: border-box;
}
.englob-photo-ephemere i {
	font-size: 33px;
}
.englob-reponse-photo .chat-picto-duree,
.englob-msg-photo .chat-picto-duree {
	position: absolute;
    right: 8px;
    bottom: 8px;
    color: white;
    font-size: 15px;
    background-color: rgba(0,0,0,0.7);
    padding: 4px 6px;
    border-radius: 4px;
}
.englob-reponse-photo .chat-picto-play,
.englob-msg-photo .chat-picto-play {
    width: 40px;
    height: 40px;
    font-size: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.chat-bulle-map { max-width: 185px; }

.chat-bulle-map img {
	display: block;
	width: 100%;
	margin-top: 5px;
}

.chat-bulle-friend span {
	font-family: "Roboto-Bold";
	font-size: 16px;
	cursor: pointer;
}

.accept-friend {
	margin-right: 7px;
	padding-right: 10px;
	border-right: 1px solid #fff;
}

.accept-friend img { width: 15px; }

.refus-friend img { width: 12px; }

/* /CHAT */

/* POPUP ACCES PRIVE */
#popup_acces_prive p, 
#popup_acces_prive .fake-checkbox-container {
	color: #999;
}

#popup_acces_prive .fake-checkbox-container.checked { color: #424242; }

.fake-checkbox-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 20px;
	cursor: pointer;
}

.fake-checkbox-container.checked .fake-checkbox div { display: block; }
/* /POPUP ACCES PRIVE */

/* ENVOIE PHOTO CHAT */
.chat_photo-title {
	color: #616161;
	font-size: 14px;
    margin: 6px 0px;
    margin-left: calc(0.66vw + 0.5px);
}
.chat_photo-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 3px 0px;
	/*padding: 0.5vw 1vw;*/

    margin: 0.66vw calc(0.5vw + 0.5px);
}
.chat_photo-container.recemment {
	margin-bottom: 15px;
}

.chat_photo--item {
	position: relative;
	box-sizing: border-box;
	width: 32vw;
	height: 32vw;
	/*margin: .5vw 0;*/
    /*margin-right: 0.66vw; AJOUT POUR DIV NON SPACE-BETWEEN */
    margin: 0px 0px 3px 1vw;

	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	cursor: pointer;

	width: 24vw;
	height: 24vw;
    margin: 0px 0.33vw 0.66vw 0.33vw;
}

.chat_photo--item__border {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	border-style: solid;
	border-width: 3px;
}


.chat_photo--item-select .chat_photo--item__border { display: block; }

.chat_photo-send {
	display: none;
	padding: 10px 8px 10px 10px;

}

.chat_photo-send img {
	display: block;
	height: 16px;
}

.discussion-info-top-mobile .chat_photo-send { margin-left: auto; }

.chat_photo--item__time {
	position: absolute;
	right: 6px;
	bottom: 6px;
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	padding: 3px;
	line-height: 1;
	font-size: 12px;
	border-radius: 4px;
}

.chat_photo--item__player {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background-color: rgba(42, 42, 42, .7);
}

.chat_photo--item__player::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-35%) translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #ffffff;
	}

.chat_photo-footer {
	padding: 17px 0;
	line-height: 1;
	border-top: 1px solid #8c8b90;
	font-family: "Roboto-Medium";
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
/* /ENVOIE PHOTO CHAT */

/* CHAT MAP */
.chat_photo-send-map { display: block; }

#chat_map_container {
	width: 100%;
	height: 400px;
	background-color: #3d3d3d;
}
/* /CHAT MAP */
#discussion .message-item-img div {
	overflow: hidden;
}
/* FORUM */
.breadcrumb {
	display: flex;
	align-items: center;
	padding: 10px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	overflow: hidden;
	white-space: nowrap;
}

.breadcrumb span {
	font-family: "HelveticaNeueLTStd-Lt";
	font-size: 16px;
	color: #000;
}

.breadcrumb span.active {
	font-family: "HelveticaNeueLTStd-Roman";
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.breadcrumb h1 {
	font-family: "HelveticaNeueLTStd-Lt";
	font-size: 16px;
	color: #000;
}

.breadcrumb h1.active {
	font-family: "HelveticaNeueLTStd-Roman";
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.breadcrumb img { margin: 0 5px; }

.breadcrumb img:first-child { 
	min-width: 22px;
	max-width: 22px;
}

.breadcrumb-nav { 
	max-width: 7px;
	min-width: 7px;
}

.row-forum {
	position: relative;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #c8c8c8;
	padding: 15px 30px 15px 10px;
	text-decoration: none;
}

.row-forum:hover { background-color: #e6e6e6; } 

.forum-picto {
	width: 35px;
	min-width: 35px;
	margin-right: 10px;
	text-align: center;
}

.forum-picto img { height: 24px; }

.forum-title { line-height: 20px; }

.forum-pseudo-info { 
	overflow: hidden;
	white-space: nowrap;
}

.forum-pseudo-info div:first-child {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;	
}

.forum-title div:first-child, 
.forum-pseudo-info div:first-child {
	font-family: "HelveticaNeueLTStd-Bd";
	font-size: 16px;
	color: #05f;
}

.forum-pseudo-info h2:first-child {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;	
}

.forum-title h2:first-child, 
.forum-pseudo-info h2:first-child {
	font-family: "HelveticaNeueLTStd-Bd";
	font-size: 16px;
	color: #05f;
	font-weight: normal;
}

.forum-title div:first-child img {
	height: 18px;
	margin-right: 15px;
}

.forum-title div:nth-child(2) {
	font-family: "HelveticaNeueLTStd-Md";
	font-size: 14px;
	color: #000000;
}

.forum-pseudo-info div:nth-child(2) {
	font-family: "HelveticaNeueLTStd-Lt";
	font-size: 12px;
	color: #4a4a4a;
}

.forum-pseudo-info div:nth-child(2) .pseudo-info-detail {
	font-family: "HelveticaNeueLTStd-Md";
	color: #05f;
}

.forum-pseudo {
	display: flex;
	line-height: 19px;
}

.forum-nbr-reponse {
	text-align: center;
	font-family: "HelveticaNeueLTStd-It";
	font-size: 14px;
	color: #000000;
	padding: 0 10px 0 40px;
	line-height: 20px;
}

.forum-nbr-sujet {
	font-family: "HelveticaNeueLTStd-It";
	font-size: 12px;
	color: #000;
	margin-bottom: 4px;
}

.forum-last-reponse {
	display: flex;
	line-height: 1;
}

.forum-last-reponse-img,
.forum-pseudo-img {
	height: 50px;
	width: 50px;
	min-width: 40px;
	border-radius: 3px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.forum-pseudo-img { min-width: 40px; }

.forum-last-reponse-info div:first-child {
	width: 150px;
	font-family: "HelveticaNeueLTStd-Bd";
	font-size: 13px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.forum-last-reponse-info div:nth-child(2) {
	font-family: "HelveticaNeueLTStd-Md";
	font-size: 13px;
	color: #000;
}

.forum-pseudo-nbr-reponse {
	font-family: "HelveticaNeueLTStd-It";
	font-size: 12px;
	color: #000;
}

.forum-last-reponse-info div:nth-child(2) span {
	font-family: "HelveticaNeueLTStd-Bd";
	color: #05f;
	margin-right: 5px;
}

.forum-last-reponse-info div:nth-child(2) img {
	height: 10px;
}

.forum-last-reponse-info div:nth-child(3) {
	font-family: "HelveticaNeueLTStd-Lt";
	font-size: 12px;
	color: #4a4a4a;
}

.forum-arrow {
	height: 15px;
	padding-left: 10px;
}

.forum-arrow img { height: 15px; }

.sujet-item-epingle {
	font-size: 10px;
	color: var(--main-color);
	margin-left: 6px;
}
/* /FORUM */

/* BTN TXT */
.popup_visio-btns {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
}

.btn-text {
	font-size: 16px;
	font-family: "Roboto-Medium";
	text-transform: uppercase;
	padding: 7px 15px;
	cursor: pointer;
	border-radius: 2px;
	transition: background .3s;
}

.btn-text:hover {
	background: rgba(0,0,0,0.1);
}

.btn-text.btn-text-cancel {
	color: #b6b6b6;
}
/* /BTN TXT */

/* Input animation */
.popup_v5 fieldset {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 30px;
}

.forum-arrow-mobile {
	position: absolute;
	height: 15px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

#popup_inscription .form-date-double {	width: 48%; float: left; display: none;}
#popup_inscription .form-date-double.form-date-double-right { margin-left: 4%; }

.popup_v5 fieldset.error,
.popup_v5 fieldset.error { margin-bottom: 50px; }

.popup_v5 label {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Roboto-Regular';
	font-size: 16px;
	color: #757575;
	transform: translate3d(0, 0, 0);
	line-height: normal;
	padding: 5px 0;
	transition: all 0.2s ease-in-out;
	cursor: text;
}

.popup_v5 input[data-empty="false"] + label,
.popup_v5 input:valid + label,
.popup_v5 input:not(#date):focus + label,
.popup_v5 input + label.mobiscroll-animation,
.popup_v5 textarea[data-empty="false"] + label,
.popup_v5 textarea:valid + label,
.popup_v5 textarea:not(#date):focus + label,
.popup_v5 .label-select,
.popup_v5 .label-top label {
	font-size: 12px;
	transform: translate3d(0, -20px, 0);
}
/* /Input animation */

/* noUiSlider */
#slider_age,
#slider_rayon { margin: 0 36px; }

#slider_rayon { margin-bottom: 20px; }

.noUi-horizontal {
	height: 4px;
	box-shadow: none;
	border: none;
	background-color: #ebebeb;
}
.noUi-horizontal .noUi-handle {
	height: 22px;
	width: 22px;
	border-radius: 50%;
	box-shadow: none;
	border: none;
	top: -9px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: -8px;cursor: grab; }

.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after { display: none; }
/* noUiSlider */

/* Mobiscroll */
.mbsc-material .mbsc-fr-hdr,
.mbsc-material .mbsc-fr-btn-cont .mbsc-fr-btn {
	font-family: "Roboto-Medium";
	font-size: 16px;
	font-weight: normal;
}
.mbsc-material .mbsc-fr-hdr {
	color: #000;
	text-transform: none;
	font-size: 18px;
}
.mbsc-control {	cursor: pointer; }
.mbsc-material .mbsc-sc-itm { 
	font-family: "Roboto-Regular";
	font-size: 18px;
	color: #999;
}
.mbsc-material .mbsc-sc-itm.mbsc-sc-itm-sel { color: #000; }
.mbsc-material .mbsc-sc-whl-gr { padding: 1em .25em; }

.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w.mbsc-fr-btn-s {
	box-sizing: border-box;
	border-left: 1px solid #ccc;
	float: right;
	width: 50%;
}
.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w.mbsc-fr-btn-c {
	float: left;
	width: 50%;
	border-left: none;
}

.mbsc-fr-btn-c .mbsc-fr-btn { color: #999 !important; }

#genre_dummy::placeholder {
	color: #757575;
	opacity: 1;
}
/* /Mobiscroll */

/* PASTILLE */
.pastille {
	background-color: var(--main-color);
	width: 24px;
	height: 24px;
	border-radius: 17px;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: white;
	padding: 0px 0px;
	vertical-align: bottom;
}
/* /PASTILLE */

/* Header fixed */
.header-fixed-v5 .discussion-top {
	position: relative;
}

#header_fixe.header-fixed-v5 .discussion-top {
	font-weight: normal;
}

#header_fixe.header-fixed-v5 .discussion-reglage-top,
#header_fixe.header-fixed-v5 .discussion-info-top {
	color: #000;
	font-weight: normal;
	background-color: #fff;
}
/* /Header fixed */

@media (min-width: 360px) {
	#popup_post_inscription .popup_post_inscription_background,
	#popup_mdp_oublie .popup_mdp_oublie_background {
		max-width: 325px;
	}
}

@media (max-width: 767px) {

	#discussion-top-title { width: 100%; }

	.forum-last-reponse-info {
		display: flex;
		flex-wrap: wrap;
		line-height: 1.3;
	}

	.forum-pseudo { margin-bottom: 5px; }

	.forum-pseudo-img {
		min-width: 55px;
		width: 55px;
		height: 55px;
	}

	.forum-title div:first-child {
		display: flex;
		align-items: center;
	}

	.discussion-top-search input{
		color: #FFF;
		border-bottom: 1px solid #FFFFFF;
		/*background-image: url("../v5_img/picto/icon_search_blanc.png");*/
	
	}
}

@media (min-width: 768px) {

	#popup_inscription .popup_inscription_background,
	#popup_contact .popup_contact_background,
	#popup_connexion {
		max-width: 325px;
		margin: 30px auto;
		border-radius: 2px;
		box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
	}

	#popup_connexion .title { background-color: #fff; }

	#popup_connexion .title span { color: #000; }

	#popup_inscription .content,
	#popup_contact .content,
	#popup_connexion .title { border-radius: 2px; }

	#popup_inscription .title span { color: #000; }
	#popup_contact .title span { color: #000; }

	#popup_inscription .title,
	#popup_contact .title { 
		background-color: #fff;
		margin: 0;
		padding: 10px 0;
	}

	#popup_inscription .content,
	#popup_contact .content { padding: 15px 20px; }

	.xs-hidden { display: inline; }
	.md-hidden { display: none; }

	.btn:hover:before {
		width: 120%;
		padding-top: 120%;
		transition: width .3s ease-out, padding-top .3s ease-out;
	}
	.discusion-triangle {
		position: absolute;
		top: -8px;
		right: 85px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #fff transparent;
	}

	.messages { overflow: hidden; }

	.messages > div {
		position: absolute;
		z-index: 1;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		width: 100%;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none;
	}

	#discussion-footer { position: absolute; }

	.discussion-top {
		color: #000;
		background-color: #fff;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.discussion-top-action .discussion-top-action-menu,
	.discussion-top-action .discussion-top-action-menu:after,
	.discussion-top-action .discussion-top-action-menu:before {
		background-color: #000;
	}

	.discussion-top-search input { border-bottom: 1px solid #cccccc;}

	.discussion-footer {
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	.row-forum {
		flex-direction: row;
		align-items: center;
		padding: 15px 10px;
	}

	.forum-title,
	.forum-pseudo {
		width: 350px;
		min-width: 350px;
	}

	.forum-last-reponse {
		align-items: center;
		margin-left: auto;
	}

	.forum-last-reponse-info div:nth-child(2) span {
		max-width: 80px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-right: 5px;
	}

	.forum-last-reponse-info { line-height: 16px; }

	.forum-pseudo-info { line-height: 23px; }

	.cgu-content { margin-top: 0; }
}

@media (min-width: 1024px) {
	.forum-title,
	.forum-pseudo {
		width: 300px;
		min-width: 300px;
	}

	.discusion-triangle { display: none; }

	#discussion::before {
		content: "";
		position: absolute;
		top: -8px;
		left: 85px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #fff transparent;
	}
}

@media (min-width: 1280px) {

	.forum-title,
	.forum-pseudo {
		width: 425px;
		min-width: 425px;
	}
}
.scroll-bottom {
	display: none;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    position: fixed;
    z-index: 2;
    right: 10px;
    bottom: 64px;
    background-color: rgba(255,255,255,0.8);
    /*background-image: url('../v5_img/picto/fleche-bas-gris.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px;*/
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    cursor: pointer;
}
.scroll-bottom .scroll-bottom-icone {
  font-size: 8px;
  margin-left: 9px;
  margin-top: 10px;
  color: #555555;
  display: block;
}
.scroll-bottom .scroll-bottom-pastille {
	display: none;
    color: white;
    font-size: 10px;
    line-height: 8px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 20px;
    padding: 4px 5px 4px 5px;
    min-width: 6px;
}
.scroll-bottom.is-writing .scroll-bottom-pastille {
	line-height: 0px;
    padding: 6px 4px 10px 4px;
    min-width: 8px;
    width: 8px;
}

/* CREATION CHAT GROUPE */
#creation-groupe .js-header-fixed-mobile {
    top: 0;
    z-index: 2;
}
.creation-groupe-header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 10px;
    min-height: 30px;
    justify-content: space-between;
}
.creation-groupe-header__back, .creation-groupe-header__creer {
    margin-right: 16px;
}
.creation-groupe-header__creer {
	margin-right: 6px;
	display: none;
	cursor: pointer;
}
.creation-groupe-header__creer img {
    width: 22px;
}
.creation-groupe-header__creer i {
    font-size: 16px;
    cursor: pointer;
}
.creation-groupe-header__back img {
    display: block;
    width: 8px;
}
.creation-groupe-header__back i {
    font-size: 14px;
    cursor: pointer;
}
#creation-groupe-top-title {
	color: white;
	font-size: 18px;
	font-family: "Roboto-Medium";
}
#creation-groupe-top-number {
	color: white;
	font-size: 15px;
	margin-left: 10px;
	margin-top: 1px;
}
.groupe-top-search {
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 20px);
    background-color: white;
    border-bottom: 1px solid #b2b2b2;
    min-height: 66px;
    padding: 0px 10px;
    color: #797979;
}
.groupe-top-search #search {
    /*padding-right: 27px;*/
    margin-right: 0px;
    background-color: white;
    z-index: 99999999999999;
    height: 60px;
    padding-left: 15px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.65+6,1+17,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 6%, rgba(255,255,255,1) 17%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 6%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 6%,rgba(255,255,255,1) 17%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.groupe-top-search-title.hide, .slick-participants.hide, #search.hide {
	display: none;
}
#creation-groupe-search-input {
    height: auto;
    padding: 5px 0 5px 3px;
    color: #6e6d73;
    width: 96%;
    font-size: 14px;
    font-family: "Roboto-Regular";
    background-color: transparent;
}
#creation-groupe-search-input::placeholder {
    color: #6e6d73;
}
.slick-participants {
	width: 100%;
}
.slick-participants .slick-list {
	overflow: initial;
}
.slick-participants .slick-track {
	margin-left: 0;
}
.slick-item-groupe {
	display: flex;
	flex-direction: column;
}
.slick-item-groupe-img {
	position: relative;
    width: 45px;
    min-width: 45px;
    height: 45px;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    border: 1px solid #d6d6d6;
}
.picto-etat-croix {
	position: absolute;
    height: 18px;
    width: 18px;
    background-color: #797979;
    border-radius: 50%;
    border: 2px solid #fff;
    top: -3px;
    right: -4px;
    color: white;
    text-align: center;
    font-size: 11px;
    line-height: 19px;
    cursor: pointer;
    font-family: arial;
}
.slick-item-groupe-nom {
    font-size: 10px;
    color: #737373;
    margin-top: 2px;
    max-width: 47px;
    text-align: center;
    overflow: hidden;
    word-break: break-word;
    height: 13px;
}
.creation-groupe-liste-item .profil-certif-icone {
	width: 10px;
	vertical-align: 3px;
	margin-top: 3.5px;
	cursor: pointer;
	margin-left: 0px;
  font-size: 10px;
}
.creation-groupe-liste-item.check {
	/*background-color: #e6e6e6;*/
	background-color: #eee;
}
.creation-groupe-liste-item.check #picto-etat-connexion {
    /*border: 2px solid #eee;*/
    background-color: #eee;
}
.creation-groupe-liste-item {
	display: flex;
    padding: 0 10px;
    transition: background-color .3s;
}
.creation-groupe-liste-item.selected {
	opacity: 1!important;
}
.creation-groupe-liste-item-img {
    position: relative;
    width: 45px;
    min-width: 45px;
    height: 45px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    border: 1px solid #d6d6d6;
    cursor: pointer;
}
.creation-groupe-liste-item i.img-genre {
  vertical-align: 2px;
}
.creation-groupe-liste-check {
    margin-top: auto;
    margin-left: auto;
    margin-bottom: auto;
    font-size: 14px;
    font-family: "Roboto-Regular";
    color: #7f7f7f;
}
.creation-groupe-liste-check .message-item-checkbox {
	/*pointer-events: none;*/
}
.creation-groupe-liste-item .message-item-container {
    padding: 8px 0;
    border-bottom: none;
    cursor: initial;
}
.creation-groupe-liste-item .message-item-content {
	justify-content: center;
}
.groupe-liste .creation-groupe-liste-item-img,
.groupe-liste .message-item-content-pseudo-age,
.groupe-liste .pseudo,
.groupe-liste .message-item-content-dist,
.groupe-liste .message-item-content-pseudo,
.groupe-liste .message-item-content-message,
.groupe-liste .message-item-container {
	cursor: pointer;
}
/* /CREATION CHAT GROUPE */

/* CHAT GROUPE */
.englob-reponse.chat-groupe-img {

}
.englob-reponse.chat-groupe-img .message-item-img {
    min-width: 37px;
    width: 37px;
    height: 37px;
    margin-right: 10px;
}
.chat-groupe-img.chat-groupe-img .chat-pseudo {
	font-size: 13px;
	color: #868686;
	margin-left: 53px;
}
.chat-groupe-img.chat-groupe-img .chat-legend-date {
	margin-left: 58px;
}
.chat-txt-info {
    /* padding: 0 0 10px 0; */
    text-align: center;
    font-size: 12px;
    color: #9b9b9b;
    background-color: white;
    z-index: 1;
    padding: 10px 0 10px 0;
    font-style: italic;
    font-family: 'Roboto-Medium';
    position: relative;
    z-index: 0;
}
.chat-txt-encadrer {
	text-align: center;
    font-size: 13px;
    color: #000000;
	border: 1px solid #000000;
    padding: 10px 20px 10px 20px;
    font-family: 'Roboto-Medium';
    position: relative;
	display: block;
    margin-bottom: 10px;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: 277px;
    width: 100%;
    line-height: 1.4;
    border-radius: 8px;
	box-sizing: border-box;
}
.chat-txt-spam {
	text-align: center;
    font-size: 13px;
    color: #000000;
    padding: 10px 20px 10px 20px;
    font-family: 'Roboto-Medium';
    position: relative;
	display: block;
    margin-bottom: 10px;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: 277px;
    width: 100%;
    line-height: 1.4;
    border-radius: 8px;
	box-sizing: border-box;
}
.ajouter-participants-footer {
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid #d6d6d6;
    font-size: 14px;
    font-family: "Roboto-Medium";
    cursor: pointer;
    text-transform: uppercase;
}

.groupe-liste .membres-sous-menu-btn {
    align-self: center;
    cursor: pointer;
}
.groupe-liste .membres-sous-menu-btn img {
    width: 20px;
    padding: 9px 2px 6px 6px;
}
.groupe-liste .membres-sous-menu-btn > i {
  color: #b2b2b2;
  padding: 9px 2px 6px 6px;
  display: flex;
}
.groupe-liste .membres-sous-menu-content {
    display: none;
    position: absolute;
    right: 10px;
    background-color: white;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
    border-radius: 3px;
    z-index: 2;
    font-family: "Roboto-Regular";
    font-size: 16px;
    color: #000;
    top: auto;
    margin-bottom: 61px;
}
.groupe-liste .membres-sous-menu-content div {
    padding: 15px;
    cursor: pointer;
}
.groupe-liste .membres-sous-menu-content div:hover {
    background-color: rgba(213, 212, 212, 0.7);
}
.chat-groupe .nb-more-membres {
	font-family: 'Roboto-Medium';
	font-size: 12px;
	color: #666666;
    display: flex;
    display: none;
    align-items: flex-end;
}
.chat-groupe .message-item-img {
	display: none;
}
.chat-groupe .message-item-img:nth-child(-n+5) {
	display: block;
}
@media (min-width: 348px) {
	.chat-groupe .message-item-img:nth-child(-n+6) {
		display: block;
	}
}
@media (min-width: 392px) {
	.chat-groupe .message-item-img:nth-child(-n+7) {
		display: block;
	}
}
@media (min-width: 436px) {
	.chat-groupe .message-item-img:nth-child(-n+8) {
		display: block;
	}
}
@media (min-width: 480px) {
	.chat-groupe .message-item-img:nth-child(-n+9) {
		display: block;
	}
}
@media (min-width: 510px) {
	.chat-groupe .message-item-img {
		display: block;
	}
}
.message-item.groupe-2 .message-item-img .groupe-photo,
.chat-groupe .chat-header .message-item-img.groupe-2 .groupe-photo {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
    display: inline-block;
}
.message-item.groupe-2 .message-item-img .groupe-photo:first-child,
.chat-groupe .chat-header .message-item-img.groupe-2 .groupe-photo:first-child {
    border-right: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.message-item.groupe-3 .message-item-img .groupe-photo,
.chat-groupe .chat-header .message-item-img.groupe-3 .groupe-photo {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
    border-right: 1px solid #d6d6d6;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}
.message-item.groupe-3 .message-item-img .groupe-petite-photo,
.chat-groupe .chat-header .message-item-img.groupe-3 .groupe-petite-photo {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 50%;
    /*display: inline-block;*/
    vertical-align: top;
    border-bottom: 1px solid #d6d6d6;
    /*box-sizing: border-box;*/
}
.message-item.groupe-4 .message-item-img .groupe-petite-photo,
.chat-groupe .chat-header .message-item-img.groupe-4 .groupe-petite-photo {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 50%;
    /*display: inline-block;*/
    vertical-align: top;
    /*box-sizing: border-box;*/
    border-bottom: 1px solid #d6d6d6;
}
.header-chat-groupe-content {
	display: flex;
	flex-direction: column;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.header-chat-groupe-name {
    font-family: "Roboto-Medium";
    color: black;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 3px;
    cursor: pointer;
}
.header-chat-groupe-name i.icon-user-groupe {
	font-size: 12px;
    vertical-align: 2px;
    margin-right: 5px;
}
.header-chat-groupe-pseudo {
	font-style: italic;
    font-size: 12px;
    color: black;
    opacity: .7;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.chat-header-deskopt .header-chat-groupe-name,
.chat-header-deskopt .header-chat-groupe-pseudo {
	color: white;
}
.isc_scroller .chat-date {
	position: relative;
	top: 0;
}
.message-item-img.groupe-4,
.message-item-img.groupe-3,
.message-item-img.groupe-2 {
	/*overflow: hidden;*/
}
.message-item-img.groupe-4 > div > div:nth-child(2) {
	border-left: 1px solid #d6d6d6;
	box-sizing: border-box;
}
/* /CHAT GROUPE */

/**** POPIN ****/
.popin {
	position: fixed;
	width: 100vw;
	height: 100%;
	bottom: 0;
	opacity: 1;
	overflow: hidden;
	/*background-color: rgba(0, 0, 0, 0.4);*/
	background-color: transparent;
	color: white;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	z-index: 9999999;
}
.popin p {
	background-color: #212121;
	color: white;
	max-width: 75%;
	padding: 30px 25px;
	border-radius: 4px;
	text-align: left;
	font-size: 17px;
}
.popin.close {
	opacity: 0;
	transition: all 0.5s;
}
/**** /POPIN ****/

/**** POPIN AMI CONNECTE ****/
.popin-ami {
	position: fixed;
    top: 18px;
    width: calc(100% - 46px);
    max-width: 414px;
    left: 15px;
    border-radius: 4px;
    padding: 8px;
    opacity: 1;
    overflow: hidden;
    background-color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1040;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0);
}
.popin-ami__age {
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: #000;
    padding-right: 1px;
    position: relative;
	margin-right: 4px;
}
html:not(.hetero) .popin-ami__age {
	padding-right: 6px;
}
html:not(.hetero) .popin-ami__age:before {
	content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 1px;
    height: 17px;
    background-color: #000;
}
.popin-ami__pseudo {
	font-size: 15px;
	font-family: 'Roboto-Bold';
	color: #000000;
}
.popin-ami__distance {
	font-size: 12px;
	font-family: 'Roboto-Medium';
	color: #737373;
	margin-left: 4px;
}
.popin-ami__text {
	font-size: 15px;
	color: #000000;
}
.popin-ami__chat {
	font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(66,66,66,.5);
	margin-left: 10px;
}
.popin-ami__reglage {
	color: #7f7f7f;
    font-size: 18px;
    margin-left: 2px;
    padding: 10px;
}
.popin-ami__close {
	color: #a0a0a0;
    font-size: 18px;
    margin-left: 15px;
    padding: 10px;
	cursor: pointer;
}
.popin-ami.close {
	opacity: 0;
	transition: all 0.5s;
	transform: translateY(-150%);
}
/**** /POPIN AMI CONNECTE ****/

/**** DIAPO CHAT ****/
.diapo-chat {
	position: fixed;
	z-index: 100;
	height: 100vh;
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.9);
	display: none;
}
.slick-diapo .slick-list {
	padding: 0px!important;
}
.slick-diapo .slick-slide {
	height: 100vh;
	display: flex;
	align-items: center;
	opacity: 0;
}
.slick-diapo .slick-slide img {
	/*width: 94%;
	height: auto;
	margin: auto;*/

    max-width: 100%;
    max-height: 80%;
    /*width: 100%;*/
    display: inline-block;
    object-fit: contain;

    margin-left: auto;
    margin-right: auto;
}
.slick-diapo .slick-slide iframe {
	margin-left: auto;
	margin-right: auto;
}
.slick-slide.slick-current {
	opacity: 1;
	position: relative;
}
.slick-diapo .slick-dots {
	position: fixed;
    bottom: auto;
    top: 90px;
    left: 20px;
    background-color: rgba(66, 66, 66, 0.7);
    width: auto;
    padding: 0px;
    padding-bottom: 1px;
    border-radius: 15px;


    transform: rotate(-90deg) translateY(-15px);
    left: 0px;
    bottom: 0px;
    top: auto;
    margin-left: 50%;
    margin-top: auto;
}
.slick-diapo .slick-dots li {
	display: block;
	width: 12px;
    height: 12px;
    margin: 12px 10px;
}
.slick-diapo .slick-dots li button:before{
	font-size: 0px;
    line-height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
	color: transparent;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 15px;
    opacity: 1;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: transparent;
    background-color: white!important;
}

.back-diapo {
	position: fixed;
	top: 14px;
	left: 12px;
	width: 35px;
	z-index: 2;
	cursor: pointer;
}
i.back-diapo {
  font-size: 13px;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.6);
}
.diapo-chat-total {
    position: fixed;
    top: 37px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    color: white;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    font-weight: bold;
    display: block;
    padding: 0px 0px;
    line-height: 6px;
    border-radius: 11px;
    background-color: rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 15px rgba(0,0,0,0.2);
}
.diapo-chat-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
	height: 60px;
}
.diapo-chat-next {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
	height: 60px;
}
.diapo-chat-prev img, .diapo-chat-next img {
	cursor: pointer;
	opacity: 0.7;
}
.diapo-chat-prev img:hover, .diapo-chat-next img:hover {
	opacity: 1;
}
.diapo-chat-next img {
	transform: rotate(180deg);
}
.diapo-chat-prev i, .diapo-chat-next i {
  color: white;
  opacity: 0.7;
  font-size: 28px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(224,224,224,0) 57%, rgba(255,255,255,0) 65%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(224,224,224,0) 57%,rgba(255,255,255,0) 65%);
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(224,224,224,0) 57%,rgba(255,255,255,0) 65%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00ffffff',GradientType=1 );
}
.diapo-chat-prev i:hover, .diapo-chat-next i:hover {
  opacity: 1;
}
/**** /DIAPO CHAT ****/

.message-item .profil-certif-icone {
    width: 10px;
    vertical-align: top;
    margin-top: 2.5px;
    cursor: pointer;
    margin-left: -2px;
}
.notifications-item .profil-certif-icone {
    width: 10px;
    vertical-align: top;
    margin-top: 2.5px;
    cursor: pointer;
    margin-left: -2px;
}
.notifications-item i.profil-certif-icone {
    font-size: 10px;
    width: auto;
}

.span_9 .profil-certif-icone, .span_2 .profil-certif-icone, .span_11 .profil-certif-icone, .texte_sous_menu .profil-certif-icone {
    width: 10px;
    vertical-align: top;
    margin-top: 2.5px;
    cursor: pointer;
    margin-left: -2px;
    margin-right: 3px;
}

.texte_sous_menu_web .profil-certif-icone {
    width: 10px;
    vertical-align: top;
    margin-top: 16.5px;
    cursor: pointer;
    margin-left: -2px;
    margin-right: 3px;
}

.popup_plan_profil {
	display: flex;
}
.popup_plan_profil .message-item-img {
	height: 72px;
    width: 72px;
    min-width: 72px;
}
.popup_plan_profil_age {
	font-size: 24px;
	margin: 0 10px;
	margin-right: 15px;
}
.popup_plan_profil_info {
	font-size: 13px;
	position: relative;
	font-family: 'Roboto-Regular';
	color: black;
}
.popup_plan_profil_info_nom {
	font-family: 'Roboto-Medium';
	font-size: 16px;
}

.popup_plan_profil_info::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 48px;
    background-color: #000;
    left: -6px;
}

.popup_plan_txt {
	margin-top: -36px;
    font-size: 16px;
    font-family: 'Roboto-Regular';
    color: #737373;
    line-height: 20px;
}

.progress {
	width:0%;
	overflow:hidden;
	height:4px;
	display:inline-block;
	vertical-align:middle;
	color:#CD0023;
	text-align:right;
	text-shadow:1px 1px 0 #000;
	background-color:#CD0023;
	-o-transition-property:width;
	-o-transition-duration:.5s;
	-moz-transition-property:width;
	-moz-transition-duration:.5s;
	-webkit-transition-property:width;
	-webkit-transition-duration:.5s;
	transition-property:width;
	transition-duration:.5s;
	margin-top:9px;
	position: relative;
}


.header:after {
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.30);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

/*#header_fixe:after, #header_fixe .discussion-top:after {
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.30);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}*/

.profil-infos-fixed-bar, .discussion-top, .chat-header, .creation-groupe-header {
    border-bottom: 1px solid rgba(0,0,0,0.30)!important;
    box-sizing: border-box!important;
}
.info-bulle-v5 {
	position: absolute;
    top: 100%;
    margin-top: 4px;
    left: 0;
    z-index: 1;
    display: none;
}
.info-bulle-v5__content {
	color: black;
    background-color: #d6d6d6;
    margin: 0 6px;
    border-radius: 2px;
    font-size: 14px;
    padding: 10px 26px;
    text-align: center;

    -webkit-box-shadow: 0px 10px 38px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 38px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 38px -10px rgba(0,0,0,0.75);
}
.info-bulle-v5__content:after {
    content: "";
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    top: -5px;
    right: 11px;
    background-color: #d6d6d6;
    transform: rotate(45deg);
}
.info-bulle-v5.chat {
    top: 100%;
    margin-top: -6px;
}

.iframe-wrapper {
	display: none;
    background: rgba(0,0,0,0.8);
    height: 100%;
    width: 100vw;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 101;
}
.iframe-wrapper .close-iframe-wrapper {
    position: fixed;
    color: white;
    z-index: 10;
    left: 0;
    padding: 14px 12px;
    /*font-family: cursive;*/
    /*background: rgba(255,255,255, 0.3);*/
    border-radius: 50%;
    cursor: pointer;
    /*font-size: 18px;*/
}
.iframe-wrapper .close-iframe-wrapper img {
	/*margin-top: 3px;*/
    width: 35px;
}
.iframe-wrapper .close-iframe-wrapper i {
    font-size: 13px;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(66, 66, 66, 0.6);
}
.iframe-wrapper .iframe {
	position: relative;
	height: 100%;
	/*padding-bottom: 56.25%;
    margin-top: 57%;*/
}

.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slick-diapo .slick-slide .diapo-chat-picto-play {
    width: 40px;
    height: 40px;
    font-size: 22px;
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
    /*height: auto;*/
    pointer-events: none;
}
.slick-diapo .slick-slide .diapo-chat-picto-play:hover {
    opacity: 0.8;
}
.popup_v5 label.checkbox-v5-plan-jour {
    position: relative;
    height: auto;
    padding: 0 0 0 25px;
    margin-bottom: 25px;
    font-size: 16px;
    color: #424242;
}

/** PROFIL **/
#profil .content-fixed {
	margin-bottom: 0px;
}
.info-swipe {
	position: absolute;
    z-index: 3;
    border-radius: 3px;
    top: 62px;
    background-color: #dedede;
    width: 96vw;
    right: 0;
    left: 0;
    margin: auto;
    padding: 0px 0px;
    text-align: center;
    -webkit-box-shadow: 0px 10px 38px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 38px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 38px -10px rgba(0,0,0,0.75);
}
.info-swipe .txt {
    padding: 10px;
}
.info-swipe img {
	width: 40vw;
    margin-bottom: 20px;
    margin-top: 18px;
    max-width: 170px;
}
.info-swipe i {
  font-size: 150px;
}
.profil-infos-fixed-bar {
    height: 49px;
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d6d6d6;
    position: fixed;
    /*top: 0px;
    z-index: 0;
    opacity: 0;
    transition-duration: 0.5s;*/

	top: -60px;
    z-index: 3;
    opacity: 0;
    /*visibility: hidden;*/
}
.profil-infos-fixed-bar.v-mobile {
    height: 110px;
    height: 220px;
    transition-duration: initial;
}
.profil-infos-fixed-bar.active {
	/*top: 50px;
	top: -60px;
    z-index: 3;*/
    opacity: 1;
    /*visibility: visible;*/
}
.profil-infos-fixed-bar__pseudo {
	color: black;
	font-family: 'Roboto-Medium';
	font-size: 18px;
}
.profil-infos-fixed-bar__chat {
	min-width: 45.4px;
	position: relative;
}
.profil-infos-fixed-bar__chat:hover img {
	opacity: 0.7;
}
.profil-infos-fixed-bar__chat span {
	position: absolute;
    font-size: 10px;
    margin-left: 50%;
    margin-top: 25%;
    transform: translateX(-50%)translateY(-50%);
    font-weight: 600;
}
.profil-infos-fixed-bar .profil-infos-fixed-bar__genre {
	height: 15px;
    margin-bottom: -1px;
}
.profil-infos-fixed-bar.v-desktop .profil-infos-fixed-bar__chat {
	margin-top: 1px;
	opacity: 0;
}
.profil-infos-fixed-bar.v-desktop .profil-infos-fixed-bar__chat span {
	color: white;
}
.profil-infos-fixed-bar .profil-infos-fixed-bar__chat span img {
	height: 10px;
	margin-left: 1px;
}

.profil-infos-fixed-bar .profil-infos-fixed-bar__options {
    height: 18px;
    margin-left: 6px;
    padding: 10px;
}
.profil-infos-fixed-bar i.profil-infos-fixed-bar__options {
  color: white;
  cursor: pointer;
}
.profil-infos-fixed-bar .profil-infos-fixed-bar__options:hover {
    opacity: 0.7;
}
 .profil-infos-fixed-bar__options-mon-profil {
	display: none;
    position: absolute;
    right: 10px;
    background-color: white;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
    border-radius: 3px;
    z-index: 2;
    font-family: "Roboto-Regular";
    font-size: 16px;
    color: #000;
    top: 46px;
    min-width: 205px;
}
.profil-infos-fixed-bar__options-mon-profil div {
    padding: 15px;
    cursor: pointer;
    position: relative;
 }
.profil-infos-fixed-bar__options-mon-profil div:hover {
     background-color: rgba(213, 212, 212, 0.7);
}
.profil-infos-fixed-bar__options-mon-profil:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.profil-infos-fixed-bar.v-desktop {
	height: 55px;
	top: 0;
	opacity: 1;
	display: flex;
	border-bottom: none;
	position: relative;
}
.profil-infos-fixed-bar.v-desktop .profil-infos-fixed-bar__pseudo {
	color:white;
}
.profil-infos-fixed-bar__chat.own-profil {
    right: 0px;
    top: 56px;
    position: fixed;
    z-index: 1;
}
.profil-infos-fixed-bar__chat.own-profil .profil-infos-fixed-bar__options {
	height: 18px;
    margin-left: 6px;
    padding: 10px;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 60%);
    color: white;
    display: flex;
}
.profil-photo {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	height: 100vw;
	max-height: 100vw;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    /*transition-property: box-shadow;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;*/
}
.profil-photo.shadow {
	-webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.55);
}
.profil-header-prev, .profil-header-next {
	color: #FFFFFF;
	padding: 20px 15px;
	cursor: pointer;
}
.profil-next-prev {
	display: none;
}
.isc_scroller .profil-next-prev, .profil_next_prec_v5.profil-next-prev {
    display: flex;
    pointer-events: none;
    opacity: 0;
    justify-content: space-between;
    position: absolute;
    width: calc(100% + 60px);
    z-index: 1;
    margin-top: 60%;
    transform: translateY(-100%);
    margin-left: -30px;
    margin-right: 30px;
    transition-duration: 0.4s;

	display: none!important;
}
.isc_scroller .profil-photo:hover .profil-next-prev, .profil-photo:hover .profil_next_prec_v5.profil-next-prev {
    opacity: 1;
}
.profil-next-prev img {
	pointer-events: auto;
}
.profil-next-prev i {
  font-size: 24px;
  pointer-events: auto;
  display: flex;
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  cursor: pointer;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+65&0.2+0,0+57 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(224,224,224,0) 57%, rgba(255,255,255,0) 65%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(224,224,224,0) 57%,rgba(255,255,255,0) 65%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(224,224,224,0) 57%,rgba(255,255,255,0) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.profil-next-prev img.profil-next {
	transform: rotate(180deg);
}
.profil-photo__ajouter-photo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: white;
    font-size: 20px;
    text-align: center;
    padding: 30px;
    /* border: 2px solid; */
}
.profil-photo__ajouter-photo img {
  display: block;
  margin: auto;
  margin-bottom: 7px;
}
.profil-photo__ajouter-photo i {
  font-size: 34px;
  display: block;
}
.profil-photo__retour {
    /*position: absolute;
    padding-top: 6px;
    width: 50px;
    left: 0;
    position: fixed;*/
    position: absolute;
    height: 33px;
    padding: 10px;
    top: 0;
}
i.profil-photo__retour {
  position: absolute;
  z-index: 1;
  color: #FFFFFF;
  height: 33px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: rgba(66, 66, 66, 0.6);
  border-radius: 33px;
  padding: 0;
  left: 10px;
  top: 10px;
}
#profil-chat-fixed {
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	margin-bottom: env(safe-area-inset-bottom);
}
html:not(.v-web) #profil-chat-fixed {
	display: none!important;
}
#profil-chat-fixed > i {
    color: white;
    font-size: 20px;
	position: relative;
}
#profil-chat-fixed:hover {
	opacity: 0.9;
}
.profil-chat-fixed__message {
	font-size: 12px;
    font-weight: 700;
    color: #000;
    position: absolute;
 	transform: translateX(-50%) translateY(-50%);
    top: 45%;
    left: 50%;
}
.profil-photo-chat {
	position: absolute;
	background-image: url('../v5_img/picto/chat-bg.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	right: 10px;
	top: 10px;
	width: 58px;
	height: 58px;
	cursor: pointer;

	top: 60px;
	position: fixed;
	pointer-events: auto;
}
i.profil-photo-chat {
  right: 10px;
  cursor: pointer;
  background-image: none;

  /*top: 60px;*/
	bottom: 10px;
	top: inherit;
  position: absolute;
  pointer-events: auto;
  font-size: 31px;
  width: 64px;
  height: 64px;
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.5);
  z-index: 1;
}
.profil-photo-ajouter {
	position: absolute;
	background-image: url('../v5_img/picto/chat-picto-photo-blanc.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	/* left: 50%; */
	top: 10px;
	width: 100%;
	height: 30px;
	cursor: pointer;
	top: 68px;
	position: fixed;
	z-index: 9;
	
}
.isc_scroller .profil-photo-retour {
	display: none;
}
.isc_scroller .profil-photo-chat {
	top: 64px;
	/*display: none;*/
}
.profil-photo-chat__message {
	font-size: 14px;
	font-weight: bold;
	color: black;
    position: absolute;
    margin-left: 50%;
    margin-top: 48%;
    transform: translateX(-50%) translateY(-50%);
}
i.profil-photo-chat .profil-photo-chat__message {
  top: 47%;
  left: 49%;
  margin-left: 0px;
  margin-top: 0px;
}
.profil-photo-chat__message img {
	height: 11px;
}
/*.profil-photo-album {
	position: absolute;
	background-image: url('../v5_img/picto/picto-album2.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	right: 10px;
	bottom: 70px;
	width: 33px;
	height: 33px;
	cursor: pointer;
}
.profil-photo-album__photo {
    font-size: 11px;
    line-height: 15px;
    color: black;
    position: absolute;
    right: -4px;
    bottom: 0px;
    background-color: white;
    padding: 0px 3px;
    border-radius: 30px;
    min-width: 9px;
    height: 15px;
	text-align: center;
	cursor: pointer;
}*/
.profil-photo-album {
    position: absolute;
    right: 10px;
    bottom: 70px;
    cursor: pointer;
}
.profil-photo-album__photo {
    font-size: 12px;
    line-height: 15px;
    color: white;
    background-color: rgba(0,0,0,0.3);
    padding: 5px 8px;
    border-radius: 6px;
    cursor: pointer;
}
.profil-photo-album__photo span {
    margin-right: 6px;
    margin-left: 3px;
}
.profil-photo-album__photo img {
    width: 16px;
    margin-bottom: -2px;
}
.profil-photo-album__photo span img {
	width: 12px;
	margin-bottom: -1px;
	margin-right: 2px;
	margin-left: -3px;
}

.profil-photo-infos {
	pointer-events: none;
	display: flex;
    /*justify-content: space-between;*/
    color: white;
    padding: 0px 10px;
    position: absolute;
    bottom: 0;
    padding-bottom: 13px;
    padding-top: 20px;
    width: calc(100% - 20px);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.07+24,0.16+45,0.4+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 24%, rgba(0,0,0,0.16) 45%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
}
.profil-photo-infos__left {
	display: flex;
}
.profil-photo-infos__age {
    font-size: 39px;
    line-height: 39px;
    padding-right: 6px;
    margin-right: 6px;
    border-right: 1px solid white;
}
.profil-photo-infos__age img {
    height: 29px;
    margin-bottom: -2px;
}
.profil-photo-infos__age i {
  font-size: 26px;
  vertical-align: 4px;
}
.picto-etat-connexion-profil {
    height: 12px;
    width: 12px;
    /*background-color: red;*/
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
/*.picto-etat-connexion-profil-green { background-color: #1fbc26; }
.picto-etat-connexion-profil-orange { background-color: #ffd200; }
.picto-etat-connexion-profil-red { background-color: #ff0303; }*/

.profil-photo-infos__pseudo {
	font-size: 18px;
}
.profil-photo-infos__certif {
    width: 10px;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 0px;
}
i.profil-photo-infos__certif {
    display: inline-block;
    font-size: 10px;
    margin-top: 2px;
}
.profil-photo-infos__distance {
	font-size: 15px;
}
.profil-photo-infos__right {
    display: flex;
    flex-direction: column;
    text-align: right;
    justify-content: flex-end;
    width: 100%;
}
.profil-photo-infos__pratique {
	font-size: 15px;
}
.profil-photo-infos__pratique.infos-hetero {
    margin-bottom: 0px;
}
.profil-photo-infos__pratique.profil-libre {
	/*position: fixed;
    top: 60px;
    right: 10px;*/
    background-color: rgba(66,66,66,.5);
    padding: 8px 8px;
    border-radius: 30px;
	color: #FFFFFF;
	height: 32px;
    box-sizing: border-box;
}
.bloc-note-apercu {
	background-color: rgba(255,255,255,1);
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 8px 10px;
    position: absolute;
    bottom: 73px;
    max-width: 212px;
    opacity: 0.5;
}
.profil-photo.shadow .bloc-note-apercu { display: none; }
.bloc-note-apercu__titre {
	color: #010101;
	font-size: 14px;
	font-family: 'Roboto-Bold';
	display: flex;
    align-items: center;
    padding: 0px 0px 4px 0px;
}
.bloc-note-apercu__titre img, .bloc-note-apercu__titre i {
	height: 16px;
	margin-right: 4px;
	margin-bottom: 2px;
}
.bloc-note-apercu__masquer {
	color: #9e9e9e;
	font-family: 'Roboto-Bold';
	font-size: 10px;
	text-transform: uppercase;
    padding: 8px 15px 4px 15px;
    margin-right: -15px;
    margin-top: -8px;
}
.bloc-note-apercu__note {
	color: #737373;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.profil-explicite-choice {
	position: absolute;
	width: calc(100% - 50px);
	height: 100%;
	top: 0;
	padding: 0 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	backdrop-filter: blur(3vw);
	/* font-family: 'Roboto-black'; */
	color: #FFFFFF;
}
.profil-bar-action {
	height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}
.profil-bar-action > .action {
	width: 25px;
	height: 25px;
	position: relative;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	padding: 10px 10px;
}
.profil-bar-action > i.action {
  background-image: none!important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
.profil-bar-action > .action:hover {
	opacity: 0.8;
}
.profil-bar-action .action-flamme { background-image: url('../v5_img/picto/flamme-noire.png'); }
.profil-bar-action .action-flamme.active { background-image: url('../v5_img/picto/flamme-noire-pleine.png') !important; }
.profil-bar-action .action-favori { background-image: url('../v5_img/picto/etoile-noire.png'); }
.profil-bar-action .action-favori.active { background-image: url('../v5_img/picto/etoile-noire-pleine.png'); }
.profil-bar-action .action-note { background-image: url('../v5_img/picto/note-noire.png'); }
.profil-bar-action .action-note.active { background-image: url('../v5_img/picto/note-noire-plein.png'); }
.profil-bar-action .action-blacklist { background-image: url('../v5_img/picto/blacklist-noire.png'); }
.profil-bar-action .action-album { background-image: url('../v5_img/picto/picto-album3-noir.svg'); }
.profil-bar-action .action-option { background-image: url('../v5_img/picto/points-noire.png'); }
.profil-bar-action i.action-note { font-size: 23px; }
.profil-bar-action i.action-note.active:before { content: '\e840'; }/* icon-note-on */
.profil-bar-action i.action-favori { font-size: 22px; }
.profil-bar-action i.action-favori.active:before { content: '\e860'; }/* icon-star-on-fill */
.profil-bar-action i.action-option { font-size: 7px; }
.profil-bar-action i.action-album { font-size: 21px; }

.profil-bar-action .action-flamme span,
.profil-bar-action .action-album span {
	font-family: 'Roboto-Medium';
    font-size: 12px;
    color: #b8b8b8;
    position: absolute;
    top: 4px;
    left: 72%;
}
.profil-bar-action .action-album span {
	left: 85%;
}
.profil-bar-action .action-album-lock {
	display: flex;
    position: absolute;
    right: 0;
    bottom: 5px;
    background-color: white;
    border-radius: 50%;
    padding: 3px;
}
.form-envoyer-flamme .fake-checkbox-container span {
    display: flex;
    align-items: center;
}
.form-envoyer-flamme .fake-checkbox-container span img {
    width: 28px;
    margin-left: 4px;
    margin-right: 10px;
    margin-top: -5px;
}
.form-envoyer-flamme .fake-checkbox-container {
    opacity: 0.7;
}
.form-envoyer-flamme .fake-checkbox-container.checked {
    opacity: 1; 
 }
.profil-sous-menu-content {
	display: none;
    position: absolute;
    right: 10px;
    background-color: white;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
    border-radius: 3px;
    z-index: 2;
    font-family: "Roboto-Regular";
    font-size: 16px;
    color: #000;
    bottom: 46px;
}
.profil-sous-menu-content:before {
    display: block;
    content: ' ';
    width: 100vw;
    height: 100vh;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
}
.profil-sous-menu-content div {
    padding: 15px;
    cursor: pointer;
	position: relative;
 }
 .profil-sous-menu-content div:hover {
     background-color: rgba(213, 212, 212, 0.7);
 }
.profil-sous-menu-content div .lock {
  	display: none;
    height: 12px;
    margin-left: 4px;
 }
 .profil-sous-menu-content div.disabled {
    padding: 15px;
    cursor: auto;
    opacity: 0.7;
 }
 .profil-sous-menu-content div.disabled .lock {
  	display: inline-block;
 }

 .profil-sous-menu-content__mon-profil {
	display: none;
    position: absolute;
    right: 10px;
    background-color: white;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
    border-radius: 3px;
    z-index: 2;
    font-family: "Roboto-Regular";
    font-size: 16px;
    color: #000;
    top: 60px;
    min-width: 205px;
    margin-bottom: 15px;
}
.profil-sous-menu-content__mon-profil div {
    padding: 15px;
    cursor: pointer;
 }
 .profil-sous-menu-content__mon-profil div:hover {
     background-color: rgba(213, 212, 212, 0.7);
 }
.profil-infos {
    margin: 0px 10px;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #d6d6d6;
}
.profil-infos__description, .profil-infos__description_short {
	color: #737373;
	font-size: 16px;
	margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
}
.profil-infos-row {
	margin-top: 15px;
	display: flex;
	align-items: baseline;
}
.profil-infos-column {
	margin-top: 15px;
}
.profil-infos__title {
	font-family: 'Roboto-Medium';
	color: black;
	font-size: 15px;
	min-width: 95px;
}
.profil-infos__title span {
	font-family: inherit;
}
.profil-infos__info {
	color: #737373;
	font-size: 15px;
}
.profil-infos__trip {
    color: #505050;
    font-size: 14px;
    background: #eaeaea;
    border-radius: 4px;
    padding: 3px 6px;
    margin: 5px 1px 0px 0px;
    display: inline-block;
}
.profil-infos__certif {
    width: 10px;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 4px;
}
i.profil-infos__certif {
  font-size: 10px;
  vertical-align: 1px;
}
.profil-infos-hetero {
    /*border-top: 1px solid #d6d6d6;*/
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
}
.profil-infos-hetero > .profil-infos-row:first-child .profil-infos-hetero-right .profil-infos__info img {
    width: 12px;
    margin-bottom: -1px;
    margin-left: 4px;
}
.profil-infos-hetero > .profil-infos-row:first-child .profil-infos-hetero-right .profil-infos__info i {
  font-size: 11px;
  vertical-align: 1px;
}
.profil-infos-hetero > .profil-infos-row:first-child .profil-infos-hetero-right > .profil-infos__info:first-child {
	/*color: #2e5f85;*/
	font-family: 'Roboto-Medium';
}
.profil-infos-hetero > .profil-infos-row:first-child .profil-infos-hetero-right > .profil-infos__info:nth-child(2) {
	/*color: #983072;*/
	font-family: 'Roboto-Medium';
}
.profil-infos__elle {
	color: #983072;
}
.profil-infos__lui {
	color: #2e5f85;
}
.profil-infos__trav {
	color: #e97c00;
}
.profil-infos-hetero > .profil-infos-row:nth-child(n + 2) .profil-infos__title {
	/* font-size: 16px; */
	/* font-family: 'Roboto-Regular'; */
}
.profil-infos-hetero .profil-infos-hetero-right {
    width: 100%;
    display: flex;
}
.profil-infos-hetero .profil-infos-hetero-right div {
    width: 50%;
}
.profil-lieu-frequentes {
    /*margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #d6d6d6;*/
    margin-bottom: 15px;
}
.profil-lieu-frequentes .profil-infos__title {
    border-top: 1px solid #d6d6d6;
    padding-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.profil-lieu-frequentes-liste {
    display: flex;
    flex-wrap: wrap;
    margin: 0 5px;
}
.profil-lieu-frequentes-liste .slick-list {
	padding: 0 9px;
}
.profil-lf-item {
    width: calc(33.333vw - 13.45px);
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
}
.profil-lf-item__top {
    position: relative;
    width: calc(33.333vw - 13.45px);
    height: calc(20vw);
}
.profil-lf-item__photo {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.profil-lf-item__type {
	font-family: 'Roboto-Bold';
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px 4px;
    padding-top: 20px;
    width: calc(100% - 8px);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 24%, rgba(0,0,0,0.16) 45%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.profil-lf-item__bottom {
    display: flex;
    align-items: baseline;
    margin-top: 4px;
}
.profil-lf-item__ville {
	font-family: 'Roboto-Bold';
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.profil-lf-item__distance {
	font-family: 'Roboto-Regular';
	font-size: 9px;
	color: #737373;
	white-space: nowrap;
    display: inline-block;
    margin-left: 4px;
}
#voir-plus-lieux  {
	cursor: pointer;
}
#voir-plus-lieux .profil-lf-item__top {
    border: 1px solid #d6d6d6;
}
#voir-plus-lieux .profil-lf-item__photo {
    font-family: 'Roboto-Medium';
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.profil-amis {
	margin: 0px 10px;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #d6d6d6;
}
.profil-amis__liste {
	display: flex;
	flex-wrap: wrap;
}
.profil-amis-item {
	width: 17vw;
    margin-right: calc(3.75vw - 5px);
    margin-top: 9px;
}
.profil-amis__liste .profil-amis-item:nth-child(5n) {
    margin-right: 0px;
}
.profil-amis-item__photo {
	position: relative;
	/*background-image: url();*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 17vw;
	height: 17vw;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
}
.profil-amis-item__photo-photo {
 	position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#voir-plus-amis .profil-amis-item__photo {
    background-image: none;
    font-family: 'Roboto-Medium';
    font-size: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.profil-amis-item__pseudo {
	font-family: 'Roboto-Medium';
	color: black;
	font-size: 10px;
	text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 4px;
}
.profil-temoignage {
	margin: 0px 10px;
    /*margin-bottom: 20px;*/
    padding-top: 15px;
    border-top: 1px solid #d6d6d6;
    /* border-bottom: 1px solid #d6d6d6; */
}
.profil-temoignage .profil-infos__title {
	margin-bottom: 20px;
}
.profil-temoignage__form {
    display: flex;
    align-items: flex-end;
    margin-top: -10px;
    margin-bottom: 20px;
}
.profil-temoignage__form textarea {
    border: 1px solid #e0e0e0;
    font-size: 15px;
    line-height: 18px;
    padding: 8px 10px 8px 10px;
    margin-right: 8px;
    border-radius: 2px;
    resize: none;
}
.profil-temoignage__form textarea::placeholder {
    color: #9b9b9b;
}
.profil-temoignage__form div.btn {
    font-size: 14px;
    padding: 11px 12px;
    font-weight: 400;
    line-height: 14px;
    overflow: inherit;
    cursor: pointer;
}
.profil-temoignage__liste {
    margin: 0 -10px;
}
.profil-temoignage-item {
    padding: 0px 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.profil-temoignage-item__photo {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 55px;
    min-width: 55px;
    height: 55px;
    min-height: 55px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 7px;
}
.profil-temoignage-item__photo-photo {
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.profil-temoignage-item-content {
	cursor: pointer;
}
.profil-temoignage-item-content__top {
    overflow: hidden;
	display: flex;
}
.profil-temoignage-item-content__age {
    border-right: 1px solid #000;
    padding: 1px 5px 1px 0;
    margin-right: 1px;
    font-family: "Roboto-Regular";
}
.hetero .profil-temoignage-item .profil-temoignage-item-content__age {
    padding: 0px;
    margin-right: 0px;
}
.hetero .profil-temoignage-item-content__age { border-right: none; }
.profil-temoignage-item-content__age img, .relations-item__age img, .temoignages-item__age img {
	width: 12px;
}
.profil-temoignage-item-content__age i, .relations-item__age i, .temoignages-item__age i {
  font-size: 14px;
  vertical-align: 2px;
}
.profil-temoignage-item-content__pseudo {
	font-family: 'Roboto-Medium';
	font-size: 16px;
	margin-left: 5px;
}
.profil-temoignage-item-content .profil-certif-icone {
    width: 10px;
    height: 10px;
    margin-top: 3.5px;
    cursor: pointer;
    margin-left: 3px;
}
.profil-temoignage-item-content i.profil-certif-icone {
    font-size: 10px;
    width: auto;
    margin-top: 2.5px;
}
.profil-temoignage-item-content__temoignage {
	font-size: 14px;
	color: #737373;
	margin-top: 2px;
}
.profil-temoignage-item-content__date {
	font-style: italic;
	font-size: 12px;
	color: #a3a3a3;
	margin-top: 2px;
}
.repondre_temoignage {
  font-family: 'Roboto-Regular';
  font-size: 11px;
  color: #acacac;
  margin-top: 6px;
  cursor: pointer;
}
.supprimer_temoignage, .supprimer_temoignage_rep {
	align-self: flex-start;
	cursor: pointer;
}
.supprimer_temoignage img, .supprimer_temoignage_rep img {
	height: 18px;
	cursor: pointer;
	padding-right: 10px;
}
.supprimer_temoignage i, .supprimer_temoignage_rep i {
  color: #bababa;
  padding-right: 10px;
  cursor: pointer;
  vertical-align: top;
  font-size: 18px;
}
.profil-temoignage-item-reponse {
  margin-left: 25px;
}
.profil-temoignage-item__photo.mini {
  width: 38px;
  height: 38px;
  min-width: 34px;
  min-height: 34px;
}
.profil-temoignage-item-reponse .profil-temoignage-item-content__temoignage,
.profil-temoignage-item-reponse .profil-temoignage-item-content__date {
  display: inline-block;
}
#form-search img, #form-search i {
	width: 8px;
	height: auto;
}
#form-search.search-like input {
    width: calc(100% - 88px);
}
#form-search.search-like input::placeholder {
	color: #9b9b9b;
}
#profil-temoignage-afficher-plus {
	margin: 20px 10px;
}
#profil-modifier {
	border: 1px solid;
	margin-bottom: 20px;
}
#profil-signaler {
	font-style: italic;
	font-size: 13px;
	color: #737373;
	text-decoration: underline;
	text-align: center;
	cursor: pointer;
	padding: 20px 0px;

    /*position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 0px;*/
}
.isc_scroller #profil-signaler {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: -1px;
	padding-bottom: 20px;
	margin-right: 10px;
    margin-left: 10px;
}
.son-plan__titre {
	font-family: 'Roboto-Bold';
	font-size: 16px;
}
.son-plan__description {
	font-size: 16px;
	color: #737373;
	font-family: 'Roboto-Regular';
	line-height: 1.4;
    margin: 5px 0;
}
.son-plan__date {
	font-style: italic;
	font-size: 12px;
	color: #a3a3a3;
	margin-top: 4px;
}
/** /PROFIL **/

/** PROFIL ALBUM PHOTO **/
#profil-album {
	display: none;
    background: rgba(0,0,0,0.9);
    position: fixed;
    z-index: 3;
    top: 0;
    min-height: 100vh;
    width: 100%;

    display: block;
    background: black;
    position: relative;
    z-index: initial;
}
.profil-album-content {
   /* overflow: auto;
    -webkit-overflow-scrolling: touch;*/
    position: inherit;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.album-top-bar {
    padding: 10px 10px;
	display: flex;
    align-items: center;

    position: fixed;
    top: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.9);
    width: 100%;
}
.profil-back-album {
	width: 35px;
	padding-right: 11px;
}
.album-top-bar__photo {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #d6d6d6;
    border-radius: 3px;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	position: relative;
}
.album-top-bar__photo .picto-etat-connexion {
    height: 8px;
    width: 8px;
    border: 2px solid #0f0f0f;
}
.album-top-bar__age {
	font-size: 16px;
	color: white;
    padding-right: 5px;
    margin-right: 2px;
    border-right: 1px solid white;
}
.album-top-bar__age img {
    height: 16px;
    margin-bottom: -2px;
}
.album-top-bar__pseudo {
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: white;
}
.album-top-bar__certif {
    width: 8px;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 4px;
}
.album-liste {
	padding-bottom: 50px;
    padding-top: 59px;
}
.album-item {
    display: flex;
    flex-wrap: wrap;
}
.album-item .album-title {
	font-size: 13px;
    color: #c0c0c0;
    width: 100%;
    margin: 8px 0px 4px 1.5vw;
}
.album-photo-item {
	/*width: 32vw;
	height: 32vw;
	position: relative;
	margin: 0px 0px 1vw 1vw;
	overflow: hidden;
	cursor: pointer;*/
    width: 31.5vw;
    height: 31.5vw;
    position: relative;
    margin: 0px 0px 1vw 1.3555vw;
    overflow: hidden;
    cursor: pointer;
}
.album-photo-item .album-photo-item__photo {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.album-photo-item .album-picto-play {
    width: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.album-photo-item .album-picto-cadena {
    width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.album-photo-item .album-picto-duree {
    position: absolute;
    right: 6px;
    bottom: 6px;
    color: white;
    font-size: 13px;
    background-color: rgba(0,0,0,0.7);
    padding: 4px 6px;
    border-radius: 4px;
}
/** /PROFIL ALBUM PHOTO **/

/** PROFIL DIAPO PHOTO **/
#profil-diapo {
	display: none;
    background: rgba(0,0,0,1);
    position: fixed;
    z-index: 3;
    top: 0;
    min-height: 100%;
    width: 100%;
}
/*.profil-album-content {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: inherit;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}*/
.diapo-top-bar {
    width: calc(100% - 20px);
	padding: 10px 10px;
    padding-bottom: 30px;
	/*display: flex;*/
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
img.profil-back-diapo {
	width: 35px;
	padding-right: 11px;
}
i.profil-back-diapo {
  font-size: 14px;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  margin-right: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.6);
}
.diapo-top-bar__photo {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #d6d6d6;
    border-radius: 3px;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	position: relative;
}
.diapo-top-bar__photo .picto-etat-connexion {
    height: 8px;
    width: 8px;
    border: 2px solid #0f0f0f;
}
.diapo-top-bar__age {
	font-size: 16px;
	color: white;
    padding-right: 5px;
    margin-right: 2px;
    border-right: 1px solid white;
}
.diapo-top-bar__age img {
    height: 16px;
    margin-bottom: -2px;
}
.diapo-top-bar__age i {
  font-size: 16px;
  vertical-align: 0px;
}
.diapo-top-bar__pseudo {
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: white;
}
.diapo-top-bar__certif {
    width: 8px;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 4px;
}
.diapo-top-bar__titre {
	color: #c0c0c0;
	font-size: 13px;
	margin-left: 46px;
	margin-top: 4px;
}
.profil-diapo-photo-album__photo {
    font-size: 12px;
    line-height: 15px;
    color: white;
    background-color: #302e2f;
    cursor: pointer;
    margin-left: 8px;
    border-radius: 50%;
    position: relative;
    width: 35px;
    height: 35px;
}
.profil-diapo-photo-album__photo span {
    font-family: 'Roboto-Medium';
    font-size: 8px;
    color: white;
    background-color: #302e2f;
    border-radius: 8px;
    padding: 1px 4px;
    position: absolute;
    top: 2px;
    left: 66%;
    min-width: 9px;
    text-align: center;
}
.profil-diapo-photo-album__photo .profil-diapo-photo-album__photo-lock {
    display: flex;
    position: absolute;
    right: 1px;
    bottom: 6px;
    background-color: #302e2f;
    border-radius: 50%;
    padding: 3px;
}
.profil-diapo-photo-album__photo .profil-diapo-photo-album__photo-lock img {
    height: 8px;
}
.profil-diapo-photo-album__photo > img {
    width: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.profil-diapo-photo-album__photo > i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
/*.profil-diapo-photo-album__photo span {
    margin-right: 6px;
    margin-left: 3px;
}
.profil-diapo-photo-album__photo span img {
    width: 12px;
    margin-bottom: -1px;
    margin-right: 2px;
    margin-left: -3px;
}
.profil-diapo-photo-album__photo img {
    width: 16px;
    margin-bottom: -2px;
}*/
.profil-diapo-photo-album__options {
	cursor: pointer;
	position: relative;
	display: none;
}
.profil-diapo-photo-album__options > img {
	height: 16px;
	transform: rotate(90deg);
}
.profil-diapo-photo-album__options > i {
  height: 22px;
  font-size: 4px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.profil-diapo-photo-album__options .option-generique-liste {
    width: 198px;
}
.profil-diapo-slick .slick-track {
	height: 100vh;
}
.profil-diapo-slick .slick-slide {
    display: flex!important;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    overflow: hidden;
}
/*.profil-diapo-container {
    max-height: 75%;
    max-width: auto;
	position: relative;
	display: flex;
}*/
.profil-diapo-slick .slick-slide img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    display: inline-block;
    object-fit: contain;
}
/*.profil-diapo-slick .slick-slide img:not(.profil-diapo-btn-play) {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    display: block;
}*/
.profil-diapo-slick .profil-diapo-video {

}
.profil-diapo-slick img.profil-diapo-btn-play {
    width: 55px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: initial;
    display: block;
}
.profil-diapo-slick .profil-diapo-duree {
    right: 8px;
    bottom: 8px;
    color: white;
    font-size: 15px;
    background-color: rgba(0,0,0,0.7);
    padding: 4px 6px;
    border-radius: 4px;
    margin-top: -34px;
    margin-right: 10px;
    align-self: flex-end;
}
/*.profil-diapo-slick .profil-diapo-duree {
    position: absolute;
    right: 8px;
    bottom: 8px;
    color: white;
    font-size: 15px;
    background-color: rgba(0,0,0,0.7);
    padding: 4px 6px;
    border-radius: 4px;
}*/
.profil-diapo-slick .profil-diapo-masked img {
	filter: blur(15px) brightness(0.5);
}
.profil-diapo-slick .profil-diapo-masked > div {
	position: absolute;
}
.profil-diapo-slick .profil-diapo-masked .demander_acces {
	font-family: 'Roboto-Medium';
	font-size: 18px;
	color: white;
	padding: 20px 34px;
	border: 1px solid white;
	border-radius: 3px;
	margin-top: 17px;
	cursor: pointer;
}
.profil-diapo-slick .profil-diapo-masked > div img {
	filter: blur(0);
    height: 85px;
}
.masked-div img {
	margin-left: 50%;
    transform: translateX(-50%);
}
.profil-diapo-total {
    position: fixed;
    bottom: 50px;
    left: 50%;
    /*transform: translateX(calc(-50% + 25px));*/
    transform: translateX(calc(-50% + 0px));
    z-index: 1;
    color: white;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    font-weight: bold;
    display: flex;
}
.profil-diapo-total > div:first-child {
    display: block;
    padding: 5px 15px;
    border-radius: 6px;
    background-color: rgba(51, 50, 49, 0.7);
}
.profil-diapo-total .profil-diapo-album-btn {
	width: 25px;
    height: 25px;
    margin-left: 10px;
}

.diapo-bottom-bar {
    /*position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    color: white;*/
    position: fixed;
    z-index: 1;
    bottom: 0;
    width: 100%;
    color: white;
}
.diapo-bottom-bar-content {
	position: initial;
}
.profil-diapo-commentaire,
.profil-diapo-like {
    /*overflow: auto;*/
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 38px);
    display: none;
    background-color: white;
    color: black;
    /*border-radius: 3px;*/
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;


    position: fixed;
    bottom: 38px;
    /*top: 0;*/
    width: 100%;
    height: calc(100% - 38px);

    /*overflow: hidden;*/
}
.profil-diapo-like .profil-diapo-commentaire-top__infos {
	justify-content: space-between;
	cursor: pointer;
}
.profil-diapo-like .left,
.profil-diapo-like .right {
	display: flex;
	align-items: center;
}
.profil-diapo-like .rechercher-like-btn {
    padding: 8px 9px;
    padding-right: 0;
    margin-right: 0px;
    width: 19px;
    box-sizing: content-box;
    opacity: 0.7;
}
.profil-diapo-commentaire::after,
.profil-diapo-like::after {
    content: "";
    position: fixed;
    bottom: 34px;
    right: 70px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #fff transparent transparent;
}
.profil-diapo-like::after {
	left: 70px;
	right: unset;
}
.profil-diapo-commentaire.hide-after::after {
	opacity: 0;
}
.profil-diapo-commentaire__liste {
	margin-top: 88px;
	margin-bottom: 51px;

	overflow: auto;
	-webkit-overflow-scrolling: touch;
    height: calc(100% + -140px);
}
.profil-diapo-commentaire__liste.profil-diapo-commentaire__liste-sm {
	margin-top: 47px;
    height: calc(100% + -99px);
}
.profil-diapo-like__liste {
	margin-top: 47px;
	margin-bottom: 0px;

	overflow: auto;
	-webkit-overflow-scrolling: touch;
    height: calc(100% + -47px);
}
.diapo-bottom-bar__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 38px;
    margin: 0 10px;
    padding: 0px 0px;
    border-top: 1px solid #b8bbc4;
    font-size: 14px;
    /*background-color: rgba(0,0,0,0.5);*/
}
.diapo-bottom-bar__actions.flex {
	display: flex!important;
}
.diapo-bottom-bar__actions > div {
    padding: 9px 0;
    cursor: pointer;
}
.diapo-bottom-bar__bg {
    width: 100%;
    height: 94px;
    padding: 0 0!important;
    position: absolute;
    margin-left: -10px;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.diapo-bottom-bar__actions img {
    width: 16px;
    padding-right: 8px;
    margin-bottom: -3px;
    box-sizing: content-box;
}
.diapo-bottom-bar__actions i {
  padding-right: 8px;
  margin-bottom: -3px;
}
.diapo-bottom-bar__actions i.icon-like {
    vertical-align: 1px;
}
.diapo-bottom-bar__actions span {
    color: black;
    font-size: 12px;
    background-color: white;
    border-radius: 30px;
    padding: 3px 9px;
    margin-left: 8px;
    transition-duration: 0.3s;
}
.diapo-bottom-bar__actions > div.active span {
	color: white;
}
.profil-diapo-commentaire__top {
    position: fixed;
    top: 0;
    background-color: white;
    width: 100%;
    z-index: 1;

    /** FIX SHAKING EFFECT ON IOS **/
    /*overflow: hidden;
    position: sticky;
    position: -webkit-sticky;
    top:0px*/
}
.profil-diapo-commentaire-top__infos {
	height: 46px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #c7c7c7;
	font-size: 18px;
    color: #404040;
    font-family: 'Roboto-Medium';
    padding: 0 10px;
}
.profil-diapo-commentaire-top__infos span {
	font-family: 'Roboto-Medium';
}
.profil-diapo-commentaire-top__infos img {
  padding: 6px 0px;
  padding-right: 30px;
  margin-right: 0px;
  width: 8px;
  box-sizing: content-box;
}
.profil-diapo-commentaire-top__infos i {
  padding: 6px 0px;
  padding-right: 22px;
  margin-right: 0px;
  vertical-align: 2px;
}
.profil-diapo-commentaire-top__like {
	height: 40px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #efefef;
	font-size: 13px;
    color: black;
    padding: 0 10px;
    cursor: pointer;
}
.profil-diapo-commentaire-top__like span {
	font-family: 'Roboto-Bold';
}
.profil-diapo-commentaire-top__miniature {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    border: 1px solid #d6d6d6;
    margin-right: 5px;
    width: 19px;
    height: 19px;
}
.profil-diapo-commentaire__bottom {
    position: fixed;
    bottom: 38px;
    width: 100%;
    display: flex;
    background-color: white;
    border-top: 1px solid #c7c7c7;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.profil-diapo-commentaire__bottom textarea {
    font-size: 16px;
    padding: 16px 10px;
    height: auto;
    line-height: 19px;
    resize: none;
    border-bottom-left-radius: 3px;
}
.profil-diapo-commentaire__bottom #btn-send {
	margin-right: 10px;
	margin-bottom: 9px;
}
.profil-diapo-commentaire__item {
	margin: 0px 10px;
	/*border-bottom: 1px solid #efefef;*/
	padding: 10px 0px;
}
.diapo-commentaire__top {
	display: flex;
	margin-bottom: 5px;
	position: relative;
}
.diapo-commentaire__photo {
	width: 32px;
	height: 32px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    margin-right: 8px;
    position: relative;
    cursor: pointer;
}
.diapo-commentaire__photo-photo {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 2px;
}
.diapo-commentaire__photo .picto-etat-connexion {
    height: 8px;
    width: 8px;
    box-sizing: content-box;
    border: 2px solid white;
}
.diapo-commentaire__infos {
	font-size: 14px;
	color: black;
    font-weight: 400;
    cursor: pointer;
}
.diapo-commentaire__age {
    border-right: 1px solid #000;
    padding: 0px 1px 0px 0;
    margin-right: 4px;
    font-family: "Roboto-Regular";
}
.hetero .diapo-commentaire__age { border-right: none; }
.diapo-commentaire__age img {
	height: 11px;
}
.diapo-commentaire__genre {
	border-right: none;
}
.diapo-commentaire__age i {
    vertical-align: 2px;
}
.diapo-commentaire__pseudo {
	font-family: 'Roboto-Medium';
}
.diapo-commentaire__date {
	font-style: italic;
	font-size: 12px;
	color: #b9b9b9;
    margin-top: 2px;
}
.diapo-commentaire__supprimer {
    position: absolute;
    right: 0;
    bottom: 0px;
    padding: 2px 10px;
    margin-right: -10px;
    cursor: pointer;
    color: #bababa;
}
.diapo-commentaire__supprimer img {
    height: 21px;
}
.diapo-commentaire__supprimer i {
  font-size: 21px;
  display: flex;
  margin-bottom: 5px;
}
.diapo-commentaire__message {
	font-size: 12px;
	color: #7f7f7f;;
}
.diapo-commentaire__repondre {
	color: #acacac;
	font-size: 11px;
	margin-top: 5px;
	font-weight: 600;
	cursor: pointer;
}
.profil-diapo-like__item {
    margin: 0px 10px;
    /*border-bottom: 1px solid #efefef;*/
    padding: 10px 0px;
}
.diapo-like__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.diapo-like__photo {
    width: 32px;
    height: 32px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    margin-right: 8px;
    position: relative;
}
.diapo-like__photo .picto-etat-connexion {
	width: 8px;
	height: 8px;
    border: 2px solid white;
	box-sizing: content-box;
}
.diapo-like__infos {
    font-size: 14px;
    color: black;
    font-weight: 600;
}
.diapo-like__age {
    border-right: 1px solid #000;
    padding: 1px 4px 1px 0;
    margin-right: 4px;
    font-family: 'Roboto-Medium';
    font-weight: normal;
}
.diapo-like__age img {
	height: 11px;
}
.diapo-like__pseudo {
	font-family: 'Roboto-Medium';
	font-weight: normal;
}
.diapo-like__pratique {
    font-style: italic;
    font-size: 12px;
    color: #b9b9b9;
}
.diapo-like__distance {
	font-size: 11px;
	font-family: 'Roboto-Regular';
	font-weight: initial;
	color: #b9b9b9;
}
.diapo-like__chat {
    width: 21px;
    height: 21px;
    padding: 4px 0px;
    padding-left: 15px;
    cursor: pointer;
    box-sizing: content-box;
}
i.diapo-like__chat {
  font-size: 21px;
  display: flex;
}
#form-search.search-like {
	position: absolute;
    width: calc(100% - 20px);
    margin: 0;
    white-space: nowrap;
}
#form-search.search-like input {
	width: calc(100% - 30px);
}
#form-search.search-like img {
    height: 15px;
    margin-bottom: -2px;
}
.diapo-commentaire__sous-reponse-liste {
	display: none;
	margin-left: 20px;
	margin-top: 5px;
}
.diapo-commentaire__sous-reponse-voir-plus {
    font-size: 12px;
    color: black;
    cursor: pointer;
    font-family: 'Roboto-Medium';
    padding: 5px 0px 2px 0px;
}
.diapo-commentaire__sous-reponse-textarea {
	display: flex;
	padding-top: 10px;
}
.diapo-commentaire__sous-reponse-textarea textarea {
	border: 1px solid #d3d3d3;
    border-radius: 3px;
    resize: none;
    padding-left: 10px;
    min-height: 30px;
    font-size: 15px;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 0;
    /*align-self: flex-end;*/
}
.btn-send-sous-com {
    height: 30px;
	min-height: 30px;
    width: 34px;
    min-width: 34px;
    border-radius: 3px;
    margin-left: 5px;
    transition-duration: .5s;
    align-self: flex-end;
    position: relative;
    cursor: pointer;
    margin-bottom: 0px;
}
.btn-send-sous-com img {
    display: block;
    width: 12px;
    margin: 7px 0 7px 7px;
    transition-duration: 0.5s;
}
.btn-send-sous-com i {
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-42%,-50%);
}
.diapo-commentaire__sous-reponse-repondre {
	display: none;
    color: #acacac;
    font-size: 11px;
    margin-top: 5px;
    font-weight: 600;
    cursor: pointer;
}
.diapo-commentaire__sous-reponse-liste .profil-diapo-commentaire__item {
	margin: 0 0;
	border-bottom: none;
	padding: 5px 0px;
}
/*.diapo-commentaire__sous-reponse-liste < div.profil-diapo-commentaire__item:last-of-type {
	border-bottom: none;
    padding-bottom: 0;
}*/
.diapo-commentaire__sous-reponse-liste > div:nth-last-child(3) {
	border-bottom: none;
    padding-bottom: 0;
}
/** /PROFIL DIAPO PHOTO **/

/** PAGE ACCES PREMIUM **/
.acces-premium-container {

}
#acces-premium .text-info-intro {
	font-size: 15px;
	text-align: center;
	padding: 0px 10px;
	background: #fafafa;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 19px;
}
.acces-premium-liste {
	padding: 0px 10px;
	background: #fafafa;
	padding-bottom: 14px;
	border-bottom: 1px solid #d6d6d6;
}
.acces-premium-liste > div > div {
	display: flex;
    align-items: center;
    color: #4a4a4a;
    font-size: 14px;
    padding-bottom: 10px;
}
.acces-premium-liste img {
	width: 13px;
    margin-right: 5px;
}
.acces-premium-liste i {
    font-size: 14px;
    margin-right: 5px;
}
.acces-premium-check-top, .acces-premium-check-bottom {
    margin: 20px 10px;
    margin-bottom: 0px;
}
.form-check-top, .form-check-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.acces-premium-check-top .fake-checkbox-container,
.acces-premium-check-bottom .fake-checkbox-container {
	display: inline-flex;
	width: 50%;
	opacity: 1;
}
.acces-premium-check-top .fake-checkbox-container.checked,
.acces-premium-check-bottom .fake-checkbox-container.checked {
	opacity: 1;
}
.acces-premium-check-top .fake-checkbox-container:nth-child(2n),
.acces-premium-check-bottom .fake-checkbox-container:nth-child(2n) {
	justify-content: flex-end;
}
.acces_premium-separator {
	height: 22px;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-color: #fafafa;
}
.acces-premium-section {
    /*border-bottom: 1px solid #d6d6d6;*/
    padding: 0 10px;
    transition-duration: 0.5s;
}
.acces-premium-section.no-active {
	opacity: 0;
	display: none;
}
.acces-premium-section.active {
	opacity: 1;
	display: block;
}

.acces-premium__title {
	position: relative;
    font-size: 16px;
    font-family: "Roboto-Bold";
    padding: 15px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}
.acces-premium-section.top .acces-premium__title,
.acces-premium-section.bottom .acces-premium__title {
	display: none;
}
.acces-premium__title span {
	font-size: 14px;
	color: #646464;
	font-style: italic;
	font-weight: normal;
}

.acces-premium-section .acces-premium-slide {
    display: none;
}

.acces-premium-section.active .acces-premium-slide {
    display: block;
    /*border-top: 1px solid #d6d6d6;*/
}
.acces-premium-section.bottom.paypal {
	border: none!important;
	padding: 0 10px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
}
img.acces-premium__illustration {
    height: 25px;
    margin-top: -2px;
}
img.acces-premium__fleche {
    width: 15px;
    margin-left: 25px;
    transform: rotate(-90deg);
}
.acces-premium-section img.acces-premium__fleche-retour {
    display: none!important;
    width: 15px;
    margin-right: 25px;
    transform: rotate(90deg);
}
.acces-premium-section.active img.acces-premium__fleche {
    transform: rotate(180deg);
    display: none;
}
.acces-premium-section.active img.acces-premium__fleche-retour {
    display: inline;
}
.acces-premium-section i.acces-premium__fleche-retour {
    display: none!important;
    width: 15px;
    margin-right: 25px;
    transform: rotate(90deg);
    font-size: 10px;
}
.acces-premium-section.active i.acces-premium__fleche {
    transform: rotate(180deg);
    display: none;
}
.acces-premium-section.active i.acces-premium__fleche-retour {
    display: inline-flex;
}
.acces-premium-txt {
	font-size: 14px;
	color: black;
	text-align: center;
}
.acces-premium-garanti {
	color: #8e8e8e;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	margin-bottom: 14px;
}
.fieldset_v5 {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    margin-bottom: 30px;
}
.fieldset_v5 input, .fieldset_v5 textarea {
    width: 100%;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    border-bottom: 1px solid #9e9e9e;
    padding: 5px 25px 5px 0;
    box-sizing: border-box;
}
.fieldset_v5 textarea {
    resize: none;
    padding: 5px 0;
}
.fieldset_v5 label {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: #757575;
    transform: translate3d(0, 0, 0);
    line-height: normal;
    padding: 5px 0;
    transition: all 0.2s ease-in-out;
    cursor: text;
    opacity: 0.8;

    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    width: 100%;
}
/** SELECT **/
select {
	width: 100%;
	font-family: 'Roboto-Regular';
	font-size: 16px;
	background-color: transparent;
	border-bottom: 1px solid #9e9e9e;
	padding: 5px 12px 5px 0;
	box-sizing: border-box;
}
select .select-placeholder {
	color: #d5d4d4;
}
/** /SELECT **/
.fieldset-date-select {
	display: flex;
	flex: 1 1 20%;
}
.fieldset-date-select .form-select { position: relative; width: 30%; }
.fieldset-date-select .form-select + .form-select { position: relative; width: 40%; margin-left: 15px; }
.fieldset-date-select .form-select-jour, .fieldset-date-select .form-select-annee {
	position: relative; width: 30%!important;
}
.fieldset-date-select .form-select-mois {
	position: relative; width: 40%!important;
}

.fieldset_v5 input[data-empty="false"] + label,
.fieldset_v5 input:valid + label,
.fieldset_v5 input:focus + label,
.fieldset_v5 input + label.mobiscroll-animation,
.fieldset_v5 textarea[data-empty="false"] + label,
.fieldset_v5 textarea:valid + label,
.fieldset_v5 textarea:focus + label,
.fieldset_v5 .label-active {
    font-size: 12px;
    transform: translate3d(0, -20px, 0);
    opacity: 1;
}
.fieldset_v5 .fieldset_v5-label {
	position: relative;
    font-family: 'Roboto-Regular';
    color: #757575;
    line-height: normal;
    padding: 5px 0;
    transition: all 0.2s ease-in-out;
    cursor: text;
    opacity: 1;
    font-size: 12px;
    margin-bottom: 0px;
    display: block;
}
.fieldset_v5 label.checkbox-v5 {
	opacity: 1;
	position: initial;
	padding-bottom: 15px;
}
label.checkbox-v5 span.checkbox-v5-txt {
	margin-left: 25px;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: #333;
}
.fieldset-taille-poids-pointure .fieldset_v5 input {
    padding: 5px 15px 5px 0;
}
.fieldset-taille-poids-pointure fieldset:nth-child(1) {
    width: 33%;
}
.fieldset-taille-poids-pointure fieldset:nth-child(2) {
    width: 32%;
}
.fieldset-taille-poids-pointure fieldset:nth-child(3) {
    width: 35%;
}
/*** ***/
.fieldset_v5 input#email_recu + label {
	font-size: 12px;
    transform: translate3d(0, -20px, 0);
    opacity: 1;
}
.fieldset_v5 input#email_recu:placeholder-shown + label {
    font-size: 16px;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
}
.fieldset_v5 input#email_recu:focus + label {
	font-size: 12px;
    transform: translate3d(0, -20px, 0);
    opacity: 1;
}
/*** ***/
.fieldset_v5.error input, .fieldset_v5.error textarea {
	border-color: #d50000;
}
.fieldset_v5 .icon-error {
    display: none;
    position: absolute;
    right: 0;
    top: 4px;
    width: 21px;
}
.fieldset_v5 i.icon-error {
    font-size: 21px;
    top: 2px;
    width: auto;
    color: #e50a2e;
}
.fieldset_v5 .icon-error.icon-remove {
    top: 2px;
    right: -6px;
    width: 26px;
    cursor: pointer;
}
.fieldset_v5 .text-error img {
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
}
.fieldset_v5 .text-error i {
    color: #d50000;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 0;
}
.fieldset_v5.error .text-error, .fieldset_v5.error .icon-error, .fieldset_v5.error .text-error {
    display: block;
}
.fieldset-textarea .text-error {
    position: relative;
    margin-top: 6px;
}
.fieldset-password-eye {
}
.fieldset-password-eye .password-eye {
	width: 19px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 7px 0px 7px 7px;
    cursor: pointer;
    box-sizing: content-box;
    display: none;
}
.acces-premium-checkbox {
    margin-top: 20px;
}
.acces-premium-checkbox .fake-checkbox-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 10px;
	margin: 0px;
	padding-left: 20px;
	position: relative;
	cursor: pointer;
    transition-duration: 0.5s;
}
.acces-premium-checkbox > .fake-checkbox-container.abo-paypal:last-child,
.acces-premium-checkbox > .fake-checkbox-container.abo-paysafecard:last-child,
.acces-premium-checkbox.cheque > .fake-checkbox-container:last-child {
	border-bottom: 1px solid #d6d6d6;
}
.acces-premium-checkbox__txt {
	color: #4c4c4c;
	font-size: 14px;
	font-family: Roboto-Bold;
}
.acces-premium-checkbox__txt span {
	font-size: 10px;
	font-weight: normal;
}
.acces-premium-checkbox__prix {
	font-weight: bold;
	font-size: 16px;
	color: #4c4c4c;
	margin-right: 24px;
	margin-right: 8px;
}
.acces-premium-checkbox__prix span {
	font-size: 11px;
	vertical-align: top;
}
.acces-premium__pastille {
    background: black;
    font-size: 11px;
    text-transform: uppercase;
    color: white;
    padding: 8px 8px;
    position: absolute;
    top: -20px;
    left: 4px;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.acces-premium-checkbox .fake-checkbox-container.checked div,
.acces-premium-checkbox .fake-checkbox-container.checked span {
	color: white;
}
.acces-premium-checkbox > .fake-checkbox-container .fake-checkbox {
    align-self: center;
}
.acces-premium-checkbox > .fake-checkbox-container.checked .fake-checkbox {
    border: 2px solid white;
    align-self: center;
}
.acces-premium-checkbox > .fake-checkbox-container.checked .fake-checkbox div {
	background-color: white!important;
}
/*.acces-premium-checkbox > div:first-of-type div,
.acces-premium-checkbox > div:first-of-type span {
	color: white;
}
.acces-premium-checkbox > div:first-of-type .fake-checkbox {
    border: 2px solid white;
}
.acces-premium-checkbox > div:first-of-type .fake-checkbox > div,
.acces-premium-checkbox > div:first-of-type .fake-checkbox-container.checked .fake-checkbox div {
	background-color: white!important;
}*/
.acces-premium-checkbox.cheque > div:first-of-type {
	/*background-color: white;
	border: 1px solid black;*/

	background-color: #d6d6d6;
}
/*.acces-premium-checkbox.cheque > div:first-of-type div {
	color: #4c4c4c;
}*/
.acces-premium__retour {
	display: none;
	border-bottom: 1px solid #d6d6d6;
    margin: 0 10px;
}
.acces-premium__retour-title {
    position: relative;
    font-size: 14px;
    font-family: "Roboto-Medium";
    padding: 15px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}
.acces-premium__retour .acces-premium__fleche-retour {
    width: 15px;
    margin-right: 15px;
    margin-left: 0px;
    transform: rotate(90deg);
}
.acces_premium__infos {
	display: flex;
	justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    color: white;
}
.acces_premium__infos-left {
    font-family: Roboto-Bold;
    font-size: 14px;
}
.acces_premium__infos-right {
    font-family: Roboto-Bold;
    font-size: 16px;
}
span.promo-premium {
    color: white;
    margin-right: 10px;
    padding: 5px 10px;
    font-family: Roboto-Medium;
}
#generique-scroll-bottom-fixed {
    border-radius: 50%;
    position: fixed;
    background: rgba(255,255,255, 0.7);
    bottom: 15px;
    right: 15px;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin-bottom: env(safe-area-inset-bottom);
    transition-duration: 0.5s;
}
#generique-scroll-bottom-fixed > img {
    width: 19px;
    margin-bottom: -3px;
}
#generique-scroll-bottom-fixed:hover {
	background: rgba(255,255,255, 1);
}
/** /PAGE ACCES PREMIUM **/

/** PAGE ACCES PREMIUM2 **/
.acces-premium2-item {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 8px;
    margin: 0;
    min-height: 64px;
    position: relative;
    cursor: pointer;
    transition-duration: .5s;
}
.acces-premium2-item + .acces-premium2-item {
	border-top: 1px solid #eeecec;
}
.acces-premium2-item__txt {
    color: #4c4c4c;
    font-size: 14px;
    font-family: 'Roboto-Bold';
	/*margin-left: 8px;*/
}
.acces-premium2-item__txt span {
    font-size: 10px;
    font-weight: 400;
}
.acces-premium2-item__pastille {
	background-color: #4c4c4c;
	font-family: 'Roboto-Bold';
	color: #ffffff;
	font-size: 17px;
	width: 46px;
	min-width: 46px;
	height: 46px;
	min-height: 46px;
	border-radius: 50%;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-right: 5px;
}
.acces-premium2-item__pastille span {
	font-size: 11px;
    margin-bottom: 5px;
}
.acces-premium2-item__prix {
	font-family: 'Roboto-Bold';
    font-weight: 700;
    font-size: 16px;
    color: #4c4c4c;
	min-width: 87px;
    text-align: right;
}
.acces-premium2-item__prix span {
    font-size: 11px;
	font-size: 68%;
    vertical-align: top;
}
.acces-premium2-item__prix i {
	font-size: 28px;
}
.acces-premium2-item.checked .acces-premium2-item__txt,
.acces-premium2-item.checked .acces-premium2-item__prix {
	color: var(--main-color);
}
.acces-premium2-item.checked .acces-premium2-item__pastille { background-color: var(--main-color); }
.acces-premium2-item.checked .fake-checkbox { border-color: var(--main-color); }
.acces-premium2-item.checked .fake-checkbox div {
    display: block;
}
.premium-promo-item {
	display: none;
	position: absolute;
    top: 42px;
    background: #4c4c4c;
    right: 0;
    z-index: 1;
    color: #ffffff!important;
	border-radius: 3px;
	width: calc(100% - 20px - 24px);
	transform: rotate(-2deg);
	padding: 0 4px;
    min-height: 58px;
}
.premium-promo-item div, .premium-promo-item span {
	color: #ffffff!important;
}
.premium-promo-item .acces-premium2-item__prix {
	min-width: 1px;
	margin-left: 5px;
}
.acces-premium2-item.promo-active {
	padding-bottom: 40px;
}
.acces-premium2-item.promo-active .premium-promo-item {
	display: flex;
}
.acces-premium2-item.promo-active > .d-flex {
	opacity: 0.5;
}
.acces-premium2-item.promo-active.checked .premium-promo-item {
	background: var(--main-color);
}

.acces-premium2-hr {
    background-color: #fafafa;
    height: 20px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    width: calc(100% + 20px);
    margin-left: -10px;
}
.acces-premium2-infos-btn {
	border: 1px solid #707070;
	border-radius: 50%;
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 15px;
	width: 15px;
	min-width: 15px;
	position: relative;
	margin-right: 16px;
}
.acces-premium2-infos-container {
	display: none;
	background-color: #fff;
    border: 1px solid #707070;
    border-radius: 3px;
    padding: 6px 8px;
    text-align: left;
    z-index: 1;
    position: absolute;
    width: calc(100vw - 40px);
    top: calc(100% + 9px);
	right: -16px;
	color: #4c4c4c;
    font-size: 14px;
    line-height: 1.6;
}
.acces-premium2-infos-btn:hover .acces-premium2-infos-container {
	display: block;
}
.acces-premium2-paiement-liste {
	display: flex;
	align-items: center;
	width: 100%;
    justify-content: center;
	margin-left: calc(17px + 16px);
}
.acces-premium2-paiement-item {
	font-size: 20px;
	color: #717171;
	padding: 0px 8px;
	margin: 0 5px;
	cursor: pointer;
}
.acces-premium2-paiement-item.selected { color: var(--main-color); }
/** /PAGE ACCES PREMIUM2 **/

/** SWITCH COLOR TEXT **/
.switch-txt .switch-dot {
    background-color: #f1f1f1;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    font-family: Roboto-Bold;
    box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: -1px 1px 1px 0px rgba(0,0,0,0.3);
}
.switch-txt .switch-container.on .switch-dot,
.switch-txt #switch-container-libre.on .switch-dot {
	color: white;
}
/** /SWITCH COLOR TEXT **/

.photo-item__duree {
    position: absolute;
    right: 6px;
    /*bottom: 6px;*/
    bottom: 53px;
    color: white;
    font-size: 13px;
    background-color: rgba(0,0,0,0.7);
    padding: 4px 6px;
    border-radius: 4px;
}

.page-swipe-effect-left {
	/*transition-duration: 0.5s;
	position: absolute;
	left: -100vw;
	opacity: 0;*/
	transform: translateX(-100vw);
    opacity: 0;
    transition-duration: 0.50s;
    position: fixed;
}
.page-swipe-effect-right {
	/*transition-duration: 0.5s;
	position: absolute;
	left: 100vw;
	opacity: 0;*/
	transform: translateX(100vw);
    opacity: 0;
    transition-duration: 0.50s;
    position: fixed;
}
.photo-swipe-effect-left {
	transform: translateX(-100vw);
    opacity: 0;
    transition-duration: 0.75s;
}
.photo-swipe-effect-right {
	transform: translateX(100vw);
    opacity: 0;
    transition-duration: 0.75s;
}

/**** PAGE MON PROFIL ****/
#mon-profil-save-fixed {
	border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	margin-bottom: env(safe-area-inset-bottom);
}
#mon-profil-save-fixed > img {
	width: 20px;
	margin-bottom: 3px;
}
#mon-profil-save-fixed:hover {
	opacity: 0.9;
}
.isc_wrapper #mon-profil-save-fixed {
	display: none;	
}
.mon-profil-retour {
	height: 16px;
	padding: 8px 20px 8px 0px;
	cursor: pointer;
}
.mon-profil-retour img {
    width: auto;
    height: 15px;
}
.mon-profil-retour i {
  height: auto;
  font-size: 14px;
  vertical-align: top;
}
#mon-profil fieldset {
	border: 0;
	padding: 0;
	margin: 0 10px;
	margin-bottom: 30px;
}
.mon-profil__photo {
	width: 50vw;
	height: 50vw;
    min-width: 50vw;
    min-height: 50vw;
	border-radius: 3px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.mon-profil__ajout-photo {
	background-color: rgba(0,0,0,0.5);
	color: white;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}
.mon-profil__ajout-photo.mon-profil__ajout-photo-hover {
	opacity: 0;
	transition-duration: 0.5s;
}
.mon-profil__ajout-photo:hover {
	opacity: 0.8;
}
.mon-profil__ajout-photo img {
	margin-bottom: 8px;
  width: 30px;
}
.mon-profil__ajout-photo i {
  margin-bottom: 6px;
  font-size: 25px;
}
.sub-menu__header--info .mon-profil__ajout-photo i {
  font-size: 13px;
  margin-bottom: 0px;
}
.mon-profil__photo-loader {
	display: flex;
	display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    align-items: center;
    justify-content: center;
}
#fieldset-geoloc .icon-geoloc {
    position: absolute;
    top: 6px;
    right: 0;
    width: 17px;
    color: #b4b4b4;
	cursor: pointer;
}
#fieldset-geoloc .icon-croix {
    position: absolute;
    top: 2px;
    right: -6px;
    width: 26px;
    display: none;
    color: #b4b4b4;
}
#fieldset-geoloc i.icon-croix {
  font-size: 10px;
  height: 20px;
  margin-top: 7px;
  width: 20px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.input-lenght {
	font-size: 12px;
	color: #bbbbbb;
	position: absolute;
    right: 0;
    top: 9px;
}
.textarea-lenght {
	font-size: 12px;
	color: #bbbbbb;
	text-align: right;
}
.v-web .textarea-lenght {
    margin-top: 1px;
}
.fieldset_v5 input:disabled {
	color: initial;
	opacity: 1;
}
/**** /PAGE MON PROFIL ****/

/**** PARAMETRES ****/
#parametres fieldset {
	border: 0;
	padding: 0;
	margin: 0 10px;
	margin-bottom: 30px;
}
.title {
	font-family: 'Roboto-Medium';
	font-size: 18px;
}
.historique-paiements__item {
	display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    margin-top: 4px;
}
.historique-paiements__date {
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #404040;
}
.historique-paiements__prix {
    font-family: Roboto-Bold;
    font-size: 16px;
    color: #404040;
}
.parametres-title {
	color: #404040;
	font-size: 16px;
	margin-bottom: 15px;
}
.parametres-txt {
	color: #404040;
	font-size: 13px;
	margin-bottom:15px;
}
/**** /PARAMETRES ****/

/**** NAV-MENU ****/
.menu-nav {
	display: flex;
	justify-content: space-around;
	align-items: center;
    height: 43px;
    border-bottom: 1px solid #d6d6d6;
    padding: 0 10px;
    position: fixed;
    left: 0px;
    background-color: white;
    width: calc(100% - 20px);
    z-index: 2;
}
.menu-nav__item {
	font-family: 'Roboto-Medium';
	font-size: 14px;
	color: #434343;
	opacity: 0.5;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    margin-bottom: -2px;
    padding-left: 10px;
    padding-right: 10px;
}
.menu-nav__nbr {
	font-size: 12px;
	font-family: 'Roboto-Medium';
	position: absolute;
    left: calc(100% - 6px);
    top: 22%;
    color: #000000;
    opacity: 0.4;
}
.menu-nav__item.active {
	opacity: 1;
}
.menu-nav__item.active .menu-nav__nbr {
	opacity: 0.4;
}
.js-header-fixed:not(.js-header-fixed-mobile) .menu-nav__nbr {
	opacity: 0.9;
}
.js-header-fixed:not(.js-header-fixed-mobile) .menu-nav__item.active .menu-nav__nbr {
	opacity: 0.9;
}
.menu-nav__item.active::after {
    content: '';
    display: block;
    width: calc(100% - 19px);
    height: 3px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: red;
    position: absolute;
    bottom: 0px;
}
.nav-content {
    padding-top: 44px;
}
.nav-content:not(#nav-content1) {
	display: none;
}
/**** /NAV-MENU ****/

/**** BLACKLIST ****/
.liste-blacklist {

}
.blacklist-item {

}
.blacklist-item > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #d6d6d6;
	padding: 10px 0px;
}
/*.liste-blacklist .blacklist-item:first-child > div {
	border-top: 1px solid #d6d6d6;
}*/
.blacklist-item .message-item-img {
    width: 55px;
    min-width: 55px;
    height: 55px;
    margin-right: 8px;
}
.blacklist-item__age {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 1px 5px 1px 0;
    margin-right: 1px;
    font-family: "Roboto-Regular";
    font-size: 16px;
}
.blacklist-item__pseudo {
    font-family: 'Roboto-Medium';
    font-size: 16px;
}
.blacklist-item .profil-certif-icone {
    width: 10px;
    vertical-align: top;
    margin-top: 2.5px;
    cursor: pointer;
    margin-left: -2px;
}
.blacklist-item__distance, .blacklist-item__pratique {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #404040;
	margin-bottom: 3px;
    display: inline-block;
}
.blacklist-item__date {
	font-style: italic;
	font-size: 12px;
	color: #9a9a9a;
}
.blacklist-item__supprimer {
    padding: 10px 4px;
	cursor: pointer;
}
.blacklist-item__supprimer img {
    width: 14px;
}
.blacklist-item__blacklister {
    padding: 10px 4px;
	cursor: pointer;
}
.blacklist-item__blacklister img {
    width: 19px;
}
.blacklist-item__blacklister i {
  font-size: 18px;
  color: #97969a;
}
.title_search {
	position: relative;
    display: flex;
    justify-content: center;
    /*min-height: 52px;*/
	min-height: auto;
}
.title_search .title {
	padding-top: 15px;
    padding-bottom: 0px;
}
.title_search .search-icone {
  width: 19px;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.title_search i.search-icone {
  font-size: 19px;
  margin-top: 10px;
}
/**** /BLACKLIST ****/

/**** RELATIONS ****/
.liste-relations {

}
.relations-item {

}
.relations-item > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #d6d6d6;
	padding: 10px 0px;
}
/*.liste-relations .relations-item:first-child > div {
	border-top: 1px solid #d6d6d6;
}*/
.relations-item .message-item-img {
    width: 55px;
    min-width: 55px;
    height: 55px;
    margin-right: 8px;
}
.relations-item__age {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 1px 5px 1px 0;
    margin-right: 1px;
    font-family: "Roboto-Regular";
    font-size: 16px;
}
.relations-item__pseudo {
    font-family: 'Roboto-Medium';
    font-size: 16px;
}
.relations-item .profil-certif-icone {
    width: 10px;
    vertical-align: top;
    margin-top: 2.5px;
    cursor: pointer;
    margin-left: -2px;
}
.relations-item__distance, .relations-item__pratique {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #404040;
	margin-bottom: 3px;
    display: inline-block;
}
.relations-item__date {
	font-style: italic;
	font-size: 12px;
	color: #9a9a9a;
}
.relations-item__supprimer {
    padding: 10px 4px;
	cursor: pointer;
}
.relations-item__supprimer img {
    width: 14px;
}
.relations-item__supprimer i {
	color: #bababa;
  	font-size: 18px;
}
.relations-item__notif {
	padding: 10px 4px;
	cursor: pointer;
	margin-right: 15px;
}
.relations-item__notif i {
	color: #bababa;
  	font-size: 25px;
}
/**** /RELATIONS ****/

/**** TEMOIGNAGES ****/
.liste-temoignages {

}
.temoignages-item {

}
.temoignages-item > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #d6d6d6;
	padding: 18px 0px;
}
/*.liste-relations .relations-item:first-child > div {
	border-top: 1px solid #d6d6d6;
}*/
.temoignages-item .message-item-img {
    width: 55px;
    min-width: 55px;
    height: 55px;
    margin-right: 8px;
}
.temoignages-item__age {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 1px 5px 1px 0;
    margin-right: 1px;
    font-family: "Roboto-Regular";
    font-size: 16px;
}
.temoignages-item__pseudo {
    font-family: 'Roboto-Medium';
    font-size: 16px;
}
.temoignages-item .profil-certif-icone {
    width: 10px;
    vertical-align: top;
    margin-top: 2.5px;
    cursor: pointer;
    margin-left: -2px;
}
.temoignages-item__message {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #404040;
	margin-bottom: 3px;
    display: inline-block;
}
.temoignages-item__date {
	font-style: italic;
	font-size: 12px;
	color: #9a9a9a;
}
.temoignages-item__supprimer {
    padding: 10px 4px;
	cursor: pointer;
	padding-top: 0px;
}
.temoignages-item__supprimer img {
    width: 14px;
}
/**** /TEMOIGNAGES ****/
/**** PHOTOS/VIDEOS ****/
/* acces */
.liste-acces-medias {

}
.acces-medias-item {

}
.acces-medias-item > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #d6d6d6;
	padding: 10px 0px;
}
/*.liste-acces-medias .acces-medias-item:first-child > div {
	border-top: 1px solid #d6d6d6;
}*/
.acces-medias-item .message-item-img {
    width: 55px;
    min-width: 55px;
    height: 55px;
    margin-right: 8px;
}
.acces-medias-item__age {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 1px 5px 1px 0;
    margin-right: 1px;
    font-family: "Roboto-Regular";
    font-size: 16px;
}
.acces-medias-item__pseudo {
    font-family: 'Roboto-Medium';
    font-size: 16px;
}
.acces-medias-item .profil-certif-icone {
    width: 10px;
    vertical-align: top;
    margin-top: 2.5px;
    cursor: pointer;
    margin-left: -2px;
}
.acces-medias-item__distance, .acces-medias-item__pratique {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #404040;
	margin-bottom: 3px;
    display: inline-block;
}
.acces-medias-item__date {
	font-style: italic;
	font-size: 12px;
	color: #9a9a9a;
}
.acces-medias-item__supprimer {
    padding: 10px 4px;
	cursor: pointer;
}
.acces-medias-item__supprimer img {
    width: 14px;
}
/* /acces */
.bottom-fixed-bar {
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 14px 0px;
	border-top: 1px solid #d6d6d6;
	color: #5d5d5d;
	font-size: 12px;
	font-family: 'Roboto-Bold';
	text-transform: uppercase;
	background-color: white;
	cursor: pointer;
}
.mon-profil-liste-albums {
    display: flex;
    flex-wrap: wrap;
}
.mon-profil-album-item {
	width: 43vw;
	height: 43vw;
	/*max-width: 200px;
	max-height: 200px;*/
	/*margin: 5px;*/
    margin: calc(3.5vw - 6px);
	/*background-image: url('../v5_img/picto/album-prive.jpg');*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	position: relative;
	/*box-shadow: 0px 0px 0px 1px #ffffff, 1px 1px 0 1px #d6d6d6, 2px 2px 0 1px #ffffff, 3px 3px 0px 1px #d6d6d6;*/
	cursor: pointer;
}
.mp-album-item-photo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../v5_img/picto/album-prive.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2px;
    overflow: hidden;
}
.mp-album-item-photo.photos-nb1, .mp-album-item-photo.photos-nb2,
.mp-album-item-photo.photos-nb3, .mp-album-item-photo.photos-nb4 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.mp-album-item-cadre-fake1 {
    width: calc(43vw - 4px);
    margin-left: 1px;
    height: 43vw;
    position: absolute;
    top: 1px;
    z-index: 0;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
}
.mp-album-item-cadre-fake2 {
	width: calc(43vw - 6px);
    margin-left: 2px;
    height: 43vw;
    position: absolute;
    top: 3px;
    z-index: 0;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
}
.mp-album-item-top {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 24%, rgba(0,0,0,0.16) 45%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px 20px 7px;


    position: absolute;
    width: calc(100% - 16.5px);
}
.mp-album-item__nbr {
	position: relative;
}
.mp-album-item__nbr img {
	width: 18px;
}
.mp-album-item__nbr i {
  font-size: 16px;
  color: white;
}
.mp-album-item__nbr span.nbr-photos {
    background-color: white;
    border-radius: 50px;
    font-size: 11px;
    color: black;
    padding: 1px 4px;
    min-width: 7px;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 60%;
}
.mp-album-item__options {
	cursor: pointer;
	position: relative;
}
.mp-album-item__options img {
    width: 18px;
    transform: rotate(90deg);
}
.mp-album-item__options > i {
  color: #FFFFFF;
  vertical-align: middle;
}
.mp-album-item__options:hover img,
.mp-album-item__options:hover > i {
	opacity: 0.8;
}
.mp-album-item__options .option-generique-liste {
	width: 205px;
}
@media (max-width: 456px) {
	.mp-album-item__options .option-generique-liste {
		width: 155px;
	}
}
@media (max-width: 348px) {
	.mp-album-item__options .option-generique-liste {
		width: 140px;
	}
}
.mp-album-item-bottom {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	background-color: rgba(226,226,226,0.7);
	color: #3c3c3c;
	font-family: 'Roboto-Regular';
	font-size: 13px;
	text-align: center;
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0px;
}
.mp-album-item-titre {
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 0 5px;
}
.mp-album-item-lock {
	/*height: 35px;
    position: absolute;
    top: -30px;
    left: -5px;*/

    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
}
i.mp-album-item-lock {
    font-size: 32px;
    height: 39px;
    color: white;
    text-align: center;
}
.option-generique-btn {
  position: relative;
  cursor: pointer;
}
.option-generique-btn > i {
  font-size: 4px;
}
.option-generique-btn > i.icon-points-vertical {
  font-size: 13px;
}
.option-generique-liste {
    position: absolute;
    display: none;
    top: 100%;
    right: 0px;
    width: auto;
    background-color: #fff;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
    border-radius: 3px;
    z-index: 2;
    font-family: "Roboto-Regular";
    font-size: 16px;
    color: #000;
}
.option-generique-liste:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.option-generique-liste > div {
    padding: 12px;
    transition: background-color .3s;
    position: relative;
}
.option-generique-liste > div:first-child {
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.option-generique-liste > div:hover {
    background-color: rgba(213, 212, 212, 0.7);
}
/* /ALBUMS */
/* STOCK */
.liste-stock {
	display: flex;
    flex-wrap: wrap;
    padding-bottom: 150px;
}
.stock-item {
    width: 43vw;
    height: 43vw;
    /* margin: 5px; */
    margin: calc(3.5vw - 6px);
    background-image: url(../v5_img/picto/album-prive.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}
.stock-item__photo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
.stock-item-top {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 24%, rgba(0,0,0,0.16) 45%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px 20px 6px;
    position: relative;
}
.stock-item__like-comment {
	display: flex;
	/*flex-direction: column;*/
	z-index: 1;
}
.stock-item__like-comment > div {
    margin-bottom: 8px;
    margin-right: 8px;
}
.stock-item__like, .stock-item__comment {
    display: flex;
    align-items: center;
}
.stock-item__like img, .stock-item__comment img {
	width: 16px;
	margin-right: 5px;
}
.stock-item__like img { margin-bottom: 0px; }
.stock-item__comment img { margin-bottom: -3px; }
.stock-item__like span, .stock-item__comment span {
	display: inline-block;
	background-color: white;
	color: black;
	font-size: 12px;
    padding: 1px 7px;
    border-radius: 50px;
}
.stock-item__options {
    cursor: pointer;
    position: relative;
    align-self: end;
    margin-top: -1px;
}
.stock-item__options img {
    width: 18px;
    transform: rotate(90deg);
}
.stock-item__options .option-generique-liste {
    /*width: 155px;
    right: -10px;*/

    width: 198px;
    right: -20px;
}
.stock-item:nth-child(odd) .stock-item__options .option-generique-liste {

    right: -60px;
}
@media (min-width: 400px) {
	.stock-item__options .option-generique-liste {
	    width: 200px;
	    right: -20px;
	}
}
.stock-item-bottom {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    
    
    text-align: center;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    /*padding: 5px 0px;*/
}
.stock-item-name {
	display: block;
	line-height: 25px;
	color: #3c3c3c;
    font-family: 'Roboto-Regular';
    font-size: 13px;
    background-color: rgba(226,226,226,0.7);

    line-height: normal;
    padding: 5px 5px;

    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.stock-item-duree {
    position: absolute;
    right: 6px;
    top: -25px;
    color: white;
    font-size: 13px;
    background-color: rgba(0,0,0,0.7);
    padding: 2px 4px;
    border-radius: 4px;
}
.stock-item-play {
    width: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.stock-item .checkbox-v5 {
	display: none;
	position: absolute;
    top: 6px;
    left: 6px;
}
.stock-item label.checkbox-v5 .checkmark {
	background-color: rgba(255,255,255,0.5);
}
.stock-item__border {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    border-style: solid;
    border-width: 2px;
    pointer-events: none;
}
.stock-item.selected .stock-item__border {
    display: block;
}
.title-nbr-photo {
	font-family: 'Roboto-Medium';
	font-size: 13px;
	color: #a3a3a3;
	margin-left: 5px;
}
#album_v5 .stock-item,
#photos-videos .stock-item {
    width: calc(33.33333vw - 8.6666px);
    height: calc(33.33333vw - 8.6666px);
    margin: calc(2.5px);
}
#album_v5 .stock-item-top,
#photos-videos .stock-item-top {
    padding: 6px 2px 20px 6px;
}
#album_v5 .stock-item__like-comment > div,
#photos-videos .stock-item__like-comment > div {
    margin-bottom: 6px;
    margin-right: 8px;
}
#album_v5 .stock-item__like img, #album_v5 .stock-item__comment img,
#photos-videos .stock-item__like img, #photos-videos .stock-item__comment img {
    width: 12px;
    margin-right: 5px;
}
#album_v5 .stock-item__like i, #album_v5 .stock-item__comment i,
#photos-videos .stock-item__like i, #photos-videos .stock-item__comment i {
    color: #FFFFFF;
    font-size: 11px;
    margin-right: 5px;
}
#album_v5 .stock-item__like i:before, 
#photos-videos .stock-item__like i:before {
  vertical-align: 1px;
}
#album_v5 .stock-item__comment i:before, #photos-videos .stock-item__comment i:before {
  margin-top: 3px;
}
#album_v5 .stock-item__like span, #album_v5 .stock-item__comment span,
#photos-videos .stock-item__like span, #photos-videos .stock-item__comment span {
    display: inline-block;
    background-color: white;
    color: black;
    font-size: 9px;
    padding: 1px 5px;
    border-radius: 50px;
}
#album_v5 .stock-item__options img,
#photos-videos .stock-item__options img {
    width: 14px;
    transform: rotate(0deg);
}
#album_v5 .stock-item__options > i,
#photos-videos .stock-item__options > i {
  color: #FFFFFF;
}
#album_v5 .stock-item-name,
#photos-videos .stock-item-name {
	font-size: 12px;
}
#album_v5 .stock-item:nth-child(3n+1) .stock-item__options .option-generique-liste,
#photos-videos .stock-item:nth-child(3n+1) .stock-item__options .option-generique-liste {
    right: -100px;
}
#album_v5 .stock-item:nth-child(3n+2) .stock-item__options .option-generique-liste,
#photos-videos .stock-item:nth-child(3n+2) .stock-item__options .option-generique-liste {
    right: -18px;
}
#album_v5 .stock-item:nth-child(3n+3) .stock-item__options .option-generique-liste,
#photos-videos .stock-item:nth-child(3n+3) .stock-item__options .option-generique-liste {
    right: -2px;
}
.stock-item.stock-item-ajouter {
	font-size: 15px;
	color: #3c3c3c;
	font-family: 'Roboto-Regular';
	text-align: center;
	border-color: #3c3c3c;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: white;
}
.stock-item.stock-item-ajouter span {
	display: block;
	font-size: 30px;
}
/* /STOCK */
/**** /PHOTOS/VIDEOS ****/
/**** HOME - LISTE CONNECTEES ****/
.menu-nav-home .menu-nav__item:hover {
	opacity: 1;
}
.menu-nav-home .menu-nav__item.active::after {
	bottom: -1px;
}
#home-recherche-save-fixed {
	border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 2;
    width: 50px;
    height: 50px;
    display: flex;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.isc_wrapper #home-recherche-save-fixed {
	display: none!important;
}
#home-recherche-save-fixed > img {
	width: 20px;
	margin-bottom: 3px;
}
#home-recherche-save-fixed i.icon-download-arrow:before {
  margin-bottom: 4px;
}
.home-recherche {
	background-color: white;
    border-bottom: 1px solid #efefef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    padding: 0 10px;
}
.home-recherche > div {
	opacity: 0.4;
}
.home-recherche__recherche {
    font-size: 14px;
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
}
.home-recherche__recherche img {
    width: 17px;
    height: 17px;
    margin-right: 7px;
}
.home-recherche__recherche i { margin-right: 7px; }
.home-recherche__recherche span {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
}
.home-recherche__remove {
	display: flex;
    align-items: center;
    display: none;
}
.home-recherche__remove img {
	width: 13px;
	padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.home-recherche__remove i {
  padding-left: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.home-recherche.active > div {
	opacity: 1;
}
.home-recherche.active .home-recherche__remove {
	display: flex;
}
.home-recherche_v2 {
  height: 46px;
  border-bottom: none;
}
.home-recherche_v2 > div {
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 14px);
    background-color: #eeeef0;
    color: #6e6d73;
    font-size: 13px;
    min-height: 33px;
    padding: 0px 7px;
    border-radius: 3px;
}
.home-recherche_v2 .formfield {
	height: auto;
    padding: 5px 0 5px 3px;
    color: #6e6d73;
    width: 96%;
    font-size: 14px;
    font-family: 'Roboto-Regular'!important;
    background-color: transparent;
}
.home-recherche_v2 .formfield::placeholder {
    color: #6e6d73;
}
.home-recherche_v2 .home-recherche__recherche span,
.home-recherche_v2 .home-recherche__recherche input {
  font-size: 14px;
  font-family: 'Roboto-Regular'!important;
}
.home-recherche_v2 .home-recherche__recherche input { padding: 0; }
.home-recherche_v2 .home-recherche__recherche input::placeholder {
	color: #6e6d73;
}
.home-recherche_v2 .home-recherche__remove i {
    padding-left: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.home-recherche_v2 .bg-color-main-i > div,
.home-recherche_v2 .bg-color-main-i input {
  color: white!important;
  caret-color: white!important;
}
.fixed-libre {
	padding: 12px 0px;
	padding-bottom: 12px;
	margin-bottom: 0px;
	margin-top: -10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #6e6d72;
	background-color: #fff;
	font-size: 15px;
	width: 100%;
	position: relative;
	grid-area: 2/1/2/3;
}
.fixed-libre:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: #dadada;
}
.fixed-libre .switch-aff-off, .fixed-libre .switch-aff-on {
	color: #9a9a9a!important;
	opacity: 0.7;
}
.fixed-libre .switch-dot {
	color: #505050!important;
	font-family: 'Roboto-Bold';
	font-size: 10px;
    line-height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
}
.fixed-libre .switch-container:not(.on) .switch-dot {
	background-color: #F1F1F1!important;
}
.fixed-libre .switch-container.on .switch-dot {
	color: #FFFFFF!important;
}
.home-liste-online, .home-liste-favoris,
.home-liste-membres, .home-liste-amis {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}
.home-item {
	/*margin: calc(2vw - 1px) calc(2vw - 2.5px);*/
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.home-item-top {
	height: auto;
	border: 1px solid #f5f5f5;
	border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	position: relative;
	cursor: pointer;
	padding-bottom: 100%;
}
.home-item-top .picto-etat-connexion {
	height: 12px;
	width: 12px;
}
.photo-overflow-hidden {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.home-item__photo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	transition-duration: 0.5s;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.home-item__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.home-item__chat {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 8px 6px;
	z-index: 1;
}
.home-item__chat > span {
    font-size: 10px;
    color: black;
    position: absolute;
    top: 43%;
    top: 22px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.home-item__chat img {
	height: 34px;
	width: 34px;
}
.home-item__chat img.home-item__chat-lock {
	width: 8px;
    height: auto;
    position: absolute;
    right: 0px;
    left: 0px;
    margin: auto;
    bottom: 6px;
    top: 0px;
}
.home-item__chat i {
    font-size: 15px;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(66, 66, 66, 0.5);
}
.home-item__chat i.icon-bubble-fill:before {
  margin-top: 1px;
  margin-left: 1px;
}
.home-item-badge {
	position: absolute;
    right: 6px;
    top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-item-badge > div {
	background-color: rgba(66, 66, 66, 0.5);
    border-radius: 50%;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-family: 'Roboto-Bold';
    color: white;
    margin: 0 2px;
}
.home-item-badge > div img {
	height: 9px;
	width: 9px;
}
.home-item-badge>i {
    font-size: 11px;
    width: 19px;
    height: 19px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(66, 66, 66, 0.5);
    margin: 0 2px;
}
.home-item-badge.mini {
	right: 0px;
    top: 2px;
}
.home-item-badge.mini > i {
	font-size: 6px;
    width: 14px;
    height: 14px;
}
.home-item-bottom {
	display: flex;
	background-color: #f5f5f5;
	padding: 5px 5px;
	border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  align-items: center;
  cursor: pointer;
  height: 31px;
}
.home-item__age {
	font-family: 'Roboto-Regular';
	font-size: 25px;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid black;
	line-height: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.home-item__age img {
    height: 21px;
    margin-bottom: -2px;
    padding-top: 1px;
	padding-bottom: 1px;
}
.home-item__age i {
  font-size: 18px;
  vertical-align: 2px;
  align-self: center;
}
.home-item-infos {
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
}
.home-item__pseudo {
	font-weight: 400;
	font-family: 'Roboto-Medium';
	font-size: 14px;
	word-break: break-word;
	margin: 0;
}
.v-web .home-item__pseudo {
  font-size: 13px;
}
.home-certif-icone {
    width: 9px;
    /*vertical-align: top;*/
    vertical-align: 3px;
    margin-top: 2px;
    margin-left: 1px;
}
.home-item__distance {
	font-family: 'Roboto-Regular';
	font-size: 12px;
    white-space: nowrap;
    margin-right: 4px;
}
.home-item__pratique {
	font-family: 'Roboto-Regular';
	font-size: 12px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-item__pub-titre {
	font-family: 'Roboto-Medium';
	font-size: 13px;
	word-break: break-word;
}
.home-item__pub-description {
	font-family: 'Roboto-Regular';
	font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-item.selected .home-item-top, .home-item.selected .home-item-bottom,
.home-item:hover .home-item-top, .home-item:hover .home-item-bottom {
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}
.home-item:hover .home-item__photo,
.home-item.selected .home-item__photo {
    background-color: rgba(0,0,0,0.3);
    background-blend-mode: soft-light;
}
.home-item.item-pub .home-item__pseudo {
	display: none;
}
.home-item.item-pub-promo .home-item__pseudo {
	/* margin-top: 15px; */
}
.home-item.item-pub .home-item__distance {
	min-height: 29px;
	white-space: normal;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
}
.home-item-msg-limite {
	/* grid-column: span 2; */
	grid-column: 1 / -1;
	background: var(--main-color);
	border-radius: 4px;
	text-align: center;
	font-family: 'Roboto-Bold';
	padding: 20px 17px 0px 17px;
	font-size: 25px;
	color: #fff;
	z-index: 3;
}
/**** /HOME - LISTE CONNECTEES ****/

/**** PARTENAIRES ****/
.liste-partenaires {

}
.item-partenaire {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 18px;
    margin-top: 20px;
    border-bottom: 1px solid #d6d6d6;
    text-decoration: none;
    cursor: pointer;
}
.infos-partenaire {
	text-align: center;
	width: 100%;
}
.titre-partenaire {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
    border-radius: 14px;
}
.description-partenaire {
    font-size: 16px;
    color: #000;
}
.img-partenaire {
    width: 147px;
    height: auto;
    margin-left: 8px;
}
.liste-partenaires .item-partenaire:last-child {
	border-bottom: none;
}
/**** /PARTENAIRES ****/

/**** PLANS - LISTE DES PlANS ****/
.plan-item {
	width: 100%;
	padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
    cursor: pointer;
}
.plan-item:first-child {
  padding-top: 0px;
}
.plan-item-left {
    height: 110px;
    width: 110px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    position: relative;
    float: left;
    margin-right: 8px;
    margin-bottom: 0px;
}
.plan-item__photo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    transition-duration: 0.5s;
}
.plan-item__chat {
    position: absolute;
	bottom: 0;
    right: 0;
    padding: 8px 6px;
}
.plan-item__chat img {
    height: 34px;
    width: 34px;
}
.plan-item__chat i {
  font-size: 15px;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.5);
}
.plan-item-badge {
    position: absolute;
    right: 4px;
    top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plan-item-badge > div {
    background-color: rgba(66,66,66,0.5);
    border-radius: 50%;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-family: 'Roboto-Bold';
    color: white;
    margin: 0 2px;
}
.plan-item-badge > div img {
    height: 9px;
    width: 9px;
}
.plan-item-badge > i {
  font-size: 10px;
  width: 19px;
  height: 19px;
  border-radius: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.5);
  margin: 0 2px;
}
.plan-item-right {
    display: flex;
    padding: 3px 0px 4px 0px;
    align-items: center;
}
.plan-item__age {
    font-family: 'Roboto-Regular';
    font-size: 25px;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid black;
    line-height: 25px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.plan-item__age img {
    height: 21px;
    margin-bottom: -2px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.plan-item__age i {
  font-size: 18px;
  vertical-align: 3px;
}
.plan-item-infos {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.plan-item__pseudo {
    font-family: 'Roboto-Bold';
	font-weight: 700;
    font-size: 13px;
    word-break: break-word;
	margin: 0;
}
.plan-certif-icone {
    width: 9px;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 2px;
}
i.plan-certif-icone {
  font-size: 10px;
  margin-left: 2px;
  vertical-align: top;
}
.plan-item__distance {
    font-family: 'Roboto-Regular';
    font-size: 12px;
}
.plan-item__pratique {
    font-family: 'Roboto-Regular';
    font-size: 12px;
}
.plan-item-content {

}
.plan-item-titre {
	font-family: 'Roboto-Bold';
	font-size: 14px;
	margin-bottom: 0px;
	line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.plan-item-description {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	margin-top: 2px;
	color: #838383;
	/*display: inline-block;*/
}
.plan-item-date {
	font-style: italic;
	font-size: 12px;
	color: #a3a3a3;
	white-space: nowrap;
	display: inline-block;
	margin-left: 2px;
}
#plan-supprimer, #plan-modifier {
	margin-bottom: 1px;
}
#plans-ajouter-fixed {
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	margin-bottom: env(safe-area-inset-bottom);
}
#plans-ajouter-fixed > img {
    width: 20px;
    margin-bottom: 0px;
}
#plans-ajouter-fixed > i {
    color: white;
    font-size: 20px;
}
#plans-ajouter-fixed:hover {
	opacity: 0.9;
}
.last-plan-item {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #d6d6d6;
	padding: 5px 0px;
	width: 100%;
}
.last-plan-item:last-child {
	border-bottom: 2px solid #d6d6d6;
}
.ajout-last-plan {
    height: 24px;
    padding: 8px 0px 8px 12px;
	cursor: pointer;

    height: 22px;
    padding: 5px 0px 5px 12px;
}
i.ajout-last-plan {
  font-size: 20px;
  color: #858585;
}
.supprimer-last-plan {
    height: 20px;
    padding: 5px 0px 5px 12px;
    cursor: pointer;
}
i.supprimer-last-plan {
  font-size: 20px;
  color: #bababa;
}
.last-plan-item .plan-item-titre {
	
}
.last-plan-item .plan-item-description {
    margin-bottom: 5px;
}
.last-plan-item .plan-item-date {
	
}
.ajouter_photo_plan {
	color: #4b4b4b;
	font-family: 'Roboto-Medium';
    display: flex;
    align-items: center;
    padding: 4px 0px;
    cursor: pointer;
}
.ajouter_photo_plan img {
    width: 32px;
    margin-right: 10px;
    margin-top: -3px;
}
.ajouter_photo_plan i {
  margin-right: 10px;
  font-size: 24px;
}
.photo-plan {
	display: flex;
}
.photo-plan img {
	width: 84px;
	height: 84px;
	object-fit: cover;
	object-position: center;
}

/**** /PLANS - LISTE DES PlANS ****/
/** SEARCH INPUT **/
.form-search {
	display: none;
	align-items: center;
	width: 100%;
}
.btn-retour-search {
    height: 15px;
    width: auto;
	margin-right: 15px;
    cursor: pointer;
    padding: 6px 0px;
}
i.btn-retour-search {
  font-size: 14px;
}
.search-input {
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    font-size: 18px;
    font-family: "Roboto-Regular";
    background-image: url(../v5_img/picto/icon_search_noir_op2.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-color: transparent;
    background-position: 5px 9px;
    height: auto;
    padding: 5px 0 5px 30px;
    border-bottom: none;
}
.search-input.search-input-web {
	border-bottom: none;
	background-position: 5px 12px;
}
/** /SEARCH INPUT **/
/*input[type=text]:after {
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	background-image: url('../v5_img/picto/croix_champs.png');
}*/

/** MESSAGE ATTENTION **/
.msg-attention {

}
.msg-attention h5 {
	color: #b80120;
	font-size: 19px;
	font-family: 'Roboto-Medium';
}
.msg-attention h5 img {
	width: 28px;
	margin-right: 10px;
    margin-bottom: -7px;
}
.msg-attention h5 i {
  font-size: 25px;
  margin-right: 10px;
}
.msg-attention p {
	color: #b80120;
	font-size: 15px;
	font-family: 'Roboto-Regular';
}
/** /MESSAGE ATTENTION **/

/** LOADER FROM LOADING.IO **/
.lds-css.ng-scope {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
}
@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: relative;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #cc0022;
  -webkit-transform-origin: 80px 82px;
  transform-origin: 80px 82px;
}
.lds-eclipse {
  width: 100px !important;
  height: 100px !important;
  -webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
  transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
}

.lds-css.liste-loading {
    position: absolute;
    z-index: 1;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    margin-bottom: 15px;
}
/** /LOADER FROM LOADING.IO **/

/** VOIR PLUS **/
.voir-plus-achat {
	color: #434343;
	font-size: 12.5px;
	text-transform: uppercase;
	font-family: "Roboto-Regular";
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0px;
    cursor: pointer;
}
.voir-plus-achat img {
    height: 9px;
    margin-left: 10px;
    margin-bottom: 1px;
}
.voir-plus-achat i {
  font-size: 10px;
  margin-left: 10px;
}
/** /VOIR PLUS **/

/** PROFIL ALBUM PHOTO 2 **/
.mosaique-liste {
    display: flex;
    flex-wrap: wrap;
}
.mosaique-item {
	overflow: hidden;
    width: calc(33.33333vw - 13.33333px);
    height: calc(33.33333vw - 13.33333px);
    cursor: pointer;
    position: relative;
    margin: 5px;
}
.mosaique-item-photo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
.mosaique-item-play {
	width: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
i.mosaique-item-play {
  font-size: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.6);
}
.mosaique-item-duree {
    position: absolute;
    right: 6px;
    bottom: 6px;
    color: white;
    font-size: 13px;
    background-color: rgba(0,0,0,0.7);
    padding: 2px 4px;
    border-radius: 4px;
}
.mosaique-item-cadena {
	width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
i.mosaique-item-cadena {
  font-size: 24px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.album2-liste {
	display: flex;
	flex-wrap: wrap;
}
.album2-item {
	width: calc(50vw - 5px);
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
}
.album2-item-cadre {
	position: relative;
    overflow: hidden;
    width: calc(50vw - 15px);
    height: calc(50vw - 15px);
    margin: 5px;
	border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.album2-item-cadre-fake1 {
	border: 1px solid #d6d6d6;
    border-radius: 3px;
    width: calc(50vw - 17px);
    height: calc(50vw - 15px);
    margin: 5px 6px;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: white;
}
.album2-item-cadre-fake2 {
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    width: calc(50vw - 19px);
    height: calc(50vw - 15px);
    margin: 5px 7px;
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    border-top: none;
    border-left: none;
    border-right: none;
}
.album2-item-cadre-photo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    overflow: hidden;
}
.album2-item-cadre-photo.photos-nb1, .album2-item-cadre-photo.photos-nb2,
.album2-item-cadre-photo.photos-nb3, .album2-item-cadre-photo.photos-nb4 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.photos-nb1 > div, .photos-nb2 > div, .photos-nb3 > div, .photos-nb4 > div { width: 50%; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; }

.photos-nb1 > div:nth-child(1) { height: 100%; width: 100%; }

.photos-nb2 > div:nth-child(1) { height: 100%; }
.photos-nb2 > div:nth-child(2) { height: 100%; }

.photos-nb3 > div:nth-child(1) { height: 100%; }
.photos-nb3 > div:nth-child(2) { height: 50%; }
.photos-nb3 > div:nth-child(3) { height: 50%; }

.photos-nb4 > div:nth-child(1) { height: 50%; }
.photos-nb4 > div:nth-child(2) { height: 50%; }
.photos-nb4 > div:nth-child(3) { height: 50%; }
.photos-nb4 > div:nth-child(4) { height: 50%; }


.album2-item-cadre-play {
	width: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
i.album2-item-cadre-play {
  font-size: 16px;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.6);
}
.album2-item-cadre-cadena {
    width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
i.album2-item-cadre-cadena {
    font-size: 24px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.album2-item-titre {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0 5px;
    color: #000000;
	font-family: 'Roboto-Bold';
	font-size: 13px;
}
.album2-item-nbr-photo {
	text-align: center;
	color: #565656;
	font-family: 'Roboto-Regular';
	font-size: 11px;
}
/** /PROFIL ALBUM PHOTO 2 **/

/** PROFIL FIL ALBUM **/
.titre-fil-album {
	font-family: 'Roboto-Medium';
	font-size: 14px;
	color: #434343;
	margin: 15px 10px 6px 10px;
}
.fil-item {

}
.fil-item-photo {
	position: relative;
	overflow: hidden;
}
.fil-photo {
	object-fit: contain;
	width: 100%;
    height: 100%;
    pointer-events: none;
}
.fil-item[data-type-contenu='v'] .fil-item-photo {
	height: 60vw;
}
.fil-item[data-type-contenu='v'] .fil-item-photo .fil-photo  {
	object-fit: cover;
}
.fil-photo__lock {
    font-family: 'Roboto-Medium';
    font-size: 18px;
    color: white;
    padding: 15px 25px;
    border: 2px solid white;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.fil-photo__lock img {
	width: 30px;
    margin-right: 15px;
    margin-top: -4px;
}
.fil-photo__lock i {
  font-size: 30px;
  margin-right: 15px;
  display: flex;
}
.fil-photo__play {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.fil-photo__play img {
	width: 50px;
}
.fil-photo__duree {
    position: absolute;
    right: 6px;
    bottom: 10px;
    color: white;
    font-size: 13px;
    background-color: rgba(0,0,0,0.7);
    padding: 2px 4px;
    border-radius: 4px;
}
.fil-photo__titre {
	color: white;
	font-size: 13px;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 10px 35px 10px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ededed+100&0.25+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(237,237,237,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(237,237,237,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(237,237,237,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00ededed',GradientType=0 ); /* IE6-9 */
}
.fil-photo__titre:empty
{
    display:none;
}
.fil-item__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 38px;
    margin: 0 10px;
    /*padding: 0px 10px;*/
    /*border-top: 1px solid #efefef;*/
    font-size: 14px;
    /* border-bottom: 1px solid #efefef; */
}
.fil-item__actions > div {
    padding: 10px 0;
    cursor: pointer;
    font-size: 14px;
}
.fil-item__actions img {
    width: 16px;
    padding-right: 8px;
    margin-bottom: -3px;
    box-sizing: content-box;
}
.fil-item__actions i {
  font-size: 14px;
  padding-right: 8px;
}
.fil-item__actions i.icon-like { vertical-align: 1px; }
.fil-item__actions i.icon-comment { vertical-align: -2px; }
.fil-item__actions span {
    color: black;
    font-size: 12px;
    background-color: #d3d3d3;
    border-radius: 30px;
    padding: 3px 9px;
    padding-bottom: 2px;
    margin-left: 8px;
    transition-duration: 0.3s;
}
.fil-item__actions > div.active span {
	color: white;
}
.fil-item-top__like {
	height: 40px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #efefef;
	font-size: 13px;
    color: black;
    margin: 0 10px;
    cursor: pointer;
}
.fil-item-top__like span {
	font-family: 'Roboto-Bold';
}
.fil-item-top-like__miniature {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    border: 1px solid #d6d6d6;
    margin-right: 5px;
    width: 19px;
    height: 19px;
}
.fil-item-top-like__miniature-miniature {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 2px;
}
.fil-item-liste-com {
	margin-bottom: 12px;
}
.fil-item-liste-com .profil-diapo-commentaire__item {
	border-bottom: none;
	padding-bottom: 9px;
}
.fil-item-voir-plus {
	color: #434343;
	font-size: 12.5px;
	text-transform: uppercase;
	font-family: "Roboto-Regular";
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    padding-bottom: 15px;
    cursor: pointer;
}
.fil-item-voir-plus img {
    height: 9px;
    margin-left: 10px;
    margin-bottom: 1px;
}
.fil-item-voir-plus i {
  margin-left: 10px;
  font-size: 9px;
  color: #434343;
}
.fil-liste-com {
	padding-bottom: 50px;
}
.profil-diapo-commentaire__bottom.profil-fil-com {
	bottom: 0px;
}
/** /PROFIL FIL ALBUM **/

/** VIDEOS **/
.liste-videos {

}
.item-video {
	width: 100%;
    padding-bottom: 20px;
    margin-top: 10px;
    position: relative;
}
.item-video:first-child {
    margin-top: 0px;
}
.item-video:after {
    display: block;
    content: '';
    width: calc(100% - 0px);
    margin-left: 0px;
    height: 1px;
    background: #d6d6d6;
    position: absolute;
    bottom: 0;
}
.item-video__img {
	position: relative;
	margin-bottom: 4px;
	overflow: hidden;
}
.item-video__img .video_img {
	width: 100%;
	/* object-fit: contain;
	max-height: 75vh; */
	object-fit: cover;
    height: 200px;
    pointer-events: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.item-video__img .btn-play {
	width: 50px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}
.item-video__img .video-duree {
    position: absolute;
    right: 9px;
    bottom: 13px;
    color: white;
    font-size: 13px;
    background-color: rgba(0,0,0,0.7);
    padding: 2px 4px;
    border-radius: 4px;
    z-index: 1;
}
.item-video-infos__top {
    margin-bottom: 7px;
	display: flex;
	justify-content: space-between;
}
.item-video-infos__titre {
	font-family: "Roboto-Bold";
	font-size: 16px;
	color: black;
	margin-right: 0px;
}
.item-video-infos__date {
	font-style: italic;
	font-size: 11px;
	color: #b9b8b8;
	white-space: nowrap;
}
.item-video-infos__bottom {
    font-family: "Roboto-Regular";
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 15px;
    position: absolute;
    bottom: 0px;
    padding-left: 13px;
    width: calc(100% - 13px);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 24%, rgba(0,0,0,0.16) 45%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.item-video-infos__like {
    margin-right: 7px;
    padding-right: 7px;
    position: relative;
}
.item-video-infos__like img {
	height: 10px;
	margin-right: 4px;
}
.item-video-infos__like i {
  margin-right: 4px;
  font-size: 10px;
  vertical-align: 2px;
}
.item-video-infos__comment {
    margin-right: 7px;
    padding-right: 7px;
    position: relative;
}
.item-video-infos__comment img {
	height: 10px;
	margin-right: 4px;
}
.item-video-infos__comment i {
  margin-right: 4px;
  font-size: 10px;
  vertical-align: 1px;
}
.item-video-infos__like:after,
.item-video-infos__comment:after {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.item-video-infos__vue {

}
.generique__user {
	display: flex;
	align-items: center;
}
.generique__infos {
	margin-left: 8px;
}
.generique__age {
	font-family: "Roboto-Regular";
    position: relative;
    font-size: 16px;
    color: black;
    margin-right: 5px;
    padding-right: 2px;
    margin-right: 0px;
}
.generique__age img {
	height: 14px;
    margin-bottom: -2px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.generique__age i {
    /*margin-bottom: 2px;*/
    vertical-align: 2px;
}
.generique__age:after {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    background: black;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hetero .generique__age:after { width: 0px; }
.generique__pseudo {
    font-family: "Roboto-Medium";
    font-size: 16px;
    color: black;
    margin-right: 3px;
}
.generique__certif {
	width: 10px;
    vertical-align: top;
    margin-top: 3px;
    cursor: pointer;
}
i.generique__certif {
  font-size: 10px;
  vertical-align: 3px;
}
.generique__distance {
	font-family: "Roboto-Regular";
	font-size: 12px;
	color: #737373;
}
.generique__pratique {
    font-family: "Roboto-Regular";
    font-size: 12px;
    color: #737373;
    margin-top: 2px;
}
.bandeau-video {
	position: absolute;
    top: 10px;
    left: 0;
    color: white;
    font-size: 13px;
    padding: 4px 6px;
    display: none;
}
.bandeau-video {
	position: absolute;
    top: 10px;
    left: 0;
    color: white;
    font-size: 13px;
    padding: 4px 6px;
    display: none;
}
.progress-bar-video {
    position: absolute;
    bottom: 20px;
    left: 9px;
    height: 3px;
    width: calc(100% - 64px);
    background-color: #989898;
}
.progress-bar-video span {
    height: 3px;
    width: 0%;
    display: block;
}
.item-video-semaine.item-video {
	background-color: #0593c4;
	color: white;
}
.item-video-semaine.item-video .item-video__img {
	margin-left: 0px;
	margin-right: 0px;
}
.item-video-semaine.item-video .item-video-infos__titre {
	color: white;
}
.item-video-semaine.item-video:after {
	background: transparent;
}
.item-video-semaine .bandeau-video {
	display: block;
}
.item-video .generique__age {
	padding-right: 04px;
}
.item-video__options {
	padding-bottom: 8px;
	margin-bottom: -8px;
}
.item-video__options i {
	color: #b9b8b8;
	padding: 14px 4px 6px 8px;
}
.item-video__options .option-generique-liste { min-width: 180px; }
/** /VIDEOS **/

/** LIEUX **/
.item-lieux {
	text-decoration: none;
	cursor: pointer;
	width: 100%;
}
.item-lieux-top {
	position: relative;
	/*height: 200px;*/
	padding-bottom: 55%;
}
.item-lieux-photo {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	object-fit: cover;
}
.item-lieux-voir-map {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 10px;
	cursor: pointer;
	pointer-events: auto;
}
.item-lieux-voir-map img {
	width: 56px;
	height: 56px;
}
.item-lieux-voir-map i {
  cursor: pointer;
  background-image: none;
  pointer-events: auto;
  font-size: 26px;
  width: 56px;
  height: 56px;
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: rgba(66, 66, 66, 0.5);
}
.item-lieux-stats {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    padding: 10px;
    padding-top: 20px;
    align-items: center;
    color: white;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    pointer-events: none;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 24%, rgba(0,0,0,0.16) 45%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 24%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.item-lieux-stats > div {
    display: flex;
    align-items: center;
}
.item-lieux-frequentation, .item-lieux-commentaires, .item-lieux-rdv {
	border-left: 1px solid white;
	margin-left: 6px;
    padding-left: 6px;
}
.item-lieux-etoiles img {
    height: 13px;
    margin-right: 0px;
}
.item-lieux-etoiles i {
	font-size: 11px;
	margin-right: 3px;
}
.item-lieux-etoiles-nbr {
	margin-left: 4px;
}
.item-lieux-commentaires img {
	height: 11px;
	margin-right: 6px;
}
.item-lieux-commentaires i {
	margin-right: 6px;
	font-size: 10px;
}
.item-lieux-frequentation img {
	height: 15px;
	margin-right: 6px;
}
.item-lieux-frequentation i {
	font-size: 11px;
	margin-right: 6px;
}
.item-lieux-rdv i {
	font-size: 13px;
  	margin-right: 6px;
}
.item-lieux-nbr-photo {
	position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    text-align: center;
}
.item-lieux-nbr-photo .item-lieux-nbr-photo__item {
	position: relative;
    display: inline-block;
    width: 40px;
    height: 2px;
    margin: 0 1px;
    background: white;
    opacity: 0.5;
    border-radius: 10px;
}
.item-lieux-bottom {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.item-lieux-titre {
	font-family: 'Roboto-Bold';
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.item-lieux__options {
	position: relative;
    margin-bottom: -4px;
    padding-right: 2px;
}
.item-lieux__options img {
	width: 18px;
	transform: rotate(90deg);
}
.item-lieux__options i {
  color: #b2b2b2;
  padding: 10px 4px;
  display: flex;
}
.item-lieux__options .option-generique-liste {
	width: 220px;
}
.item-lieux-ville {
	font-family: 'Roboto-Bold';
	font-size: 18px;
	color: black;
	margin-bottom: 3px;
	margin-top: 4px;
    display: inline-block;
}
.item-lieux-distance {
	font-family: 'Roboto-Regular';
	font-size: 12px;
	color: #737373;
	margin-left: 4px;
}
.item-lieux-description {
	font-family: 'Roboto-Regular';
	font-size: 16px;
	color: black;
}
.item-lieux-adresse {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: black;
}
.item-lieux-adresse__2 {
	display: flex;
	align-items: baseline;
	margin-top: 12px;
}
.item-lieux-adresse__titre {
	font-size: 15px;
	font-family: 'Roboto-Medium';
	color: black;
	min-width: 90px;
}
.item-lieux-adresse__info, .item-lieux-adresse__info a, .item-lieux-adresse__info a:hover {
	font-size: 15px;
	font-family: 'Roboto-Regular';
	color: #737373;
}
/* LIEU AJOUT */
.photo-ajout-lieu__liste {
    display: flex;
    flex-wrap: wrap;
}
.photo-ajout-lieu__item {
	display: inline-block;
    position: relative;
    margin-bottom: 3px;
}
.photo-ajout-lieu__liste .photo-ajout-lieu__item:nth-child(odd) {
	margin-right: 6px;
}
.photo-ajout-lieu__item-photo {
    width: calc(50vw - 13px);
    height: 32vw;
    display: inline-block;
    object-fit: cover;
}
.photo-ajout-lieu__item-croix {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 3px solid white;
    cursor: pointer;
}
.photo-ajout-lieu__item-croix img {
	height: 8px;
}
/* /LIEU AJOUT */
/* LIEU-DETAIL */
#lieu_details .item-lieux-bottom {
	padding-bottom: 0px;
}
#lieu_details .item-lieux-top {
    position: relative;
    height: 63vw;
    height: 220px;
	padding-bottom: 0;
}
#lieu_details .item-lieux-top.shadow {
	-webkit-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 33px 0px rgba(0,0,0,0.55);
}
.slick-lieux.slick-dotted.slick-slider {
	margin-bottom: 0px;
}
.slick-lieux .slick-dots {
	position: absolute;
    top: -8px;
    bottom: inherit;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-lieux .slick-dots li {
    position: relative;
    display: inline-flex;
    width: 35px;
    height: 30px;
    margin: 0 1px;
    padding: 0;
    cursor: pointer;
    border-radius: 0px;
    overflow: hidden;
    /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/
}
.slick-lieux .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 2px;
    padding: 0px;
    cursor: pointer;
    color: #000000;
    border: 0;
    outline: none;
    background: white;
    opacity: 0.3;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.slick-lieux .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-lieux .slick-dots li.slick-active button {
	opacity: 1;
	color: white;
}
.slick-lieux .slick-dots li.slick-active button:before {
    opacity: 1;
    color: transparent;
    background-color: transparent!important;
}
.slick-lieux .slick-lieu-item {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
    
    height: 100%;
}
.slick-lieux .slick-lieu-item {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
    
    height: 100%;
}
.slick-lieux, .slick-lieux .slick-list, .slick-lieux .slick-track {
	height: 100%;
}
.lieu-detail-retour {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 20px 20px 10px;
}
.lieu-detail-retour img {
	height: 33px; 
}
.lieu-detail-retour i {
  color: #FFFFFF;
  height: 33px;
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background-color: rgba(66, 66, 66, 0.6);
  border-radius: 33px;
  padding: 0;
}
.lieu-frequentation {
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #d6d6d6;
}
.lieu-frequentation p {
	font-family: 'Roboto-Regular';
	font-size: 12.5px;
	color: #737373;
	margin-top: 8px;
	margin-bottom: 4px;
}
.lieu-infos__title {
	font-family: 'Roboto-Medium';
	font-size: 17px;
	color: black;
	display: flex;
	align-items: center;
}
.lieu-infos__title img {
	height: 14px;
	margin-right: 8px;
}
.lieu-infos__title i {
  font-size: 13px;
  margin-right: 8px;
}
.profil-frequentation__liste {
	display: flex;
	flex-wrap: wrap;
}
.profil-frequentation-item {
    width: 17vw;
    margin-right: calc(3.75vw - 5px);
    margin-top: 9px;
}
.profil-frequentation__liste .profil-frequentation-item:nth-child(5n) {
    margin-right: 0px;
}
.profil-frequentation-item__photo {
    position: relative;
    /* background-image: url(); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 17vw;
    height: 17vw;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
}
.profil-frequentation-item__photo-photo {
	position: absolute;
	width: 100%;
	height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.profil-frequentation-item__pseudo {
    font-family: 'Roboto-Medium';
    color: black;
    font-size: 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 4px;
}
#voir-plus-freq .profil-frequentation-item__photo {
    border: 0px solid;
    background-color: #ededed;
    background-image: none;
    font-family: 'Roboto-Medium';
    font-size: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.lieu-commentaires {
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #d6d6d6;
}
.lieu-commentaires-infos .profil-certif-icone {
    width: 10px;
    height: 10px;
    margin-top: 3.5px;
    cursor: pointer;
    margin-left: 3px;
}
.lieu-commentaires-infos i.profil-certif-icone {
    font-size: 10px;
    margin-left: 3px;
    vertical-align: 1px;
}
.lieu-notation {
	display: flex;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.lieu-notation img {
    height: 31px;
    margin-right: 6px;
}
.lieu-notation i {
  margin-right: 8px;
  font-size: 24px;
}
.lieu-commentaires__form {
    display: flex;
    align-items: flex-end;
    margin-top: 0px;
    margin-bottom: 15px;
}
.lieu-commentaires__form textarea {
    border: 1px solid #e0e0e0;
    font-size: 15px;
    line-height: 18px;
    padding: 8px 10px 7px 10px;
    margin-right: 8px;
    border-radius: 2px;
    resize: none;
	margin-bottom: 0px;
}
.lieu-commentaires__form div.btn {
    font-size: 14px;
    padding: 11px 12px 10px 12px;
    font-weight: 400;
    line-height: 14px;
    overflow: inherit;
    cursor: pointer;
}
.lieu-commentaires-item {
	margin-bottom: 18px;
}
.lieu-commentaires-item-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
}
.lieu-commentaires-item .message-item-img {
	margin-right: 8px;
}
.lieu-commentaires-infos {
	margin-bottom: 2px;
}
.lieu-commentaires-item__age {
	font-family: 'Roboto-Regular';
	font-size: 16px;
	color: black;
	padding-right: 4px;
	position: relative;
}
.lieu-commentaires-item__age img {
    height: 13px;
}
.lieu-commentaires-item__age i {
    vertical-align: 2px;
}
.lieu-commentaires-item__age::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    right: 0px;
    width: 1px;
    height: 17px;
    background-color: #000;
}
.hetero .lieu-commentaires-item__age::after { width: 0px; }
.lieu-commentaires-item__pseudo {
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: black;
	/*border-left: 1px solid #000000;*/
}
.hetero .lieu-commentaires-item__pseudo {
	border-left: none;
}
.lieu-commentaires-item__date {
	font-style: italic;
	font-size: 12px;
	color: #999;
}
.lieu-commentaires-item__note {

}
.lieu-commentaires-item__note img {
    height: 14px;
    margin-left: -4px;
}
.lieu-commentaires-item__note i {
  font-size: 11px;
}
.lieu-commentaires-item-bottom {
	display: flex;
	justify-content: space-between;
}
.lieu-commentaires-item__commentaire {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #575656;
	word-break: break-word;
}
.lieu-commentaires-item__suppression {
    cursor: pointer;
    align-self: center;
    padding-left: 20px;
    margin-top: -8px;
    margin-bottom: -6px;
	padding: 10px;
    margin: -10px;
}
.lieu-commentaires-item__suppression img {
	height: 18px;
}
.lieu-commentaires-item__suppression i {
  font-size: 18px;
  color: #bababa;
}
.lieu-commentaires-item__repondre {
    color: #acacac;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 600;
    cursor: pointer;
}
.lieu-commentaires-item__sous-reponse-liste {
    /* display: none; */
    margin-left: 20px;
    margin-top: 5px;
}
.lieu-commentaires-item__sous-reponse-textarea {
	display: none;
    /* display: flex; */
    padding-top: 10px;
}
.lieu-commentaires-item__sous-reponse-textarea textarea {
    border: 1px solid lightgrey;
    border-radius: 3px;
    resize: none;
    padding-left: 10px;
    min-height: 30px;
	font-size: 15px;
	box-sizing: border-box;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
    padding-bottom: 0;
    /* align-self: flex-end; */
}
.lieu-commentaires-item__sous-reponse-repondre {
    display: none;
    color: #acacac;
    font-size: 11px;
    margin-top: 5px;
    font-weight: 600;
    cursor: pointer;
}
.lieu-signalement {
	margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #d6d6d6;
    text-align: center;
}
.lieu-signalement div {
	font-style: italic;
	font-size: 13px;
	color: #757575;
	text-decoration: underline;
}
.lieu-rdv__form {
    display: flex;
    align-items: flex-end;
    margin-top: 0px;
    margin-bottom: 15px;
}
.lieu-rdv__form textarea {
    border: 1px solid #e0e0e0;
    font-size: 15px;
    line-height: 18px;
    padding: 8px 10px 8px 10px;
    margin-right: 8px;
    border-radius: 2px;
    resize: none;
}
.lieu-rdv__form div.btn {
    font-size: 14px;
    padding: 11px 12px;
    font-weight: 400;
    line-height: 14px;
    overflow: inherit;
    cursor: pointer;
}
.lieu-rdv-item__repondre {
    color: #acacac;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 600;
    cursor: pointer;
}
.lieu-rdv-item__sous-reponse-textarea {
	display: none;
    /* display: flex; */
    padding-top: 10px;
}
.lieu-rdv-item__sous-reponse-textarea textarea {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    resize: none;
    padding-left: 10px;
    min-height: 30px;
    font-size: 15px;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 0;
    /* align-self: flex-end; */
}
.lieu-rdv-item__suppression {
	color: #bababa;
	padding: 10px;
    margin: -10px;
}
.btn-send-sous-rdv {
    height: 30px;
    min-height: 30px;
    width: 34px;
    min-width: 34px;
    border-radius: 3px;
    margin-left: 5px;
    transition-duration: .5s;
    align-self: flex-end;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
	background-color: var(--main-color);
}
.btn-send-sous-rdv i {
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-42%,-50%);
}
.lieu-rdv__liste .lieu-commentaires-item__age,
.lieu-rdv__liste .lieu-commentaires-item__pseudo {
	font-size: 14px;
}
.lieu-rdv__liste .lieu-commentaires-item__age::after {
	height: 15px;
}
.lieu-rdv__liste .picto-etat-connexion {
    height: 14px!important;
    width: 14px!important;
}
.lieu-rdv__liste .picto-etat-connexion-green-daltonien:before,
.lieu-rdv__liste .picto-etat-connexion-green:before {
	width: 10px;
    height: 10px;
}
/* /LIEU-DETAIL */
/** /LIEUX **/

/** FORUM **/
/* FORUM-THEMES */
.liste-forum-themes {

}
.forum-theme-item {
	position: relative;
    cursor: pointer;
    width: 100%;
    padding: 8px 10px;
}
.forum-theme-item:hover {
	background: #e6e6e6;
}
.forum-theme-item::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	left: 10px;
    width: calc(100% - 20px);
	height: 1px;
	background-color: #e7e7e7;
}
.forum-theme-item__img {
    width: 28px;
    height: auto;
    margin-right: 8px;
    margin-top: 0px;
    align-self: flex-start;
}
.forum-theme-item__titre {
	font-family: 'Roboto-Bold';
	font-size: 16px;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
    margin-top: 3px;
}
.forum-theme-item__description {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #838383;
	margin-top: 2px;
    margin-bottom: 6px;
}
.forum-theme-item__infos {
	font-family: 'Roboto-Regular';
	font-size: 11px;
	color: #b9b8b8;
}
span.forum-theme-item__last-pseudo {
	font-family: 'Roboto-Bold';
}
/* /FORUM-THEMES */
/* FORUM-SUJETS */
.liste-forum-sujets {

}
.forum-sujet-item {
	position: relative;
    cursor: pointer;
    width: 100%;
    padding: 10px 10px;
    display: flex;
}
.forum-sujet-item:hover {
	background: #e6e6e6;
}
.forum-sujet-item::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	left: 10px;
    width: calc(100% - 20px);
	height: 1px;
	background-color: #e7e7e7;
}
.forum-sujet-item-img {
	height: 43px;
    min-height: 43px;
    max-height: 43px;
	width: 43px;
    min-width: 43px;
    max-width: 43px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	margin-right: 10px;
	position: relative;
}
.forum-sujet-item__photo {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
}
.forum-sujet-item__titre {
	font-family: 'Roboto-Bold';
	font-size: 16px;
	line-height: 1.15rem;
	margin: 0;
    margin-bottom: 2px;
}
.forum-sujet-item__like {
  display: flex;
  align-items: flex-start;
  color: #b9b7b8;
  margin-left: 6px;
  margin-top: 3px;
  font-size: 10px;
}
#forum_detail_sujets .forum-sujet-item__like {
    margin-right: 2px;
}
.forum-sujet-item__like i {
  font-size: 11px;
  margin-right: 2px;
  margin-top: -2px;
}
.forum-sujet-item__like i.icon-dislike {
  margin-top: 2px;
}
.forum-sujet-item .forum-sujet-item__like {
  display: flex;
  justify-content: space-between;
  min-width: 26px;
  width: 26px;
  margin-right: 2px;
}
.forum-sujet-item .forum-sujet-item__like i.icon-dislike {

}
.forum-sujet-item .forum-sujet-item__like span {
  min-width: 18px;
  text-align: center;
}
.forum-sujet-item__infos {
	font-family: 'Roboto-Regular';
	font-size: 11px;
	color: #b9b8b8;
}
span.forum-sujet-item__last-pseudo {
	font-family: 'Roboto-Bold';
}
#sujets-ajouter-fixed {
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin-bottom: env(safe-area-inset-bottom);
}
#sujets-ajouter-fixed > img {
    width: 20px;
    margin-bottom: 0px;
}
#sujets-ajouter-fixed > i {
    color: white;
    font-size: 20px;
}
#sujets-ajouter-fixed:hover {
	opacity: 0.9;
}
.recherche-input-placeholder::placeholder {
	color: black;
}
/* /FORUM-SUJETS */
/* FORUM DETAIL SUJETS */
.detail-forum-sujet {
	background: #ededed;
    padding: 10px 10px;
}
.detail-forum-sujet__titre {
	font-family: 'Roboto-Bold';
	font-size: 16px;
	text-align: left;
	margin-bottom: 7px;
}
.detail-forum-sujet .forum-sujet-item__like {
  color: #000000;
}
.detail-forum-sujet__description {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #3b3b3b;
	margin-bottom: 10px;
}
.detail-forum-sujet__photos-liste {
	display: flex;
	margin-bottom: 10px;
	margin-left: -5px;
    margin-right: -6px;
}
.detail-forum-sujet-img {
	/*width: calc(33vw - 11px);
    height: calc(33vw - 6px);*/
    width: calc(33.3333vw - 10px);
    height: calc(33.3333vw - 10px);
    margin: 0 5px;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.detail-forum-sujet__photo {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
}
.detail-forum-sujet-img i.btn-play,
.forum-sujets-commentaires-item-img i.btn-play {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
}
.detail-forum-sujet-img .video-duree,
.forum-sujets-commentaires-item-img .video-duree {
  position: absolute;
  right: 4px;
  bottom: 4px;
  color: white;
  font-size: 11px;
  background-color: rgba(0,0,0,0.7);
  padding: 2px 4px;
  border-radius: 4px;
  z-index: 1;
}
/*.detail-forum-sujet__photo:nth-child(3n+2) {
	margin: 0 8px;
}*/
.detail-forum-sujet__item {
	display: flex;
}
.detail-forum-sujet__item .message-item-img {
	width: 55px;
    min-width: 55px;
    height: 55px;
    margin-right: 8px;
}
.detail-forum-sujet__age {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 1px 5px 1px 0;
    margin-right: 1px;
    font-family: "Roboto-Regular";
    font-size: 16px;
}
.hetero .detail-forum-sujet__age { border-right: none; }
.detail-forum-sujet__age img {
    height: 14px;
}
.detail-forum-sujet__age i {
  vertical-align: 2px;
}
.detail-forum-sujet__pseudo {
    font-family: 'Roboto-Medium';
    font-size: 16px;
}
.detail-forum-sujet__distance {
    font-family: 'Roboto-Medium';
    color: #737373;
    font-size: 14px;
}
.detail-forum-sujet__pratique {
    font-family: 'Roboto-Medium';
    font-size: 14px;
    color: #404040;
    margin-bottom: 3px;
    display: inline-block;
}
.detail-forum-sujet__date {
	font-style: italic;
    font-size: 12px;
    color: #9a9a9a;
}
.liste-forum-sujets-commentaires {

}
.forum-sujets-commentaires-item {
    padding-bottom: 10px;
    margin-top: 10px;
	border-bottom: 1px solid #e7e7e7;
	width: 100%;
}
.forum-sujets-commentaires-item-top {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 4px;
}
.forum-sujets-commentaires-item .message-item-img {
    margin-right: 8px;
}
.forum-sujets-commentaires-infos {
    margin-bottom: 2px;
}
.forum-sujets-commentaires-item__age {
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color: black;
    padding-right: 5px;
    position: relative;
}
.forum-sujets-commentaires-item__age img {
    height: 13px;
}
.forum-sujets-commentaires-item__age i {
  vertical-align: 2px;
}
.forum-sujets-commentaires-item__age::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    right: 0px;
    width: 1px;
    height: 17px;
    background-color: #000;
}
.hetero .forum-sujets-commentaires-item__age::after { width: 0px; }
.forum-sujets-commentaires-item__pseudo {
	font-family: 'Roboto-Medium';
    font-size: 16px;
    color: black;
}
.forum-sujets-commentaires-item__date {
	font-style: italic;
    font-size: 12px;
    color: #b9b9b9;
}
.forum-sujets-commentaires-item__options i {
  color: #b9b9b9;
}
.forum-sujets-commentaires-item__options .option-generique-liste {
  width: 175px;
}
.forum-sujets-commentaires-item-bottom {
    display: flex;
    justify-content: space-between;
}
.forum-sujets-commentaires-item__commentaire {
    font-family: 'Roboto-Regular';
    font-size: 13px;
    color: #575656;
}
.forum-sujets-commentaires-item__liste-photos {
	display: flex;
}
.forum-sujets-commentaires-item-img {
    width: calc(25vw - 13px);
    height: calc(25vw - 13px);
    display: inline-block;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 6px;
	position: relative;
}
.forum-sujets-commentaires-item__photo {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
}
.forum-sujets-commentaires-item-img:nth-child(4n+2) {
    margin-left: 8px;
    margin-right: 4px;
}
.forum-sujets-commentaires-item-img:nth-child(4n+3) {
    margin-left: 4px;
    margin-right: 8px;
}
.forum-sujets-commentaires-item__repondre {
	font-family: 'Roboto-Regular';
	font-size: 11px;
	color: #acacac;
	margin-top: 6px;
	cursor: pointer;
}
.forum-sujets-commentaires-item-fil-reponse {
    margin-left: 25px;
}
.forum-sujets-commentaires-item-fil-reponse .forum-sujets-commentaires-item {
	border: none;
	padding-bottom: 0px;
}
.forum-sujets-commentaires-item-fil-reponse .forum-sujets-commentaires-item__photo {
    width: calc(27vw - 19.25px);
    height: calc(27vw - 12.25px);
}
.forum-sujets-commentaires-voir-plus {
	font-size: 12px;
	color: black;
	font-family: 'Roboto-Bold';
	cursor: pointer;
	padding-top: 10px;
}
#sujets-repondre-fixed {
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin-bottom: env(safe-area-inset-bottom);
}
#sujets-repondre-fixed > img {
    width: 24px;
    margin-bottom: 0px;
}
#sujets-repondre-fixed > i {
  font-size: 24px;
  color: #FFFFFF;
}
#sujets-repondre-fixed:hover {
	opacity: 0.9;
}
#sujet-utile-fixed {
  background-color: #F5F5F5;
  padding: 0px 22px;
  min-height: 50px;
  color: #949494;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
#sujet-utile-fixed i {
  font-size: 16px;
  margin-top: -2px;
  padding: 4px 14px;
  /*color: #b9b7b8;*/
  cursor: pointer;
}
#sujet-utile-fixed i.icon-dislike {
  margin-top: 8px;
}
.separator-sujet-utile-fixed {
  background-color: #b9b7b8;
  width: 1px;
  height: 35px;
}
.ajouter-photo-repondre-liste {
	display: flex;
	margin-top: 22px;
}
.repondre-photo-box {
	background-color: #c6c6c6;
	border-radius: 3px;
	position: relative;
    /*width: calc(24% - 0px);
    height: 20vw;*/
    width: calc(33% - 0px);
    height: 26vw;
}
.repondre-photo-box:nth-child(4n+2) {
    margin-left: 8px;
    margin-right: 4px;
}
.repondre-photo-box:nth-child(4n+3) {
    margin-left: 4px;
    /*margin-right: 8px;*/
}
.repondre-photo-box-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
}
.repondre-photo-box-croix {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 3px solid white;
    cursor: pointer;
}
.repondre-photo-box-croix img {
	height: 8px;
}
/* /FORUM DETAIL SUJETS */
/* FORUM AJOUT SUJET */
.photo-ajout-forum-sujet__liste {
 	display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.photo-ajout-forum-sujet__item {
	display: inline-block;
    position: relative;
    margin-bottom: 3px;
    margin: 0 5px;
}
/*.photo-ajout-forum-sujet__item:nth-child(3n+2) {
	margin: 0 8px;
}*/
.photo-ajout-forum-sujet__item-photo {
    /*width: calc(33vw - 11px);
    height: calc(33vw - 6px);*/
	width: calc(33.3333vw - 13.7px);
    height: calc(33.3333vw - 14px);

    display: inline-block;
    object-fit: cover;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
}
.photo-ajout-forum-sujet__item-croix {
	position: absolute;
    top: -4px;
    right: -4px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 3px solid white;
    cursor: pointer;
}
.photo-ajout-forum-sujet__item-croix img {
	height: 8px;
}
.photo-ajout-forum-sujet__item-croix i {
  font-size: 8px;
  color: white;
}
.photo-ajout-forum-sujet__item .btn-play {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
}
.photo-ajout-forum-sujet__item .video-duree {
  position: absolute;
  right: 4px;
  bottom: 9px;
  color: white;
  font-size: 11px;
  background-color: rgba(0,0,0,0.7);
  padding: 2px 4px;
  border-radius: 4px;
  z-index: 1;
}
/* /FORUM AJOUT SUJET */
#liste-pic-popup-photos-div {
    max-height: 265px;
    overflow: auto;
}
#liste-pic-popup-photos-div .liste-pic-popup {
	display: flex;
    flex-wrap: wrap;
}
#div_photos-rec .liste-pic-popup {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-left: -1%;
    margin-right: -1%;
}
#div_photos .liste-pic-popup {
    max-height: 32vw;
    max-height: 130px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-left: -1%;
    margin-right: -1%;
}
.liste-pic-popup-item {
    position: relative;
    /*width: calc(24% - 0px);
    height: 20vw;
    border-radius: 3px;
    flex-basis: 23%;*/
    margin: 0.55% 0.55%;
    cursor: pointer;

    padding-bottom: calc(25% - 1.1%);
    flex-basis: calc(25% - 1.1%);
}
.liste-pic-popup-item__photo {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
/*.liste-pic-popup-item.selected-photo {
	border: 3px solid red;
	box-sizing: border-box;
}*/
.liste-pic-popup-item.selected-photo:after {
	content: '';
	display: block;
	border: 3px solid;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
	position: absolute;
	left: 0;
	top: 0;
}
/** /FORUM **/

/** BLOG **/
.liste-blog-article {

}
.liste-blog-filtres {
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #e7e7e7;
	background-color: #FFFFFF;
	margin: 0 9px;
}
.liste-blog-filtre-item {
	font-family: "Roboto-Medium";
	font-size: 18px;
	color: #6e6d73;
	border-bottom: 3px solid transparent;
	cursor: pointer;
	padding: 11px 0 11px 0;
}
.liste-blog-filtre-item.active,
.liste-blog-filtre-item:hover {
	color: var(--main-color);
	border-color: var(--main-color);
}
.blog-article-item {
	margin-bottom: 35px;
	cursor: pointer;
}
.blog-article-item__photo {
	width: calc(100%);
	height: 150px;
	height: 50vw;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 6px;
	position: relative;
}
.liste-blog-article .blog-article-item__photo {
	width: calc(100% - 20px);
	margin-left: 10px;
    border-radius: 3px;
}
.blog-article-item__titre {
	font-family: 'Roboto-Bold';
	font-size: 22px;
	margin: 0;
	margin-bottom: 6px;
}
.blog-article-item-infos {
	font-family: 'Roboto-Regular';
	font-size: 12px;
    color: #b9b8b8;
    line-height: 1.1rem;
    margin-bottom: 4px;
}
.blog-article-item-infos span + span:before {
    content: '';
    display: inline-block;
    margin-left: 0px;
	margin-right: 20px;
}
.blog-article-item-infos i {
	margin-right: 8px;
}
.blog-article-item-infos__date, .blog-article-item-infos__vues, .blog-article-item-infos__commentaires {
	display: inline-block;
}
.blog-article-item__extrait {
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: #9a9a9a;
	line-height: 1.5rem;
	margin-bottom: 20px;
	margin-top: 5px;
}
.blog-article-item__bottom {
	
}
.blog-article-item__btn-lire {
	display: inline-block;
    border: 1px solid;
    padding: 8px 16px;
    font-size: 15px;
    color: #000;
    cursor: pointer;
    border-radius: 100px;
    margin-right: 6px;
    cursor: pointer;
    text-decoration: none;
}
.btn-liste-blog-lire {
	border: 1px solid var(--main-color);
	padding: 8px 16px;
	font-size: 15px;
	color: #000000;
	cursor: pointer;
	border-radius: 100px;
	margin-right: 6px;
	cursor: pointer;
	text-decoration: none;
	display: inline;
}
.btn-liste-blog-lire:hover {
	background-color: var(--main-color);
	color: #FFFFFF;
}
.liste-blog-share-container {
	display: inline-flex;
    align-items: center;
}
.liste-blog-share-container:hover .btn-liste-blog-share {
	display: inline-flex;
	opacity: 1;
	transform: translateX(0);
}
.btn-liste-blog-share {
	border: 1px solid #9f9f9f;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	color: #000000;
	font-size: 13px;
	margin: 0 2px;
	cursor: pointer;
	text-decoration: none;
	transition-duration: 0.5s;
}
.btn-liste-blog-share i.icon-arrow-share {
	font-size: 12px;
}
.btn-liste-blog-share.share {
	border-color: #000000;
	padding: 8px 16px;
	width: auto;
	height: auto;
	border-radius: 100px;
	font-size: 15px;
	display: inline-flex;
}
.btn-liste-blog-share.share-facebook, .btn-liste-blog-share.share-twitter {
	display: none;
	opacity: 0;
	transform: translateX(-100%);
}
.btn-liste-blog-share.share-facebook { border-color: #2d4e95; }
.btn-liste-blog-share.share-facebook:hover { background-color: #2d4e95; color: #FFFFFF; }
.btn-liste-blog-share.share-twitter { border-color: #57a9d7; }
.btn-liste-blog-share.share-twitter:hover { background-color: #57a9d7; color: #FFFFFF; }

.blog-article-item__btn-lire:hover {
	color: #FFFFFF;
}
.blog-article-item__btn-lire:not(:hover) {
	background-color: transparent;
}
.blog-article-item__container-share {
    display: inline-flex;
    align-items: center;
}
.blog-article-item__btn-share {
    border: 1px solid #9f9f9f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    color: #000;
    font-size: 13px;
    margin: 0 2px;
    cursor: pointer;
    text-decoration: none;
    transition-duration: .5s;
}
.blog-article-item__btn-share-rs {
	border: 1px solid #9f9f9f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    color: #000;
    font-size: 13px;
    margin: 0 2px;
    cursor: pointer;
    text-decoration: none;
    transition-duration: .5s;
}
.blog-article-item__btn-share-rs {
	display: none;
    opacity: 0;
    transform: translateX(-100%);
}
.blog-article-item__container-share:hover .blog-article-item__btn-share-rs {
    display: inline-flex;
    opacity: 1;
    transform: translateX(0);
}
.blog-article-item__btn-share-rs.share-facebook { border-color: #2d4e95; }
.blog-article-item__btn-share-rs.share-twitter { border-color: #57a9d7; }
.blog-article-item__btn-share-rs.share-facebook:hover {
    background-color: #2d4e95;
    color: #fff;
}
.blog-article-item__btn-share-rs.share-twitter:hover {
    background-color: #57a9d7;
    color: #fff;
}
/** A SUPPR **/
.blog-article-item__lire {
	font-family: 'Roboto-Medium';
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 12px;
}
.blog-article-item__lire img {
	height: 7px;
    margin-left: 8px;
    margin-bottom: 0.8px;
    transform: rotate(180deg);
}
.blog-article-item__lire i {
  font-size: 8px;
  margin-left: 8px;
  vertical-align: 1px;
}
/** /A SUPPR **/
.blog-article__corps {
	font-family: 'Roboto-Regular';
	color: #838383;
	font-size: 14px;
	line-height: 1.4em;
}
.blog-article__corps p {
	font-family: 'Roboto-Regular';
	color: #838383;
	font-size: 14px;
	line-height: 1.4em;
	margin-top: 0;
}
.blog-article__corps h2, .blog-article__corps h2 span,
.blog-article__corps h3, .blog-article__corps h3 span {
	font-family: 'Roboto-Bold';
	font-size: 15px!important;
}
.blog-article__corps img {
    width: 100% !important;
    height: auto !important;
    cursor: auto;
}
.blog-article-partage {
	display: flex;
	margin-bottom: 16px;
}
.blog-article-partage__btn {
	font-family: 'Roboto-Regular';
	background: white;
	border: 1px solid #666666;
	border-radius: 3px;
	color: #666666;
	font-size: 14px;
	height: 36px;
	min-width: 36px;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
}
.blog-article-partage__btn img {
    height: 20px;
    object-fit: contain;
    max-width: 20px;
    object-position: center;
    opacity: 0.7;
}
.blog-article-partage__btn i {
  font-size: 18px;
}
.blog-article-partage__btn:hover {
	background-color: #eaeaea;
}
.blog-article-btn {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: white;
	background: #666666;
	border-radius: 3px;
	text-align: center;
	min-width: 132px;
    padding: 9.5px 8px;
    margin-bottom: 16px;
    cursor: pointer;
}
.blog-article-btn i {
    font-size: 12px;
    vertical-align: 1px;
    margin-right: 6px;
}
.blog-article-btn#btn-article-suivant i {
	margin-right: 0px;
	margin-left: 6px;
}
.blog-article-btn:hover {
	opacity: 0.7;
}
.liste-blog-article-relation {
	margin-top: 6px;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 15px;
}
.blog-article-relation-item {
	display: flex;
	margin-bottom: 10px;
	cursor: pointer;
}
.blog-article-relation-item:hover {
	opacity: 0.7;
}
.blog-article-relation-item__photo {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    width: 115px;
    min-width: 115px;
    max-width: 115px;
	height: 65px;
	margin-right: 10px;
}
.blog-article-relation-item__infos {
	max-height: 65px;
	overflow: hidden;
}
.blog-article-relation-item__titre {
	font-family: 'Roboto-Bold';
	font-size: 14px;
	line-height: 16px;
	overflow: hidden;
    display: -webkit-inline-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
}
.blog-article-relation-item__extrait {
	font-family: 'Roboto-Regular';
	font-size: 12px;
	color: #838383;
	line-height: 16px;
}

.article-commentaire-item {
    /* padding: 0px 10px; */
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.article-commentaire-item__photo {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 55px;
    min-width: 55px;
    height: 55px;
    min-height: 55px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 7px;
}
.article-commentaire-item__photo-photo {
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.article-commentaire-item-content {
	cursor: pointer;
}
.article-commentaire-item-content__top {
    overflow: hidden;
	display: flex;
}
.article-commentaire-item-content__age {
    border-right: 1px solid #000;
    padding: 1px 5px 1px 0;
    margin-right: 1px;
    font-family: "Roboto-Regular";
}
.article-commentaire-item-content__age img {
	width: 12px;
}
.article-commentaire-item-content__age i {
  font-size: 13px;
  vertical-align: 2px;
}
.article-commentaire-item-content__pseudo {
	font-family: 'Roboto-Medium';
	font-size: 16px;
	margin-left: 5px;
}
.article-commentaire-item-content .profil-certif-icone {
    width: 10px;
    height: 10px;
    margin-top: 3.5px;
    cursor: pointer;
    margin-left: 3px;
}
.article-commentaire-item-content i.profil-certif-icone {
  font-size: 10px;
  margin-left: 3px;
}
.article-commentaire-item-content__temoignage {
	font-size: 14px;
	color: #737373;
	margin-top: 2px;
}
.article-commentaire-item-content__date {
	font-style: italic;
	font-size: 12px;
	color: #a3a3a3;
	margin-top: 2px;
}
.supprimer_article-commentaire {
	align-self: flex-start;
	cursor: pointer;
      padding: 8px;
    margin-right: -8px;
    margin-top: -8px;
}
.supprimer_article-commentaire img {
	height: 18px;
	cursor: pointer;
}
.supprimer_article-commentaire i {
  font-size: 18px;
  color: #bababa;
  cursor: pointer;
}
/** /BLOG **/

/** CAROUSEL-PHOTOS **/
.carousel-photos-content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999999999;
    background-color: rgba(0,0,0,0.8);
}
.carousel-photos {
	width: 100%;
	height: 100%;
}
.carousel-photos .slick-list, .carousel-photos .slick-track {
	height: 100%;
}
.owl-carousel .owl-stage-outer {
	height: 100%;
}
.owl-carousel .owl-stage {
	height: 100%;
}
.owl-carousel .owl-item {
	height: 100%;
}
.owl-carousel .owl-item > div {
	height: 100%;
	width: 100%;
}
.carousel-photo-center {
	/*margin: auto;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;*/

    height: 100%;
    width: 100%;
}
.carousel-photos .photo {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    margin: auto;
    margin-left: 50%;
    transform: translateX(-50%);
}
.carousel-compteur {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: white;
    font-family: 'Roboto-Bold';
    background-color: rgba(0,0,0,0.5);
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 14px;
    z-index: 1;
}
.carousel-compteur span {
    font-family: 'Roboto-Bold';
}
.carousel-like {
	position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;
    font-size: 14px;
    cursor: pointer;
    z-index: 1;
}
.carousel-like img {
    height: 16px;
    margin-right: 5px;
    margin-bottom: -2px;
}
.carousel-retour {
	position: absolute;
    top: 0px;
    z-index: 1;
    padding: 10px;
    cursor: pointer;
}
.carousel-retour img {
	width: 32px;
}
/** /CAROUSEL-PHOTOS **/
/** PHOTO **/
.box-photo-reglement {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  width: 100%;
}
.img-border {
  border: 2px solid #d6d6d6;
  box-sizing: border-box;
  border-radius: 3px;
}
.box-photo-reglement > .img-border {
  margin: 5px 5px;
  width: calc(50% - 10px);
  padding-bottom: 45.125%;
  position: relative;
}
.img-border > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 2px;
}
.icone-interdit {
  background-color: #cc0022;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
}
.icone-interdit:after {
  width: 30px;
  height: 7px;
  display: block;
  content: '';
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/** /PHOTO **/
/** BON A SAVOIR **/
.bon-a-savoir--container {
  display: none;
  
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.bon-a-savoir--close {
  background: rgba(0,0,0,0.5);
  position: absolute;
  width: 100%;
  height: 100%;
}
.bon-a-savoir {
  background-color: #FFFFFF;
  border-radius: 3px;
  padding: 16px 22px;
  padding-top: 26px;
  margin: 0 10px;
  margin-top: 112px;
  position: relative;
}
.v-web .bon-a-savoir {
  margin-top: 70px;
}
.bon-a-savoir:before {
    content: '';
    width: 0;
    border-right: 9px solid transparent;
    border-bottom: 9px solid white;
    border-left: 9px solid transparent;
    position: absolute;
    top: -9px;
    right: 40px;
}
.bon-a-savoir__titre {
  font-size: 19px;
  color: #000000;
  text-align: center;
  font-family: 'Roboto-Medium';
  margin-bottom: 15px;
}
.bon-a-savoir__text {
  font-size: 16px;
  color: #9a9a9a;
}
/** BON A SAVOIR **/

/** FLAMMES **/
.liste-flamme {
    height: calc(100vh - 95px);
    position: relative;
    overflow: hidden;
}
.v-web .liste-flamme {
    height: calc(100vh - 55px);
}
.flamme-item {
    height: 100%;
    width: 100%;
    position: absolute;
    transition-duration: 0.80s;
    bottom: 0;
}
.effect-like {
    transform: translateX(120%) translateY(15%) rotate(10deg) scale(0.6);
}
.effect-next {
    transform: translateX(-120%) translateY(15%) rotate(-10deg) scale(0.6);
}
.flamme-infos {
    position: absolute;
    padding: 10px 10px;
    padding-bottom: 25px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    width: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0.16+55,0.07+76,0+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.16) 55%, rgba(0,0,0,0.07) 76%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.16) 55%,rgba(0,0,0,0.07) 76%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.16) 55%,rgba(0,0,0,0.07) 76%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.flamme-infos__age {
    font-size: 21px;
    margin-right: 6px;
    padding-right: 6px;
    border-right: 1px solid #FFFFFF;
}
.flamme-infos .picto-etat-connexion-profil {
    margin-right: 5px;
}
.flamme-infos__pseudo {
    font-size: 18px;
}
.flamme-infos .icon-round-check {
    font-size: 10px;
    margin-left: 4px;
    margin-bottom: 3px;
}
.flamme-photo {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    cursor: auto;
}
.container-btn-flamme {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 42px;
    left: 0;
    right: 0;
}
.btn-flamme {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 70px;
    margin-right: 37.5px;
    margin-left: 37.5px;
    border-radius: 70px;
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
#btn-flamme-next {
    font-size: 20px;
    color: #616161;
}
#btn-flamme-like {
    font-size: 30px;
    color: #cc0022;
}
/** /FLAMMES **/

/** PREMIUM-FEATURE-MSG **/
.premium-feature-msg {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1;
}
.premium-feature-msg__sublink {
	font-family: 'Roboto-Regular' !important;
	font-size: 12px;
}
.premium-feature-msg__msg {
    font-family: 'Roboto-Bold';
}
.premium-feature-msg__msg span {
	font-family: 'Roboto-Bold';
	text-decoration: underline;
	cursor: pointer;
}
/** /PREMIUM-FEATURE-MSG **/

/** BANDEAU RGPD **/
#bandeau-rgpd {
	display: flex;
	justify-content: space-between;
	background-color: #000000;
	padding: 25px 25px;
	color: #FFFFFF;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	max-width: 1235px;
	z-index: 999999999;
}
#bandeau-rgpd .title {
	font-family: 'Roboto-Bold';
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 12px;
}
#bandeau-rgpd p {
	font-family: 'Roboto-Regular';
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 12px;
}
#bandeau-rgpd .btn {
	width: 250px;
	margin-bottom: 22px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 19px 0;
	border: none;
	outline: none;
}
@media screen and (max-width: 767px) {
	#bandeau-rgpd {
		padding: 15px 15px;
		flex-direction: column;
	}
	#bandeau-rgpd .title {
		font-size: 17px;
		margin-bottom: 12px;
	}

	#bandeau-rgpd p {
		font-size: 13px;
		margin-bottom: 12px;
	}
	#bandeau-rgpd .btn {
		margin-left: auto;
		margin-right: auto;
		width: 215px;
		padding: 15px 0;
		margin-top: 12px;
		margin-bottom: 16px;
	}
} 
/** /BANDEAU RGPD **/

/** BTN-DUO **/
.btn-duo {
	background-color: #F4F4F5;
	border-radius: 6px;
	display: flex;
	margin-top: 16px;
	margin-bottom: 4px;
}
.btn-duo .btn {
	background-color: transparent;
	color: #A8A7AC;
	border-radius: 6px;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Roboto-Medium';
	cursor: pointer;
	width: 100%;
	padding: 13px 0px 11px 0px;
}
.btn-duo .btn span {
	font-size: 10px;
	vertical-align: top;
	margin-left: 4px;
	display: inline-block;
	margin-top: -2px;
	opacity: .7;
}
.btn-duo .btn.active {
	background-color: var(--main-color);
	color: #FFFFFF;
	cursor: auto;
}
/** /BTN-DUO **/

/** SALON **/
.option-generique-msg.option-generique-liste {
	right: initial;
    width: 180px;
    left: 0;
    margin-top: 3px;
	z-index: 9;
}
.photos-options.option-generique-btn {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0px 10px 10px 10px;
	color: #fff;
	vertical-align: middle;
	text-shadow: 0 0 6px #000000;
}
.photos-options.option-generique-btn .option-generique-msg.option-generique-liste {
	left: initial;
	right: 0;
	text-shadow: none;
}
.englob-msg .photos-options {
	display: none;
}
.salon-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	width: 100%;
	padding: 4px 10px;
	min-height: 50px;
	color: #838383;
	position: relative;
}
.salon-item:hover {
	background-color: #e6e6e6;
}
.salon-item:after {
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: 1px;
	background: #e7e7e7;
	position: absolute;
	bottom: 0;
	left: 10px;
}
.salon-titre {
	font-family: 'Roboto-Bold';
	font-size: 16px;
	color: var(--main-color);
}
.salon-participant {
	font-size: 11px;
	margin-right: 12px;
	text-align: right;
	min-width: 100px;
}
/** /SALON **/

.msg-moderateur {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e3e2e2;
    padding: 12px 12px;
    cursor: pointer;
	margin: 8px 0;
	/*margin: 0;
	margin-top: -5px;*/
	border-radius: 2px;
	/*position: fixed;*/
    width: calc(100% - 0px);
    z-index: 2;
    /*border-top: 2.5vw solid white;
    border-bottom: 2.5vw solid white;
    border-left: calc(2.6666vw + 2px) solid white;
    border-right: calc(2.6666vw + 2px) solid white;*/
    box-sizing: border-box;
}
.v-web .msg-moderateur {
	/*margin-top: -6px;*/
}
.msg-moderateur__text {
	font-family: 'Roboto-Medium';
	font-size: 16px;
	color: black;
}
.msg-moderateur__icone {
    width: 37px;
    min-width: 37px;
    height: 37px;
    min-height: 37px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.msg-moderateur__icone img {
    height: 17px;
    margin-left: 4px;
}
.msg-moderateur__icone i { margin-left: 2px; }

.fixed-bottom-pass-premium {
	position: fixed;
    bottom: 0;
    background: white;
    padding: 17px 10px;
    border-top: 1px solid #e7e7e7;
    z-index: 2;
    font-size: 15px;
    width: calc(100% - 20px);
    text-align: center;
    cursor: pointer;
}
.fixed-bottom-pass-premium img {
    width: 12px;
    transform: rotate(270deg);
    margin-left: 10px;
    margin-right: -20px;
    margin-bottom: 1px;
}
.fixed-bottom-pass-premium i {
    font-size: 12px;
    margin-left: 10px;
    margin-right: -20px;
}

.img-warning-18 {
	position: relative;
}
.img-warning-18:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../v5_img/icons/warning-18.svg');
	background-position: center;
    background-size: 45%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: 1;
}


/*input[type=text] + label:before {
    display: block;
    content: "×";
    width: 11px;
    height: 11px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    transform: translateY(20px);
}
input[type=text]:focus + label:after {
	display: block;
    content: "×";
	width: 11px;
	height: 11px;
	right: 0;
	top: 0;
	bottom: -40px;
	margin: auto;
	position: absolute;
}
input[type=text]:focus + label:before {
    display: none;
}
input[type=text]:invalid + label:before {
    opacity: 0;
}
input[type=text]:invalid:focus + label:after {
    opacity: 0;
}*/

/*input[type=text] {
  padding-right: 1em!important;
}
textarea {
  padding-right: 1em!important;
}
[data-clear-input] {
	position: absolute;
    top: 0;
    right: -8px;
    font-weight: 500;
    font-size: 1.4em;
    padding: 0 0.4em;
    line-height: 1em;
    cursor: pointer;
    color: #8f8f8f;
    margin-top: 4px;
}
input[type=text]:invalid ~ [data-clear-input],
textarea:invalid ~ [data-clear-input] {
	display: none;
}
input::-ms-clear {
	display: none;
}*/

/*.edge-html, .edge-html body, .edge-html .os-viewport, .edge-html .os-content, .edge-html div {
	-ms-overflow-style: none!important;
}*/
.edge-html .os-viewport {
	right: 0!important;
}
.edge-html .home-item {
	width: 43vw;
}
.edge-html .stock-item {
	width: 40vw;
	height: 40vw;
}
.edge-html .mosaique-item {
	width: calc(-13.33px + 31.33vw);
	height: calc(-13.33px + 31.33vw);
}
.edge-html .profil-amis-item__photo {
    width: 15vw;
    height: 15vw;
}
.edge-html .album2-item-cadre {
    width: calc(47vw - 15px);
    height: calc(47vw - 15px);
}
.edge-html .album2-item {
	width: calc(-5px + 47vw);
}
.edge-html .album2-item-cadre-fake1 {
	width: calc(-17px + 47vw);
	height: calc(-15px + 47vw);
}
.edge-html .album2-item-cadre-fake2 {
	width: calc(-19px + 47vw);
	height: calc(-15px + 47vw);
}

.edge-html .mon-profil-album-item {
    width: 40vw;
    height: 40vw;
}
.edge-html .mp-album-item-cadre-fake2 {
    width: calc(42vw - 6px);
    height: 40vw;
}
.edge-html .mp-album-item-cadre-fake1 {
    width: calc(41vw - 4px);
    height: 40vw;
}